[Webデザイン]作例つき！アイコンやピクトグラムを作る時のデザイナーの頭の中
約一週間ぶりのブログです、サボっててすみません！ Webサイトのアイコンやピクトグラムって、非デザイナーから見るとデザイン要素の中でも面積が小さいせいで軽んじられがちな感じがするんですけど、実はかなり奥が深いです。これをサイトに置くことで本来なら複数の文字で説明する必要のあることを利用者に直観的に理解させられます(もしくは補助として)し、単純に見た目の雰囲気を作り出すことも出来ます。 この記事では私がWebサイトにおけるアイコンやピクトグラムを作成するときどんなことを考えて作成しているのか、細かいことも含めて分解して書きだしてみました★ モチーフを選択する まずはそこにどんな意味のオブジェクトを置くのか、それを図柄で表せばそうであることが伝わるのかを考えます。 名詞や動詞、目的語の抽出 そのボタンや項目、オブジェクトにどんな意味や機能を持たせたいのか、それをキーワードにして抽出します。 例
![[Webデザイン]作例つき！アイコンやピクトグラムを作る時のデザイナーの頭の中](https://cdn-ak-scissors.b.st-hatena.com/image/square/6aee0b2e81a3becadb3c7542b5e37a6fd55c5a99/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F07%2Fhowto-icon-pictgram-10-150x150.png){kind=icon}
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pttrns - Mobile User Interface Patterns