第 11 回情報デザイン（ 4 ）

ビジュアルデザイン

本日の内容• ビジュアルデザイン（このスライド）– テキスト第７章－１

• インタラクティブメディアデザイン– テキスト第７章－２

情報デザインの対象分野• ビジュアルデザイン– 視覚による情報伝達

• インタラクティブメディアデザイン– 双方向性のデジタルメディアコンテンツ– 相手に合わせた情報発信も双方向性を持つ

（例：アマゾンの「おすすめ」）．• プレゼンテーションデザイン– 情報のわかりやすい伝達

印刷媒体を用いた情報伝達• １５世紀，グーテンベルグが印刷技術を

発明– マスメディア（多数の人への情報発信）

• 印刷物：紙を媒体にした情報伝達ツール–ページもの（書籍，新聞，カタログ）–ペラもの（ちらし，ポスター，名刺）– 立体物（商品パッケージ）

レイアウト要素• 文字（タイポグラフィー）図表 7-8 参照– タイトル– キャプション– ノンブル

• 図版– 写真– イラスト– グラフ

紙の種類• 仕上がり寸法の規格（ cf. 原紙寸法）– Ａ版– Ｂ版

• 縦横比　１：　　　　（テキスト p.85 参照）

• 本は，紙の片面８ページ，両面 16 ページがひとつの単位（１台）– ＜実習＞ 8 ページおよび 16 ページの面付け– Ａ４の紙を折って，連番のページ数，上下を記入

2

印刷方式• 印刷方式（図表 7-12 参照）– 凸版印刷（活版）– 凹版印刷（グラビア）– 平版 [ へいばん ] 印刷（オフセット）– 孔版印刷（シルクスクリーン）

• 印刷の基礎知識

インキ• カラー印刷では CMYK （色の三原色）の４

色ですべての色を表現する（減法混色） ．この表現をプロセスカラーと呼ぶ．– C ：シアン– M ：マゼンダ– Y ：イエロー– K ：ブラック

Desktop Publishing （ DTP ）• 出版物のデザイン・レイアウトをパソコン

で行ない，電子的なデータを印刷所に持ち込んで出版すること．机上出版．（ IT用語辞典 e-Words より）

• 完全版下入稿直前までをデザイナーが受け持つことができる– 原稿の機密性– 納期の短縮– コスト削減

Desktop Publishing （ DTP ）• DTP を支える技術– GUI– WYSIWYG （ウィジウィグ： What You See Is

What You Get ）– Post Script ： Adobe Systems 社が開発したペー

ジ記述言語．高品位の印刷が可能なため， DTP 用のレイアウトソフトがこの形式を採用している．（ IT 用語辞典 e-Words より）

– PDF ：文書の電子的な配布に使用

わかりやすい情報伝達• 視認性：情報認識のしやすさ• 可読性：文字情報の読みやすさ• 視認性と可読性を決める要素– レイアウト，図版率– カラーの利用– コントラスト（図と地の明暗差，色彩の対

比）– 文字の大きさ，フォント–アフォーダンス（特定の操作を誘導）

わかりやすい情報伝達• 誘目性：計画的な視線の誘導性– キャッチコピーとキャッチビジュアル• キャッチコピー：言葉で訴え，人の注意を引く広告文• キャッチビジュアル：ビジュアルで人の注意を引く写真やイラスト

–ジャンプ率：写真や文字の大きさに変化をつけ，読ませる順序をコントロール．拾い読みも可に．