AirJD 焦点
AirJD

没有录音文件
00:00/00:00
加收藏

信息及可视化设计简介 by 郭俊

发布者 big_data
发布于 1443749675232  浏览 2089 关键词 可视化 
分享到

第1页

解读信息设计
An Introduction To Information Design

第2页

2
THE DATA IS THE SAME
But which one do you want to work with?

第3页

3

第4页

4
 Make your data talk! 
Using Information Design

第5页

5
1
信息设计概述
Understand  Information Design
 
1、对信息设计的需求
2、定义信息设计
2、信息设计涉及的领域与应用
3、信息设计形式
郭俊, Estella Guo | Sep 17th, 2010

第6页

6
1
信息设计概述
Understand  Information Design
 
 “信息超载”——由于大量无法抵抗的有效资讯的出现,将导致个体无力处理、吸收并理解信息。在互联网产生的信息寻求者文化中,这种状况日趋严重。全世界大部分的知识都只在我们指尖,但是有限的理解和沟通能力常常阻断了我们的交流。 
     
1、对信息设计的需求
   身处当今这个信息化合全球化的社会,政府、公司、教育机构以及个人都在努力寻求更好的交流方式
     
   优秀的设计有能力遏制不良的用户体验!

     

第7页

7
1
信息设计概述
Understand  Information Design
 
“信息设计”这个术语最早被提出是作为图形设计的一个子集或同义词。 后来,信息设计的概念被扩展到包括信息内容和文字, 甚至用户测试和调研等更广的领域,成为一门多学科交叉的边缘学科,概念的定义在不同学科中有着不同的侧重点。
1、定义信息设计
  从信息构建和有效管理的方面,  通过分析、展示复杂信息,缩小了数据和知识之间的鸿沟;
     
  在交流互动方面,通过人因工程、用户认知心理、交互情景模拟的研究,使信息从静态转 换 成动态,   来达到流畅的,友好的交互体验; 
         
   在信息可视化和视觉信息传达方面, 通过对文字、图形符号、色彩、用户视觉流程的研究,将信息从无形转换成有形, 通过友好的界面设计, 使信息传播更为方便、 准确、更易识别。         

第8页

8
     信息设计是对信息清晰而有效的
呈现。它通过一种多学科和跨学科
的途径达到交流的目的,并结合了
平面设计、技术性与非技术性的创
作、心理学、沟通理论和文化研究
等领域的技能。
Frank Thissen
2

第9页

9
    信息设计涉及对数据的组织和呈
现:将其转化为有价值、有意义的
信息。








Nathan Shedroff
    信息设计使复杂的信息变得更容
易理解和使用。







AIGI

第10页

10
Robert E.Horn
    信息设计被定义为一门信息策划的
艺术与科学,它使得人们能够有效地
使用信息。信息设计的初级产品主要
作为电子文档展现在电脑屏幕上。

第11页

11
信息设计使复杂的信息变得更容易理解和使用。
任何信息设计的目的都是用清晰、平易近人、
易于理解的方式向最终受众传达特定的信息。
信 息 设 计
INFORMATION DESIGN

第12页

12
1
信息设计概述
Understand  Information Design
 
信息设计主要与信息的产生、分类、组织、传播,展示等活动相关。
 
     
3、信息设计涉及的领域与应用
它所涉及的内容包括:
     网络传播、 用户界面设计(UI)、 信息架构 (IA)、 数据分析、图形设计、 色彩学、 视觉思维、信息可视化、虚拟现实设计、 数字媒体设计、 数字产品与环境设计、 数字娱乐设计、 展示设计、 标识系统设计、 视觉传达设计等。

     

第13页

13
"Universe" of Information Design
可用性研究
交互设计
数字娱乐设计
数字媒体设计
图形设计
用户研究







信息设计
视觉思维






数字产品
与环境设




色彩学
标识系统设计
视觉传达设计
展示设计
虚拟现实设计
信息架构

第14页

14
1
信息设计概述
Understand  Information Design
 
    信息设计的功能主要有两个因素决定:
       信息密度 和 信息接受者

    信息的数量和可及性也影响了特定传媒的合适程度。信息设计师根据最终受众的需要,客户提供的资源以及可用时间的不同而使用各种形式。
 
     
4、信息设计形式

第15页

15
No matter how much you plan you’re

likely to get half wrong anyway. So

don’t do the ‘paralysis through

analysis’ thing. That only slows

progress and saps morale.
Getting Real
http://gettingreal.37signals.com/ch06_Done.php
64
•日历、大事表、时间表

•图表和曲线图

•图解和示意图

•展览设计与环境
•外部标志、路标和广告亭

•图标和符号

•实体和数字用户界面

•地图
•3D模型和计算机模拟

•故事板和情节叙述

•科技插图

•指导手册和使用说明






第16页

16
信息可视化 INFORMATION VISUALIZATION

第17页

17
信息制图 INFOGRAPHICS

第18页

18
模型和图表  MODELS & DIAGRAMS

第19页

19
视觉思维 VISUAL THINKING

第20页

20
2
信息设计的原则
Principles Of Information Design
1、信息设计的认知原则
2、信息设计的交流原则
3、信息设计的美学原则

第21页

21
2
信息设计的原则
Principles Of Information Design
 
