拓殖大学工学部デザイン学科　情報表現演習 第1回　ヴィジュアルコミュニケーション

1. Visual Communication © Copyright Akio Yonekura
ヴィジュアル・コミュニケーション
Visual Communication
米倉明男

2. Visual Communication © Copyright Akio Yonekura
1. ヴィジュアル・コミュニケーションとは
2. デザインの分析
schedule

3. Visual Communication © Copyright Akio Yonekura
ヴィジュアル・コミュニケーション

4. ヴィジュアル・コミュニケーションとは
Visual Communication © Copyright Akio Yonekura
アートとデザインの違いって？
アートとデザインの違いって何？
What's the difference between art and design?”

5. ヴィジュアル・コミュニケーションとは
Visual Communication © Copyright Akio Yonekura
アートとデザインの違いって？
ART
DESIGN
自己表現
問題解決
グラフィックデザインとは、与えられた問題を検証し、解決する為のアウトプット（成果物）。
デザイナーは目的を達成するために、デザインの要素や原則をロジカルに組み立てていく。

6. ヴィジュアル・コミュニケーションとは
Visual Communication © Copyright Akio Yonekura
ビジュアル・コミュニケーションとは
企業サービスや
商品などの紹介
コンセプトをヴィジュアルに置き換えて、
メッセージを伝えるコミュニケーション手法
ユーザー
アップル http://www.apple.com/ipad
Visual Communication

7. ヴィジュアル・コミュニケーションとは
Visual Communication © Copyright Akio Yonekura
グラフィックデザインの要素
・テキスト
・写真
・イラスト
・図形
・レイアウト
・配色
・タイポグラフィ
Contents（内容） Design（表層）
商品やサービスの特徴を的確にユーザーに伝えるために、デザイン要素をデザインの原則（ルー
ル）を使って効果的に表現していく。

8. ヴィジュアル・コミュニケーションとは
Visual Communication © Copyright Akio Yonekura
内的必然性
・書体の種類
・色
・写真・イラストの内容や構図
・レイアウト
・相互的な位置関係 など
グラフィックデザインが問題解決の為のヴィジュアル・コミュニケーションであることから、
要素や位置関係などに、論理的な根拠が必要となる。
Wassily Kandinsky：On White 1

9. ヴィジュアル・コミュニケーションとは
Visual Communication © Copyright Akio Yonekura
デザインの要素とは
Type 文字
Color 色
Picture,Ilrust 写真・イラスト
Line 線
Shape 形・図形
Space 空間（余白）
Texture 質感
デザインに使用する要素。
コミュニケーションに必要な情報を整理して、要素の画面構成を練る。

10. ヴィジュアル・コミュニケーションとは
Visual Communication © Copyright Akio Yonekura
デザインの原則とは
Form 整列
Contrast 対比
Dominance 割合
Harmony 調和（統一性）
Balance バランス
Repetition 反復（パターン、リズム）
Grid グリッド
デザインの要素を取り扱うレイアウトのルール。
要素同士の相互的な関連性を表現する。

11. ヴィジュアル・コミュニケーションとは
Visual Communication © Copyright Akio Yonekura
デザインを説明する
・この書体を選ぶことで・・・
・この配色を使うことで・・・
・この写真をこの構図で使うことで・・
・このレイアウトにすることで・・・
○○の効果を与えることができます。
デザイナーは成果物となるデザインを論理的に説明する必要がある。
その際に、デザインの要素や原則といったボキャブラリーを使って説得する。
デザイナー クライアント

12. Visual Communication © Copyright Akio Yonekura
デザインの分析

13. デザインを読み解く 思ったこと、気が付いたことを
洗い出す
2で洗いだしたキーワードの、
なぜ？を推測してみる
デザインの根拠をまとめる
ふ～ん
なるほど
1 2
34
デザインの分析
Visual Communication © Copyright Akio Yonekura
デザインの根拠を読み解くプロセス
BecauseWhy?

14. Viaduct
http://www.viaduct.co.uk/
イギリスのインテリアショップ
デザインの分析
Visual Communication © Copyright Akio Yonekura
1 デザインを読み解く

15. 自由奔放 固定観念にとらわれないために、自由な発想を歓迎する
批判禁止 評価・批判はしない、思いつきでも生み出すことに集中する
質より量 数を多く出す。
便乗発展 他の人のアイデアに便乗して発展させる。思考を転がし続ける
ブレインストーミング
デザインの分析
Visual Communication © Copyright Akio Yonekura
2 思ったこと、気が付いたことを洗い出す

16. 使用するキーワードは
デザインの要素： 文字、線、色、形（図形）、空間（余白）、写真、質感（テクスチャ）
デザインの原則： バランス、対比、調和、整列、反復、リズム、グリッド
デザインの根拠を推測する
デザインの分析
Visual Communication © Copyright Akio Yonekura
3 洗い出したキーワードの、なぜ？を推測してみる
Why？
例： なぜ？この色なのか。
Because
なぜなら・・・・・
なぜを繰り返して、デザインの本質を掘り下げてみる

17. Why なぜ？これを伝えるのか（問題を提起する）
Who 誰に向けてのメッセージか（ターゲットを明確にする）
When,Where いつ、どこで、見るのか（シチュエーション）
What ターゲットに何を期待するのか（ユーザーシナリオ）
How どのようにして (目的を達成するためのアイデアや表現方法)
5W1Hの手法でコンセプトをまとめる
デザインの分析
Visual Communication © Copyright Akio Yonekura
4 コンセプトをまとめる

18. 参考文献
grid systems in graphic design
デザイン解体新書
デザインの教室 手を動かして学ぶデザイントレーニング
発想する会社! ― 世界最高のデザイン・ファームIDEOに学ぶイノベーションの技法
デザインの分析
Visual Communication © Copyright Akio Yonekura