design &visual literacy• whatʼs design?
• why design?
• cool design• visual literacy

1what’s design?
why design?

2Richard Saul Wurman, information architect“There is a tsunami of data that is crashing
onto the beaches of the civilized world.”

3

テクスチャー，パースペクティヴ

ン，ピクトグラム，形，カラー，光，看板，文字，ロゴ，マーク，サイ

4デザインとは？──語源③謀り事をする②描く①印をつける5

design ! designare ! de + signum = down + signギリシャ時代のコイン

6ポンペイの告知板

7

情報"< designare = de (=down) + signum (=sign)「印をつける」

information < informare = in (=in) + forma (=form) ! 「形を与える」

デザイン" design"

8

デザインとは？──定義

後処理＝re-cycle, re-use, disposal

画，設計のことをいう ．『デザイン事典』

あるいは形式へとまとめあげる総合的な計り，美しさや調和を考えて，１つの物の形態

た って ， 物 の 材 料 や 構 造 や 機 能 は も と よ

活のために必要ないろいろな物を作るにあデザインとは，近代産業社会の所産で，生前処理＝problem definition

9

デザインとは？──分類
product

visualcommunication

environment

10

11

Herbert Bayer's 1925 experimental
universal typeface combined upperand lowercase characters into asingle character set.

12

Alma Siedho#-BuscherBauspiel
1923

13

Mies van der Rohe
Cantilever chair

BAUHAUS interior

14

デザインとは？──分類
product

visualcommunication

information

environment

15

architecture

media design

デザインとは？──プロセス

背景$目的$計画$実現$実験$評価$製品化$使用$フィードバック

サーヴェイ$コンセプト$プランニング16

テリー・ウィノグラード（コンピュータ科学）

新しい技術を取り巻く現象を理解するためには，「デザイン（設計）」，つまり理解と創造とのインタラクション（相互作用）を問題にしなければならない．・・・それを考えるためには，単に機械がどう動作するかについてだ
けではなく，「何をするか」についても考える理論的基盤を確立する必要がある．

Terry Winograd/computer science17

デザインとは？──展開
design for everyone

ユニバーサルデザイン，バリアフリー%universal

次世代・地球環境を視野に入れてサステイナブル・デザイン，エコデザイン%sustainable

18

柳宗理

19

We manipulate the environment, the better to serve ourneeds. We select what items to own, which to havearound us. We build, buy, arrange, and restructure: all
this is a form of design. When consciously, deliberately
rearranging objects on our desks, the furniture in ourliving rooms, and the things we keep in our cars, we aredesigning. Through these personal acts of design, we
transform the otherwise anonymous, commonplace
things and spaces of everyday life into our own thingsand places. Through our designs, we transform houses
into homes, spaces into places, things into belongings.
While we may not have any control over the design ofthe many objects we purchase, we do control which we
select and, then, just how, where, and when they are tobe used” "── Donald Norman
20

We are all designers.

21

cool design22Barrett Lyon
OPTEnet Map

23

深澤直人，MUJI/CD player, 2000

24

深澤直人，《A Chair with a Soul Left Behind》（魂の残る椅子）25石井裕，タンジブルビット

26

佐藤雅彦「日本のスイッチ」

雅彦

佐藤

27

MIT Media Lab,One Laptop per Child28

NEC, ecotonoha

29

Memorium

30

SONY connected identity

31

空想生活

32

効率的に使用できるものでなければならない

一度学習すれば、あとは高い生産性を上げられるよう、るようにし、かつ致命的なエラーは起こってはならない

エラーの発生率を低くし、エラーが起こっても回復できう、楽しく利用できなければならない

主観的満足度： ユーザーが個人的に満足できるよう、また好きになるよ

エラー：

ぐ使えるよう覚えやすくしなければならない

記憶しやすさ： ユーザーがしばらくつかわなくても、また使うときにす

効率性：

う、簡単に学習できるようにしなければならない

学習しやすさ： システムは、ユーザーがそれをすぐ使い始められるよ

ヤコブ・ニールセン Jakob Nielsen

ウェブのユーザビリティ

33

information

「五つの帽子掛け LATCH」

リチャード・ソール・ワーマンの情報を整理するために% hierarchy 序列:程度で整理する$ category カテゴリ:分野で整理する# time 時間:時間軸で整理する" alphabet アルファベット:順番や順序で整理する! location 位置:地図に整理する34

る! location 位置:地図に整理するすSteichenStieglitz
PrinceArbus

SanderLe Gray

Le Gray

Le Gray

SheelerGursky35❷ alphabet アルファベット:順番や順序で整理する

Ford Works, Charles Sheeler
Georgia O’ Keefe: Hands with Thimble, Alfred Stieglitz
The Great Wave, Gustave Le Gray
Handlanger, August Sander
Identical Twins (Cathleen and Colleen), Diane Arbus
Marine, Gustave Le Gray
Pond-Moonlight, Edward Steichen
Tree, Gustave Le Gray
Untitled (Cowboy), Richard Prince
Untitled 5, Andreas Gursky36❸ time 時間:時間軸で整理する

Marine, Tree (Le Gray)
The Great Wave (Le Gray)

Pond-Moonlight (Steichen)
Georgia O’Keefe: Hands with Thimble (Stieglitz)
Ford Works (Sheeler)
Handlanger (Sander)

Identical Twins (Cathleen and Colleen) (Arbus)
Untitled (Cowboy) (Prince )Untitled 5 (Gursky)

1855
1857
1904
1920
1927

1967
1989
1997

37

する

$ category カテゴリ:分野で整理

contemporary art

humanscape

Sander, Handlanger

portrait

Gursky, Untitled 5

Prince, Untitled (Cowboy)

Arbus, Identical Twins

Stieglitz, Georgia O’Keefe

Sheeler, Ford Works

Steichen, Pond-Moonlight

Le Gray, Tree

Le Gray, Marine

Le Gray, The Great Wavebodycityscapelandscapeseascape38

% hierarchy 序列:程度で整理する

Le Gray, The Great Wave
Gursky, Untitled 5
Le Gray, TreeArbus, Identical Twins
Sheeler, Ford WorksStieglitz, Georgia O’Keefe
Le Gray, Marine
Sander, Handlanger

838,000
559,724
513,150
478,400
447,350
398,500
368,420
328,940

1,248,000 Prince, Untitled (Cowboy)

2,900,000 Steichen, Pond-Moonlight39

visual literacy for everyone

視覚力をつける

40

ヴィジュアルリテラシーとは?

the ability tocriticize,understand, andproduce
visuals41

なぜ，ヴィジュアルリテラシー?

visual literacy is a life skill• visuals are complex, multilayered texts• visuals can help with planning• visuals can help with comprehension• visuals communicate more clearly than texts• visuals are accessible to all readers• visuals are widely used in the electronic
media/information

42

研究にデザインは関係するか？
するとしたら，具体的にどのようにか？
しないとしたら，なぜか？

design and your research

43