SlideShare ist ein Scribd-Unternehmen logo
1 von 22
Downloaden Sie, um offline zu lesen
情報デザイン Information Design 
2014/11/14 
Graphic Design 研究室 川端 彬子
情報デザイン Information Design 
木村 浩(筑波大学大学院人間総合科学研究科/芸術学系) 
Kimura Hiroshi 
「情報デザインとは、情報を目に見える形にすること、 
情報の関係を形にすることかな」と答えるようにしている。“ 
「情報デザインとはコミュニケーションデザインのことかな」 
と補足することにしている。” 
“ 
「コミュニケーションデザインは、情報をよりわかりやすく 
伝達するためのデザインである」と答えている。” 
“ 
” 
COOKIE WEB(木村浩研究室筑波大学芸術学系), http://cookie.geijutsu.tsukuba.ac.jp/. (2014-11-12)
3 
情報デザイン Information Design 
Art Design 
綺麗さ、造形性わかりやすさ、正確さ
4 
情報デザイン Information Design 
芸術性、造形性 
わかりやすさ、正確さ 
Art 
Design
5 
ナポレオンのモスクワ遠征 
Charles Joseph Minard 
“Charles Joseph Minard”. wikipedia, http://en.wikipedia.org/wiki/Charles_Joseph_Minard, (2014-11-12)
6 
往路の 
軍隊の人数
7
8 
復路の 
軍隊の人数
9 
ナポレオンのモスクワ遠征 
Charles Joseph Minard 
高度・気温の変化 
“Charles Joseph Minard”. wikipedia, http://en.wikipedia.org/wiki/Charles_Joseph_Minard, (2014-11-12)
10 
ナポレオンのモスクワ遠征 
Charles Joseph Minard 
「情報デザインとは、情報を目に見える形にすること、 
情報の関係を形にすることかな」と答えるようにしている。“ 
” 
モスクワ遠征の悲惨さ
東京オリンピックのピクトグラム 
Katsumi Masaru 
11
東京オリンピックのピクトグラム 
Katsumi Masaru 
12
東京オリンピックのピクトグラム 
Katsumi Masaru 
13 
「コミュニケーションデザインは、情報をよりわかりやすく 
伝達するためのデザインである」と答えている。” 
“ 
非言語コミュニケーション
14 
CONNECTING LIFELINES 
Honda Inter navi 
“CONNECTING LIFELINES”, youtube, https://www.youtube.com/watch?v=IuF3_4JeEhE(2014-11-12)
15 
震災復興のあしあと 
「情報デザインとは、情報を目に見える形にすること、 
情報の関係を形にすることかな」と答えるようにしている。“ 
” 
CONNECTING LIFELINES 
Honda Inter navi
まとめ Conclusion 
情報デザインとは? 
- 情報の関係性を形にすること 
- コミュニケーションデザイン 
- 芸術性、造形性 << わかりやすさ 正確さ 
3つの例 
- ナポレオンのモスクワ遠征 
- 東京オリンピックのピクトグラム 
- CONNECTING LIFELINES 16
情報デザインとは?
情報デザインとは? 
18
情報デザインとは?? 
19 
“Feature: Connecting the Dots”, UkEdChat, http://ukedchat.com/2014/02/05/feature-connecting-the-dots/, (2014-11-14)
情報デザインとは?? 
20 
“Feature: Connecting the Dots”, UkEdChat, http://ukedchat.com/2014/02/05/feature-connecting-the-dots/, (2014-11-14)
情報デザインとは?? 
21 
“Feature: Connecting the Dots”, UkEdChat, http://ukedchat.com/2014/02/05/feature-connecting-the-dots/, (2014-11-14)
情報デザイン Information Design 
2014/11/14 
Graphic Design 研究室 川端 彬子

Weitere ähnliche Inhalte

Ähnlich wie What is Information design

ユーザインタフェース評価入門
ユーザインタフェース評価入門ユーザインタフェース評価入門
ユーザインタフェース評価入門
崚日 中井
 
Think, Mind, Vision etc..
Think, Mind, Vision etc..Think, Mind, Vision etc..
Think, Mind, Vision etc..
c-mitsuba
 
僕の思うところのIA
僕の思うところのIA僕の思うところのIA
僕の思うところのIA
kousuke inamoto
 

