Upload
akio-yonekura
View
2.637
Download
3
Embed Size (px)
DESCRIPTION
拓殖大学工学部デザイン学科 情報表現演習 第1回 ヴィジュアルコミュニケーション
Citation preview
Visual Communication © Copyright Akio Yonekura
ヴィジュアル・コミュニケーション
Visual Communication
米倉明男
Visual Communication © Copyright Akio Yonekura
1. ヴィジュアル・コミュニケーションとは2. デザインの分析
schedule
Visual Communication © Copyright Akio Yonekura
ヴィジュアル・コミュニケーション
ヴィジュアル・コミュニケーションとは
Visual Communication © Copyright Akio Yonekura
アートとデザインの違いって?
アートとデザインの違いって何?
What's the difference between art and design?”
ヴィジュアル・コミュニケーションとは
Visual Communication © Copyright Akio Yonekura
アートとデザインの違いって?
ART
DESIGN
自己表現
問題解決
グラフィックデザインとは、与えられた問題を検証し、解決する為のアウトプット(成果物)。デザイナーは目的を達成するために、デザインの要素や原則をロジカルに組み立てていく。
ヴィジュアル・コミュニケーションとは
Visual Communication © Copyright Akio Yonekura
ビジュアル・コミュニケーションとは
企業サービスや商品などの紹介
コンセプトをヴィジュアルに置き換えて、メッセージを伝えるコミュニケーション手法
ユーザーアップル http://www.apple.com/ipad
Visual Communication
ヴィジュアル・コミュニケーションとは
Visual Communication © Copyright Akio Yonekura
グラフィックデザインの要素
・テキスト・写真・イラスト・図形
・レイアウト・配色・タイポグラフィ
Contents(内容) Design(表層)
商品やサービスの特徴を的確にユーザーに伝えるために、デザイン要素をデザインの原則(ルール)を使って効果的に表現していく。
ヴィジュアル・コミュニケーションとは
Visual Communication © Copyright Akio Yonekura
内的必然性
・書体の種類・色・写真・イラストの内容や構図・レイアウト・相互的な位置関係 など
グラフィックデザインが問題解決の為のヴィジュアル・コミュニケーションであることから、要素や位置関係などに、論理的な根拠が必要となる。
Wassily Kandinsky: On White 1
ヴィジュアル・コミュニケーションとは
Visual Communication © Copyright Akio Yonekura
デザインの要素とは
Type 文字Color 色Picture,Ilrust 写真・イラストLine 線Shape 形・図形Space 空間(余白)Texture 質感
デザインに使用する要素。コミュニケーションに必要な情報を整理して、要素の画面構成を練る。
ヴィジュアル・コミュニケーションとは
Visual Communication © Copyright Akio Yonekura
デザインの原則とは
Form 整列Contrast 対比Dominance 割合Harmony 調和(統一性)Balance バランスRepetition 反復(パターン、リズム)Grid グリッド
デザインの要素を取り扱うレイアウトのルール。要素同士の相互的な関連性を表現する。
ヴィジュアル・コミュニケーションとは
Visual Communication © Copyright Akio Yonekura
デザインを説明する
・この書体を選ぶことで・・・・この配色を使うことで・・・・この写真をこの構図で使うことで・・・このレイアウトにすることで・・・
○○の効果を与えることができます。
デザイナーは成果物となるデザインを論理的に説明する必要がある。その際に、デザインの要素や原則といったボキャブラリーを使って説得する。
デザイナー クライアント
Visual Communication © Copyright Akio Yonekura
デザインの分析
デザインを読み解く 思ったこと、気が付いたことを洗い出す
2で洗いだしたキーワードの、なぜ?を推測してみる
デザインの根拠をまとめる
ふ~んなるほど
1 2
34
デザインの分析
Visual Communication © Copyright Akio Yonekura
デザインの根拠を読み解くプロセス
BecauseWhy?
Viaducthttp://www.viaduct.co.uk/
イギリスのインテリアショップ
デザインの分析
Visual Communication © Copyright Akio Yonekura
1 デザインを読み解く
自由奔放 固定観念にとらわれないために、自由な発想を歓迎する批判禁止 評価・批判はしない、思いつきでも生み出すことに集中する質より量 数を多く出す。便乗発展 他の人のアイデアに便乗して発展させる。思考を転がし続ける
ブレインストーミング
デザインの分析
Visual Communication © Copyright Akio Yonekura
2 思ったこと、気が付いたことを洗い出す
使用するキーワードはデザインの要素: 文字、線、色、形(図形)、空間(余白)、写真、質感(テクスチャ)デザインの原則: バランス、対比、調和、整列、反復、リズム、グリッド
デザインの根拠を推測する
デザインの分析
Visual Communication © Copyright Akio Yonekura
3 洗い出したキーワードの、なぜ?を推測してみる
Why?例: なぜ? この色なのか。
Becauseなぜなら・・・・・
なぜを繰り返して、デザインの本質を掘り下げてみる
Why なぜ?これを伝えるのか (問題を提起する)
Who 誰に向けてのメッセージか (ターゲットを明確にする)
When,Where いつ、どこで、見るのか (シチュエーション)
What ターゲットに何を期待するのか (ユーザーシナリオ)
How どのようにして (目的を達成するためのアイデアや表現方法)
5W1Hの手法でコンセプトをまとめる
デザインの分析
Visual Communication © Copyright Akio Yonekura
4 コンセプトをまとめる
参考文献
grid systems in graphic design
デザイン解体新書
デザインの教室 手を動かして学ぶデザイントレーニング
発想する会社! ― 世界最高のデザイン・ファームIDEOに学ぶイノベーションの技法
デザインの分析
Visual Communication © Copyright Akio Yonekura