これぞプロのデザインテクニック！簡単なのにすごい、アイコンを作るテクニックのまとめ
オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 目のアイコンの作り方 矢印のアイコンの作り方 バッテリーのアイコンの作り方 箇条書きリストのアイコンの作り方 クラウドのアイコンの作り方 次に進むのアイコンの作り方 ファンネルのアイコンの作り方 プレイ・ポーズのアイコンの作り方 位置矢印のアイコンの作り方 位置ピンのアイコンの作り方 サウンドのアイコンの作り方 ウェーブのアイコンの作り方 Toptalのアイコンの作り方
こんな簡単でいいの？便利すぎるPhotoshopのプラグイン23選
デザイン制作の大半をPhotoshopで作業する人も多くいらっしゃいます。 そんなPhotoshopですから、自分仕様に環境を整えておくことで作業の快適具合も大きく変わってきます。 今回は、Photoshopでの作業を効率化する使い勝手の良いプラグインを28個に絞りご紹介します。 フォトショッププラグインとは、標準機能を拡張するファイルのことです。必要に応じてインストールすることで作業効率を飛躍的にアップさせることが可能です。 全てインストールする必要はありませんが、気になるものがあれば是非一度使ってみてください。 便利すぎるPhotoshopのプラグイン23選 1.Velositey http://dandkagency.com/extensions/velositey わずか数回のクリックであっという間にホームページのレイアウトを作るプラグインです。 ヘッダからコンテンツ、フッターなど
Photoshop VIP ☞ 商用可、豊富すぎる711個のピクトグラムアイコンを無料公開している「Noun Project」
昨年の終わりごろに「商用可で色、サイズ変更も自由自在な無料ピクトグラムアイコン517個セット「Noun Project」」というエントリーをご紹介したのですが、ますます種類が増え711個となっていたのでご紹介。 使用ライセンスに関しても個人、商用利用可能となっているのはうれしいですね。 詳細は以下から。 豊富でクールなピクトグラムアイコン公開、The Noun Project The Noun Projectで公開されているアイコン素材は、2011年8月現在711個となっており、まだまだ増えていく模様です。 すべてのファイルはSVGファイルとなっており、Illustrator を使うことでサイズ、色などお好みで変更することが可能となります。 アイコンをクリックするとダウンロードリンクと詳細情報がポップアップで表示されます。 日本語にも対応しており、あらかじめカテゴリー分けされているのはうれ
イラストレーターパターンのフリー素材をご紹介!【116選】
イラストレーターパターンのフリー素材は、こどもの日や母の日など、イベントが近付くにつれて、それにちなんだデザインが多く登場し始めています。きっと多くの方が「やはりこういう時期はデザインも通常とは異なる仕様にしてアクセントを付けたい！」と思うのではないでしょうか。 素材を配布しているサービスでも、春から夏にかけて使える爽やかな雰囲気の素材も数多く登場します。イベント、季節に合わせたデザインをサクッと作りたいなら、パターン素材を活用しましょう。 今回は、クオリティが高く、かつ無料のパターン素材を116個まとめてご紹介します。 春から夏まで使えるフリーパターン素材5月編 1. Nature pattern design http://www.freepik.com/free-vector/nature-pattern-design_1081435.htm 鮮やかな水色のヤシの葉にビビッドなハイビ
日本語Webフォントの革命 - 3846masa's memo
日本語Webフォントに革命がおきた． 詳しくは続きを読んでくれ． ちょっと大きく出てみた． 実装についての記事はこちら この記事で言いたいこと 動的に日本語フォントのサブセットを作成してくれるOSSを作りました． サンプルページはこちら 臨時のサンプルページはこちら 追記 herokuが落ちてる，メモリ不足だな．早い所Dockerfileつくろう． 追追記 herokuで運用は再検討したほうがよさそう．「こういうこともできます」の事例ということでひとつ． （やっぱり普通のサーバで動かす分には大丈夫そうな気がする．どうだろう） そんなわけで，どうぞご利用ください。 （ちなみに粗い作りなので，pull-requestやissue投稿をしてくださると嬉しいです．） 何が革命なんだ 革命が起きたというけど，どこが革命なの？ 僕には革命が起きたようには思えないけど そんなこと言わんといて，泣くわ．
スマートフォンサイトのデザイン集サイトのまとめ｜WEB Drawer -WEB制作に関するメモサイト-
最近普及しているスマートフォンですが、その専用のサイトを作っている所も多くなってきました。 WEB制作の会社でもスマートフォンサイトを制作する事が多くなってきたと思います。 スマートフォンは指で操作するのでパソコンとはまた違ったデザインになっています。 そこで、デザインをまとめているサイトをまとめてみました。 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス 全iPhoneサイト一覧｜iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト 全iPhoneサイト一覧｜iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト スマートフォンサイト集めました。 スマートフォンサイト集めました。 iShowcase – 国内のiPhone / iPad最適化対応をしたサイトを
スマホサイト WEBデザイン集 AGT smartphone design gallery
スマホ向けWEBサイトデザイン集 AGT smartphone design galleryは、クオリティの高い、スマートフォン対応Webサイトを集めたギャラリーサイトです。
Webデザインの仕方が分からない！初心者にすすめるデザインのコツ その2 « ブログ｜東京のアプリデザイン制作会社｜株式会社ハラハラ｜harahara Inc.
こんにちは、代表の藤原です。 前回の記事でデザインのコツに関するロード第1章 スタディについて書かせていただきました。 UIデザインをするための5つの工程 ロード第1章 スタディ ロード第2章 モックアップ ロード第3章 仮組デザイン ロード第4章 ブラッシュアップ ロード第5章 なんでもないようなことが幸せだったと思う 前回は巷にあふれる良いデザインを常に見て分析する必要性を解かせてもらいました。Webサイトのデザインで言えばブックマークサイトなどをチェックして常日頃からデザインの引き出しを作る重要性を理解していただいたかと思います。それらを踏まえた上で次の章に進みたいと思います。 ロード第2章 モックアップ モックアップとは何か モックアップとはなんでしょうか、人によってはラフスケッチやポンチ絵などと言われることがあります。要はそのWebサイトのデザインの設計図、と思ってもらって構い
無料素材 - BEIZ Graphics Web
背景フリー素材のベイツ・イメージズでは、背景や壁紙に使える画像素材を無料ダウンロードできます。高画質＆高解像度の風景やテクスチャなど、Web、DTP、動画、アプリ、背景等に使える商用利用可能なフリー素材として限りなく自由にご利用いただけます。
wonderfl build flash online | 面白法人カヤック
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
ＦＬＡＳＨ道場
Flashを使って制作していく過程を重視して手法を紹介します。ヒントが得られたら君のセンスとアイデアで作っていきましょう。
最新動画PARK
2024.07.24 【新台】スマスロ北斗無双で期待枚数5000枚超えの究極STを引いた結果大事故に！ ゆっパチ趣味打ち実践その112「ゆっくり実況・パチンコ・パチスロ」 やサN1！やサN1！ ※スペック等はDMM様、ちょんぼりすた様より引用させていただいてます。 ・スマスロ炎炎で万枚達成！ ・スマスロ源さんがぶっ壊れた！！ ・スマスロとある魔術の禁書目録でアルティメットループ！ ・スマスロ戦国乙女で万枚達成！(意味深) ・スマスロ戦国乙女でプレミアム乙女アタックを引いた！ ■いつもお世話になっているサイト ▼音声 ■VOICEVOX ずんだもん： ▼立ち絵 ■ずん […]
Webデザイナー1年生にお勧め！『Webデザインのお役立ち参考サイト』 | NPO法人クリエイター育成協会 公式ブログ - Web・デザイン・教育・福祉、各種分野で役立つ情報をお届けします！
おはようございます！ 本日は、『Webデザインのお役立ちサイト』についてご紹介したいと思います。 Webデザイナーとしての仕事を請け負いはじめたうちは、デザインに迷ったり、思う様に制作が進まなかったりする場面も、多々あるでしょう。 そんな時は、業界で働く先輩デザイナーのブログやサイトから、得られる知識を参考にしてみることをおすすめします。 私達も普段様々な業界ブログを確認し、気づきを得ながら現場の作業にあたっています。 ぜひ参考になさってください。 Webデザイン 参考サイト 『WEBデザインの見本帳』 http://www.web-mihon.com/ WEBデザイナーのためのWEBサイトのデータベース・リンク集、 「WEBサイトを作成する際のデザインの配色・見本・参考」となるサイトです。 印象、色、ジャンル等から、検索することができます。 『Web Design RECIP
Web Designing
2012年1O月号: 特集2「クリックを促す画像演出」リンク集 01＿ボーダーを使った基本効果 PIXEL CRIATIVO 02＿モノクロ画像からカラー画像に Chad Tafolla 03＿マウスオーバーで画像の透明度を変更 Webクリエイターボックス こちらの演出もチェック！ LINDA DONG ROGGE & POTT VEFSTOFAN 04＿画像をぼかす演出 割烹 百合 05＿ポートレートを切り替える演出 Arc90 06＿画像のカタチを変えた見せ方 ヤクルト ジョア こちらの演出もチェック！ tetracreative Patrick Kunka Rally Interactive 07＿アニメGIFでサムネイル表示 BLANK 08＿マウスオーバーで動画表示 Kinner 09＿サムネイルでサービス名を表示 ココロマゴコロ研究所 10＿スクロールに応じて画像が揺れる mo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Iconfinder | Download free icons
コリス
iPhoneデザインボックス
http://netshop-webdesign.com/
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ikesai.com