1、信息设计的认知原则
• 学习风格(视觉型、听觉/言语型、动觉/触觉型)
• 阶段学说模型(感知输入、短期记忆、长期记忆)
• 米勒的神奇数字
• 差别阈限
• 感官完型法则
• 眼球追踪
• 克利夫兰任务模式




第22页

22
28
Web Visions Portland, OR | May 3rd, 2007
16826054074

第23页

23
28
Web Visions Portland, OR | May 3rd, 2007
16826054074
16826054074
OR
+1 682 605 4074

第24页

24
TIPS:
“针对记忆力的设计”
“变简单点”
1、用对比和颜色迅速吸引读者的注意,与熟知的主题创造关联来帮助使用者存储信息。
2、提供经过解析的、平易近人的内容组块以帮助记忆重现
将复杂或者冗长的内容分解成小的组块,记得始终以“7,+/-2”为指导。

第25页

25
2
信息设计的原则
Principles Of Information Design
 
2、信息设计的交流原则
• AIDA(注意、兴趣、欲望、行动):一种推销模式
• LATCH(位置、字母表、时间、类别、层级)组织模式
• 最小努力原则
• 降低不确定感理论
• 信息素养




3、信息设计的美学原则

第26页

26
3
信息可视化设计
Information   Visualization  Design
1、信息可视化的定义
2、信息可视化的优势
3、设计赏析

第27页

27
3
信息可视化设计
Information  Visualization  Design
 
1、信息可视化的定义

•信息可视化(Information  Visualization),是一个跨学科领域,
旨在研究大规模非数值型信息资源的视觉呈现,利用图形图像方面的
技术与方法,帮助人们理解和分析数据。是由斯图尔特·卡德(Stuart K.
 Card)、约克·麦金利(Jock D. Mackinlay)、乔治·罗伯逊(George G. 
Robertson)于1989年创造出来的。




第28页

28
3
信息可视化设计
Information  Visualization  Design
 
2、信息可视化的范畴


• 信息可视化处理的是抽象数据结构,如树状结构或图形。科学可视化处理的是那些具有天然几何结构的数据(比如,MRI数据、气流)。可视化分析论尤其关注的是意会和推理,主要挖掘数据背景的问题与原因。



第29页

29

第30页

30

第31页

31

第32页

32

第33页

33

第34页

34

第35页

35

第36页

36
The real-time city is now real! The increasing deployment of sensors and hand-held electronics in recent years is allowing a new approach to the study of the built environment. The way we describe and understand cities is being radically transformed - alongside the tools we use to design them and impact on their physical structure. Studying these changes from a critical point of view and anticipating them is the goal of the SENSEable City Laboratory, a new research initiative at the Massachusetts Institute of Technology. 

http://senseable.mit.edu/

第37页

37
2008New York Talk Exchange

第38页

38
2008New York Talk Exchange

第39页

39
“Global talk happens largely among those at the top of the economy and at its lower end. This point is one of the striking pieces of evidence coming out of the data analyzed here. The vast middle layers of our society are far less global; the middle talks mostly nationally and locally…”
Saskia Sassen

“What we’re seeing with these images created by MIT’s senseable city lab is something much more complex. A city with a center, but few borders. A city with a hinterland inscribed in cyberspace.”
Anthony M. Townsend and Mitchell L. Moss

“The telecommunications traffic is measured at a high level in the global network flow. No information about individuals is collected at any point in the process.”
Kristian Kloeckl

“The New York Talk Exchange uncovers the pulse, rhythm and reach of the ever-growing process of globalization and highlights New York City's preeminent role in the global network of cities.”
Francisca Rojas

“We are interested in visualizing and exploring the connections that New York entertains with the rest of the world, how they change over the course of a day, and how the city's neighborhoods differ from each other by maintaining special and distinct relationships with particular cities and countries. “
Kristian Kloeckl
Quotations
“Using city-level telecom data highlights the increasing importance of connections between cities (as opposed to countries) in this globalized information age. Urban theorists contend that transnational activities are oblivious to national boundaries and that world cities are the anchors of globalization. New York Talk Exchange explores this assertion by making apparent the intangible flows of information between New York and cities around the world.”
Francisca Rojas

“In analyzing the voice call data, it was at first surprising to see how Guyana, a country with 750,000 inhabitants had two major cities (Georgetown and New Amsterdam) show up among the top 12 ranking cities for calls to and from Queens. Cross linking this information with that of the latest NYC census, we found that there are more than 130,000 Guyanese-born residents in NYC out of which more than half do in fact live in Queens.”
Kristian Kloeckl

“Though this project emphasizes global connections, more than 80% of all phone connections we consider for the New York Talk Exchange project remain within the boundries of the United States.”
Francesco Calabrese

“The AT&T and BT data comparison hints at an interesting parallel: in an age of globalization, perhaps London's relationship to Europe is analogous to what is conventionally believed to be New York's relationship to the whole of the United States. The 'continent' may be closer to London than the British believe.”
Carlo Ratti
2008New York Talk Exchange

第40页

40
http://tuyansuo.com/

http://www.gapminder.org/

http://visualcomplexity.com/

http://infosthetics.com

Reference:

第41页

41
Thank You
郭俊  Estella Guo          
contact me : estellaguo@gmail.com
支持文件格式:*.ppt, *.pptx, *.pdf
上传最后阶段需要进行在线转换,可能需要1~2分钟,请耐心等待。