2025.10.11 学習記録 ~ピクトグラム~

用語

  • ピクトグラム
    言葉を使わずに視覚的に情報を伝えるための「絵記号」や「図記号」。
  • ロゴ
    企業理念や会社のイメージを象徴的に、視覚的に表現するもの。
  • ユニバーサルカラー
    色の見え方に個人差がある方にも配慮し、誰もが情報を正しく認識できるよう設計された色使い。

制作時に使えるIllustrator基本操作

  • アウトライン「パス」「書式」
  • 定規・ガイド
  • スマートガイド
  • 環境設定(キー入力)

アウトライン

アウトライン化とは、文字や線、パス、ブラシなどのアピアランス(装飾)をオブジェクトに変換することを指す。
文字をアウトライン化するとパスで囲まれたオブジェクトに変換され、違うパソコンでデータを開いてもフォントが置き換わらないようにすることができる。

定規・ガイド

通常青い線で表示され、レイアウトする範囲を示したり、オブジェクトを並べたりする時の目安として利用される、印刷されない線。

スマートガイド

オブジェクトやアートボードを作成または操作するときに 一時的に表示されるガイド。
他のオブジェクトとの相対関係で作成、整列、編集 変形の際にスナップしたり、位置関係を示して作業を補佐してくれる。

環境設定(キー入力)

キーボードの矢印キーの上下左右ボタンの入力で、選択しているオブジェクトやアンカーポイントが移動する距離を設定することができる。

備考・メモ

今回は5~6cm角でピクトグラムを作成する。目標10個!

ピクトグラム制作にあたって

まずは検索や身の回りの物などを見るなどでリサーチ。次に、どの機能を使えば作れるのかをイメージ。
色は必要最低限に!
ピクトグラム1個作成における理想の制作時間…5分。

ピクトグラム制作のポイント

「誰もがそう見えるように作る」こと!一番の考案のポイントは特徴を掴むこと。
思い当たる特徴を箇条書きしてみる→他と違う唯一無二の特徴は何なのか、その特徴をどう表現して伝わるデザインにするのか。
情報を瞬時に伝えるようにデフォルメする(なるべく特徴だけを描く)。

ユニバーサルカラーを考える

緊急を要する場合に使用されるピクトグラムは、すべての人に共通の見え方になることが求められる!
色覚障害がある場合は意図した見え方にならない場合もあるため、特定の色だけを使って意味を表そうとするのではなく、明度差を明確にした図案を使用したり、地と図を区切るセパレートカラーを適切に選んだりすることで、どのような人にもわかる絵柄を考えなければならない。

※PhotoshopやIllustratorでは色覚シミュレーションが可能!
Illustratorツールバーの表示→色の構成設定→該当の型を選択すると色覚ごとの色の見え方で表示される!

デザインを仕事とする場合に必要なもの

  • 実作業で必要な操作や制作のコツ(現場によって必要なものが変わる)
  • 求められるスピード感
  • データの取り扱い方法の把握

参考資料・リンク

ピクトグラムとは?Webサイトで利用するメリット、商用利用 …

ピクトグラム(絵文字)公共・一般施設図記号 | おせったいの …

デザインに赤い十字( )を使うと法律違反って知ってましたか? | 初代編集 …

図形のパスをアウトライン化する – 図形の内側と外側の線を …

Illustratorでガイドを作成する方法《基本的な操作》|DTP …

【イラストレーターでデータ作成】スマートガイドを使って …

Illustratorのスマートガイドが表示されない | Too クリエイター …

illustrator環境設定キー入力・単位・保存場所における推奨方法 …

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です