Ähnlich wie What is Information design (20)

ユーザインタフェース評価入門
ユーザインタフェース評価入門ユーザインタフェース評価入門
ユーザインタフェース評価入門
 
20130620slide_anysense
20130620slide_anysense20130620slide_anysense
20130620slide_anysense
 
デザインすることは, Giveすること—オープンなデザインにおける相互贈与の視点
デザインすることは, Giveすること—オープンなデザインにおける相互贈与の視点デザインすることは, Giveすること—オープンなデザインにおける相互贈与の視点
デザインすることは, Giveすること—オープンなデザインにおける相互贈与の視点
 
Design for Understanding:理解のデザインとしての情報アーキテクチャ
Design for Understanding:理解のデザインとしての情報アーキテクチャDesign for Understanding:理解のデザインとしての情報アーキテクチャ
Design for Understanding:理解のデザインとしての情報アーキテクチャ
 
UX Design とは何か?
UX Design とは何か?UX Design とは何か?
UX Design とは何か?
 
現代の情報社会をデザインする
現代の情報社会をデザインする現代の情報社会をデザインする
現代の情報社会をデザインする
 
Think, Mind, Vision etc..
Think, Mind, Vision etc..Think, Mind, Vision etc..
Think, Mind, Vision etc..
 
ビジュアライゼーションの役割とUI開発のイノベーション(1)
ビジュアライゼーションの役割とUI開発のイノベーション(1)ビジュアライゼーションの役割とUI開発のイノベーション(1)
ビジュアライゼーションの役割とUI開発のイノベーション(1)
 
ポートフォリオ  空間系
ポートフォリオ  空間系ポートフォリオ  空間系
ポートフォリオ  空間系
 
CSS Nite LP33 UI/UX "Bridge Builder"
CSS Nite LP33 UI/UX "Bridge Builder"CSS Nite LP33 UI/UX "Bridge Builder"
CSS Nite LP33 UI/UX "Bridge Builder"
 
「アーキビスト」とCMSの未来 (Mtddc2014)
「アーキビスト」とCMSの未来 (Mtddc2014)「アーキビスト」とCMSの未来 (Mtddc2014)
「アーキビスト」とCMSの未来 (Mtddc2014)
 
エクスペリエンスデザインによる価値創出- how to reframe the value by UX design-
エクスペリエンスデザインによる価値創出- how to reframe the value by UX design-エクスペリエンスデザインによる価値創出- how to reframe the value by UX design-
エクスペリエンスデザインによる価値創出- how to reframe the value by UX design-
 
僕の思うところのIA
僕の思うところのIA僕の思うところのIA
僕の思うところのIA
 
UX approach for real cross media planning
UX approach for real cross media planningUX approach for real cross media planning
UX approach for real cross media planning
 
情報の『見える化』ってなぜ大事?どうやるの? ~グラフィック・レコーディングで考えてみよう~フェリス女学院大学『社会的起業』
情報の『見える化』ってなぜ大事?どうやるの?~グラフィック・レコーディングで考えてみよう~フェリス女学院大学『社会的起業』情報の『見える化』ってなぜ大事?どうやるの?~グラフィック・レコーディングで考えてみよう~フェリス女学院大学『社会的起業』
情報の『見える化』ってなぜ大事?どうやるの? ~グラフィック・レコーディングで考えてみよう~フェリス女学院大学『社会的起業』
 
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFEUX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
 
伊藤(正彦)ゼミの紹介2020年
伊藤(正彦)ゼミの紹介2020年伊藤(正彦)ゼミの紹介2020年
伊藤(正彦)ゼミの紹介2020年
 
情報デザインの多面性
情報デザインの多面性情報デザインの多面性
情報デザインの多面性
 
Future Sync #03 "Beyond IA Thinking"
Future Sync #03 "Beyond IA Thinking"Future Sync #03 "Beyond IA Thinking"
Future Sync #03 "Beyond IA Thinking"
 
ニコニコ学会 Ubi camera-edit_umt_03
ニコニコ学会 Ubi camera-edit_umt_03ニコニコ学会 Ubi camera-edit_umt_03
ニコニコ学会 Ubi camera-edit_umt_03
 

What is Information design