「ピクトグラム」 · 2018-07-04 ·...

12
DTP 基礎 25-26 「ピクトグラム」 0.復習 ・罫線の効果 ・罫線の種類 ・イラストの特性、効果 1.直感的に訴えかけるピクトグラムを使ったレイアウト <ピクトグラムとは> 「絵文字」「絵単語」 あらゆる人に、言葉で説明をしなくても情報が伝わるよう絵で表現したもの 単純化することが基本(「地」と「図」 明暗差のある 2 色) <アイコン> プログラムやファイルの種類、あこがれや崇拝の的をシンボル化した小さな 絵記号 「あらゆる人」が対象ではない 単純化しなくてもよい場合も多々ある ・ピクトグラム、アイコンに共通するデザインもある ・公益財団法人 交通エコロジー・モビリティ財団 「標準案内用図記号」

Upload: others

Post on 27-Dec-2019

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 「ピクトグラム」 · 2018-07-04 · (3)アートボード上にピクトグラムを配置 (4)作品タイトル文字を入れる(必要に応じてサブタイトル、リードも)

DTP基礎 25-26

「ピクトグラム」

0.復習

・罫線の効果

・罫線の種類

・イラストの特性、効果

1.直感的に訴えかけるピクトグラムを使ったレイアウト

<ピクトグラムとは> 「絵文字」「絵単語」

あらゆる人に、言葉で説明をしなくても情報が伝わるよう絵で表現したもの

単純化することが基本(「地」と「図」 明暗差のある 2色)

<アイコン>

プログラムやファイルの種類、あこがれや崇拝の的をシンボル化した小さな

絵記号

「あらゆる人」が対象ではない

単純化しなくてもよい場合も多々ある

・ピクトグラム、アイコンに共通するデザインもある

・公益財団法人 交通エコロジー・モビリティ財団

「標準案内用図記号」

Page 2: 「ピクトグラム」 · 2018-07-04 · (3)アートボード上にピクトグラムを配置 (4)作品タイトル文字を入れる(必要に応じてサブタイトル、リードも)

http://www.ecomo.or.jp/barrierfree/pictogram/picto_top2017.html

1.公共・一般施設

Page 3: 「ピクトグラム」 · 2018-07-04 · (3)アートボード上にピクトグラムを配置 (4)作品タイトル文字を入れる(必要に応じてサブタイトル、リードも)
Page 4: 「ピクトグラム」 · 2018-07-04 · (3)アートボード上にピクトグラムを配置 (4)作品タイトル文字を入れる(必要に応じてサブタイトル、リードも)

2.交通施設 (推奨度 Bのみ)

Page 5: 「ピクトグラム」 · 2018-07-04 · (3)アートボード上にピクトグラムを配置 (4)作品タイトル文字を入れる(必要に応じてサブタイトル、リードも)

3.商業施設 (推奨度 Bのみ)

Page 6: 「ピクトグラム」 · 2018-07-04 · (3)アートボード上にピクトグラムを配置 (4)作品タイトル文字を入れる(必要に応じてサブタイトル、リードも)

4.観光・文化・スポーツ施設

Page 7: 「ピクトグラム」 · 2018-07-04 · (3)アートボード上にピクトグラムを配置 (4)作品タイトル文字を入れる(必要に応じてサブタイトル、リードも)

5.安全

Page 8: 「ピクトグラム」 · 2018-07-04 · (3)アートボード上にピクトグラムを配置 (4)作品タイトル文字を入れる(必要に応じてサブタイトル、リードも)

6.禁止

Page 9: 「ピクトグラム」 · 2018-07-04 · (3)アートボード上にピクトグラムを配置 (4)作品タイトル文字を入れる(必要に応じてサブタイトル、リードも)

7.注意

8.指示

Page 10: 「ピクトグラム」 · 2018-07-04 · (3)アートボード上にピクトグラムを配置 (4)作品タイトル文字を入れる(必要に応じてサブタイトル、リードも)

JISZ8210「案内用図記号」

平成 14年に制定

その後、災害関係、優先設備、観光関連等の図記号が追加されている

(事例研究)

Page 11: 「ピクトグラム」 · 2018-07-04 · (3)アートボード上にピクトグラムを配置 (4)作品タイトル文字を入れる(必要に応じてサブタイトル、リードも)

・少ないスペースで多くの情報を掲載できる

ピクトグラムそのもののデザインが非常に重要

・ピクトグラムにできるかどうかの判断

そもそも意味が伝わらなければ NG

デザイン実習

1.既存のピクトグラムを Illustratorで作成しよう

(1)幅 200mm、高さ 150mmのアートボードを作成

(2)アートボード上にピクトグラムを作成(1個以上)

(3)作品の片隅に、学籍番号と名前を入れる。

文字サイズは 9ポイント、フォントは自由

(5)A4用紙に印刷して提出(トンボ無し)

2.テーマを決めて、数種類のピクトグラムをレイアウトした作品を作る

(1)幅 390mm、高さ 275mmのアートボードを作成

(2)ピクトグラム画像を収集する

http://pictogram2.com/ なども参考に

(3)アートボード上にピクトグラムを配置

(4)作品タイトル文字を入れる(必要に応じてサブタイトル、リードも)

(5)作品の片隅に、学籍番号と名前を入れる。

文字サイズは 9ポイント、フォントは自由

(6)A3用紙に画像のみ印刷、パネルに貼り、余白をカットする

(7)掲示板上に展示!

Page 12: 「ピクトグラム」 · 2018-07-04 · (3)アートボード上にピクトグラムを配置 (4)作品タイトル文字を入れる(必要に応じてサブタイトル、リードも)

まとめ

ピクトグラムとは

アイコンとの違い

ピクトグラムの効果

ピクトグラムを使う上でのポイント