デザインをより分かりやすく、レベルUP！ピクトグラムを使ってみよう！

2014年07月09日前田

おはようございます！

デザイナー1年生に、学校では教えてくれない、
でも、現場に出たら必要となる事をお伝えできたらと思います。

本日は「ピクトグラム」についてご紹介したいと思います。

WEBデザインや紙媒体のデザインをする時、
「文字が多くてなんだか見にくいデザインだな・・・」
と思ったことは、ありませんか？

そんな時は、ピクトグラムの出番です。

ピクトグラムとは

ピクトグラムは、一般に「絵文字」や「絵単語」などと呼ばれ、何らかの情報や注意を示すために表示される視覚記号（サイン）の一つです。
明度差のある2色を用いて、表したい概念を単純な図として表現する技法が用いられています。

下の写真を見るとわかるように、道路や駅の構内、商業施設などのたくさんの所に設置されています。
皆さんも外にでるたび、無意識にこうしたサインを見られているのではと思います^^。

E146_hijyouguchi500

a0006_001868_m

デザインを行う時文字が多すぎて、スペースに入りきらないし、読みづらい・・・
全部入れると、文字が小さくなってしまう・・・
という場合、私はよく情報整理の為に使用しています。項目をピクトグラムで表し、文字数をできるだけ完結に表せるよう留意しています。

ピクトグラムで表現すると、一目見ただけで主要な意図が伝わるため、説明する手間を省くことができ、スペースを活かすことができます。

ピクトグラムは、視覚的な図で表現することで、言語に制約されずに内容の伝達を直感的に行うことができます。
その為、老若男女、また国籍を問わず意味を伝えることが可能です。

こうした非常に便利なピクトグラム、もちろんご自分で制作されてもいいですが、無料で配布されているサイトもたくさんあります。下記にご紹介していきます。

POPでかわいいピクトグラムが揃ったサイトです。
PNGデータをダウンロードできます。

Endless Icons

人（非常口はこちらのピクトグラムで）を題材にしたピクトグラム。
ユニークなシチュエーションのピクトグラムが揃っています。

ヒューマンピクトグラム2

ベーシックなアイコンが揃っています。
PSDデータでのダウンロードが可能です。

iconsweets2

医療や病院系のさまざまなアイテムが揃ったアイコン素材。
細いシンプルなラインで描かれており、すっきりした柔らかいデザインです。

利用規約は、それぞれサイトによって異なります。
必ず使用前には、それぞれのサイトの規約をよく読んでから、扱うようにしてくださいね。

あなたのデザインにほんの少しでもスッキリ感と見やすさを与えてくれるパーツです。
ぜひピクトグラムを活用してみてください！