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

Visual Communication

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Visual Communication

Visual Communication © Copyright Akio Yonekura

ヴィジュアル・コミュニケーション

Visual Communication

 

米倉明男

Page 2: Visual Communication

Visual Communication © Copyright Akio Yonekura

1. ヴィジュアル・コミュニケーションとは2. デザインの分析

schedule

Page 3: Visual Communication

Visual Communication © Copyright Akio Yonekura

ヴィジュアル・コミュニケーション

Page 4: Visual Communication

ヴィジュアル・コミュニケーションとは

Visual Communication © Copyright Akio Yonekura

アートとデザインの違いって?

アートとデザインの違いって何?

What's the difference between art and design?”

Page 5: Visual Communication

ヴィジュアル・コミュニケーションとは

Visual Communication © Copyright Akio Yonekura

アートとデザインの違いって?

ART

DESIGN

自己表現

問題解決

グラフィックデザインとは、与えられた問題を検証し、解決する為のアウトプット(成果物)。デザイナーは目的を達成するために、デザインの要素や原則をロジカルに組み立てていく。

Page 6: Visual Communication

ヴィジュアル・コミュニケーションとは

Visual Communication © Copyright Akio Yonekura

ビジュアル・コミュニケーションとは

企業サービスや商品などの紹介

コンセプトをヴィジュアルに置き換えて、メッセージを伝えるコミュニケーション手法

ユーザーアップル http://www.apple.com/ipad

Visual Communication

Page 7: Visual Communication

ヴィジュアル・コミュニケーションとは

Visual Communication © Copyright Akio Yonekura

グラフィックデザインの要素

・テキスト・写真・イラスト・図形

・レイアウト・配色・タイポグラフィ

Contents(内容) Design(表層)

商品やサービスの特徴を的確にユーザーに伝えるために、デザイン要素をデザインの原則(ルール)を使って効果的に表現していく。

Page 8: Visual Communication

ヴィジュアル・コミュニケーションとは

Visual Communication © Copyright Akio Yonekura

内的必然性

・書体の種類・色・写真・イラストの内容や構図・レイアウト・相互的な位置関係 など

グラフィックデザインが問題解決の為のヴィジュアル・コミュニケーションであることから、要素や位置関係などに、論理的な根拠が必要となる。

Wassily Kandinsky: On White 1

Page 9: Visual Communication

ヴィジュアル・コミュニケーションとは

Visual Communication © Copyright Akio Yonekura

デザインの要素とは

Type 文字Color 色Picture,Ilrust 写真・イラストLine 線Shape 形・図形Space 空間(余白)Texture 質感

デザインに使用する要素。コミュニケーションに必要な情報を整理して、要素の画面構成を練る。

Page 10: Visual Communication

ヴィジュアル・コミュニケーションとは

Visual Communication © Copyright Akio Yonekura

デザインの原則とは

Form 整列Contrast 対比Dominance 割合Harmony 調和(統一性)Balance バランスRepetition 反復(パターン、リズム)Grid グリッド

デザインの要素を取り扱うレイアウトのルール。要素同士の相互的な関連性を表現する。

Page 11: Visual Communication

ヴィジュアル・コミュニケーションとは

Visual Communication © Copyright Akio Yonekura

デザインを説明する

・この書体を選ぶことで・・・・この配色を使うことで・・・・この写真をこの構図で使うことで・・・このレイアウトにすることで・・・

○○の効果を与えることができます。

デザイナーは成果物となるデザインを論理的に説明する必要がある。その際に、デザインの要素や原則といったボキャブラリーを使って説得する。

デザイナー クライアント

Page 12: Visual Communication

Visual Communication © Copyright Akio Yonekura

デザインの分析

Page 13: Visual Communication

デザインを読み解く 思ったこと、気が付いたことを洗い出す

2で洗いだしたキーワードの、なぜ?を推測してみる

デザインの根拠をまとめる

ふ~んなるほど

1 2

34

デザインの分析

Visual Communication © Copyright Akio Yonekura

デザインの根拠を読み解くプロセス

BecauseWhy?

Page 14: Visual Communication

Viaducthttp://www.viaduct.co.uk/

イギリスのインテリアショップ

デザインの分析

Visual Communication © Copyright Akio Yonekura

1 デザインを読み解く

Page 15: Visual Communication

自由奔放 固定観念にとらわれないために、自由な発想を歓迎する批判禁止 評価・批判はしない、思いつきでも生み出すことに集中する質より量 数を多く出す。便乗発展 他の人のアイデアに便乗して発展させる。思考を転がし続ける 

ブレインストーミング

デザインの分析

Visual Communication © Copyright Akio Yonekura

2 思ったこと、気が付いたことを洗い出す

Page 16: Visual Communication

使用するキーワードはデザインの要素: 文字、線、色、形(図形)、空間(余白)、写真、質感(テクスチャ)デザインの原則: バランス、対比、調和、整列、反復、リズム、グリッド

デザインの根拠を推測する

デザインの分析

Visual Communication © Copyright Akio Yonekura

3 洗い出したキーワードの、なぜ?を推測してみる

Why?例: なぜ? この色なのか。

Becauseなぜなら・・・・・

なぜを繰り返して、デザインの本質を掘り下げてみる

Page 17: Visual Communication

Why なぜ?これを伝えるのか (問題を提起する)

Who 誰に向けてのメッセージか (ターゲットを明確にする)

When,Where いつ、どこで、見るのか (シチュエーション)

What ターゲットに何を期待するのか (ユーザーシナリオ)

How どのようにして (目的を達成するためのアイデアや表現方法)

5W1Hの手法でコンセプトをまとめる

デザインの分析

Visual Communication © Copyright Akio Yonekura

4 コンセプトをまとめる

Page 18: Visual Communication

参考文献

grid systems in graphic design

デザイン解体新書

デザインの教室 手を動かして学ぶデザイントレーニング

発想する会社! ― 世界最高のデザイン・ファームIDEOに学ぶイノベーションの技法

デザインの分析

Visual Communication © Copyright Akio Yonekura