解读信息设计 An   Introduction   To Information   Design 《信息设计》
THE DATA IS THE SAME But which one do you want   to work with? 《信息设计》
《信息设计》
Make your data talk!  Using Information Design 《信息设计》
1 信息设计概述 Understand  Information Design 1 、对信息设计的需求 2 、定义信息设计 2 、信息设计涉及的领域与应用 3 、信息设计形式 郭俊 ,  Estella Guo | Sep 17th, 2010...
1 信息设计概述 Understand  Information Design <ul><li>“ 信息超载”——由于大量无法抵抗的有效资讯的出现,将导致个体无力处理、吸收并理解信息。在互联网产生的信息寻求者文化中,这种状况日趋严重。全世界大部...
1 信息设计概述 Understand  Information Design “ 信息设计”这个术语最早被提出是作为图形设计的一个子集或同义词。 后来,信息设计的概念被扩展到包括信息内容和文字, 甚至用户测试和调研等更广的领域,成为一门多学科...
“ 信息设计是对信息 清晰而有效 的 呈现。它通过一种多学科和跨学科 的途径达到 交流 的目的,并结合了 平面设计、技术性与非技术性的创 作、心理学、沟通理论和文化研究 等领域的技能。 ” Frank Thissen 2 《信息设计》
“ 信息设计涉及对 数据 的 组织 和呈 现:将其转化为有价值、有意义的 信息。 Nathan Shedroff ” “ 信息设计使 复杂 的信息变得更 容 易 理解和使用。 ” AIGI 《信息设计》
“ ” Robert E.Horn 信息设计被定义为一门信息策划的 艺术与科学 , 它使得人们能够有效地 使用信息。信息设计的初级产品主要 作为电子文档展现在电脑屏幕上。 《信息设计》
信息设计使复杂的信息变得更容易理解和使用。 任何信息设计的目的都是用清晰、平易近人、 易于理解的方式向最终受众传达特定的信息。 信 息 设 计 INFORMATION DESIGN 《信息设计》
1 信息设计概述 Understand  Information Design <ul><li>信息设计主要与信息的产生、分类、组织、传播,展示等活动相关。 </li></ul>3 、信息设计涉及的领域与应用 <ul><li>它所涉及的内容包括...
&quot;Universe&quot; of Information Design 可用性研究 交互设计 数字娱乐设计 数字媒体设计 图形设计 用户研究 信息设计 视觉思维 数字产品 与环境设 计 色彩学 标识系统设计 视觉传达设计 展示设计...
1 信息设计概述 Understand  Information Design <ul><li>信息设计的功能主要有两个因素决定: </li></ul><ul><li>信息密度  和  信息接受者 </li></ul><ul><li>信息的 数...
“ ” No matter how much you plan you’re likely to get half wrong anyway. So don’t do the ‘paralysis through analysis’ thing...
信息可视化  INFORMATION  VISUALIZATION 《信息设计》
信息制图  INFOGRAPHICS 《信息设计》
模型和图表  MODELS  &  DIAGRAMS
视觉思维  VISUAL THINKING 《信息设计》
2 信息设计的原则 Principles Of Information Design 1 、信息设计的认知原则 2 、信息设计的交流原则 3 、信息设计的美学原则 《信息设计》
2 信息设计的原则 Principles Of Information Design 1 、信息设计的认知原则 •  学习风格(视觉型、听觉 / 言语型、动觉 / 触觉型) •  阶段学说模型(感知输入、短期记忆、长期记忆) •  米勒的神奇数...
28 Web Visions Portland, OR | May 3rd, 2007 16826054074 《信息设计》
28 Web Visions Portland, OR | May 3rd, 2007 16826054074 16826054074 OR +1 682 605 4074 《信息设计》
TIPS: “ 针对记忆力的设计” “ 变简单点” 1 、用对比和颜色迅速吸引读者的注意,与熟知的主题创造关联来帮助使用者存储信息。 2 、提供经过解析的、平易近人的内容组块以帮助记忆重现 将复杂或者冗长的内容分解成小的组块,记得始终以“ 7 ...
2 信息设计的原则 Principles Of Information Design 2 、信息设计的交流原则 •  AIDA( 注意、兴趣、欲望、行动):一种推销模式 •  LATCH( 位置、字母表、时间、类别、层级)组织模式 •  最小努...
3 信息可视化设计 Information  Visualization  Design 1 、信息可视化的定义 2 、信息可视化的优势 3 、设计赏析 《信息设计》
3 信息可视化设计 Information  Visualization  Design 1 、信息可视化的定义 • 信息可视化 ( Information  Visualization ) , 是一个跨学科领域, 旨在研究大规模非数值型信息资...
3 信息可视化设计 Information  Visualization  Design 2 、信息可视化的范畴 •  信息可视化处理的是抽象数据结构,如树状结构或图形。科学可视化处理的是那些具有天然几何结构的数据(比如, MRI 数据、气流)...
《信息设计》
《信息设计》
《信息设计》
《信息设计》
《信息设计》
《信息设计》
《信息设计》
The real-time city is now real! The increasing deployment of sensors and hand-held electronics in recent years is allowing...
2008New York Talk Exchange 《信息设计》 NYTE team Carlo Ratti group director, Kristian Kloeckl project leader, Assaf Biderman, F...
2008New York Talk Exchange 《信息设计》
“ Global talk happens largely among those at the top of the economy and at its lower end. This point is one of the strikin...
http://tuyansuo.com/ http://www.gapminder.org/ http://visualcomplexity.com / http://infosthetics.com Reference: 《信息设计》
Thank You 郭俊  Estella Guo  contact me : estellaguo@gmail.com 《信息设计》
Upcoming SlideShare
Loading in …5
×

解读信息设计

1,976 views
1,903 views

Published on

Published in: Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,976
On SlideShare
0
From Embeds
0
Number of Embeds
44
Actions
Shares
0
Downloads
30
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

解读信息设计

  1. 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 <ul><li>“ 信息超载”——由于大量无法抵抗的有效资讯的出现,将导致个体无力处理、吸收并理解信息。在互联网产生的信息寻求者文化中,这种状况日趋严重。全世界大部分的知识都只在我们指尖,但是有限的理解和沟通能力常常阻断了我们的交流。 </li></ul>1 、对信息设计的需求 <ul><li>身处当今这个信息化合全球化的社会,政府、公司、教育机构以及个人都在努力寻求更好的交流方式 </li></ul><ul><li>优秀的设计有能力遏制不良的用户体验! </li></ul>《信息设计》
  7. 7. 1 信息设计概述 Understand Information Design “ 信息设计”这个术语最早被提出是作为图形设计的一个子集或同义词。 后来,信息设计的概念被扩展到包括信息内容和文字, 甚至用户测试和调研等更广的领域,成为一门多学科交叉的边缘学科,概念的定义在不同学科中有着不同的侧重点。 1 、定义信息设计 <ul><li>从 信息构建 和 有效管理 的方面 , 通过分析、展示复杂信息,缩小了数据和知识之间的鸿沟; </li></ul><ul><li>在 交流互动 方面,通过人因工程、用户认知心理、交互情景模拟的研究,使信息从静态转 换 成动态 , 来达到流畅的,友好的交互体验; </li></ul><ul><li>在 信息可视化 和 视觉信息传达 方面, 通过对文字、图形符号、色彩、用户视觉流程的研究,将信息从无形转换成有形, 通过友好的界面设计, 使信息传播更为方便、 准确、更易识别。 </li></ul>《信息设计》
  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 <ul><li>信息设计主要与信息的产生、分类、组织、传播,展示等活动相关。 </li></ul>3 、信息设计涉及的领域与应用 <ul><li>它所涉及的内容包括: </li></ul><ul><li>网络传播、 用户界面设计( UI )、 信息架构 ( IA )、 数据分析、图形设计、 色彩学、 视觉思维、信息可视化、虚拟现实设计、 数字媒体设计、 数字产品与环境设计、 数字娱乐设计、 展示设计、 标识系统设计、 视觉传达设计等。 </li></ul>《信息设计》
  13. 13. &quot;Universe&quot; of Information Design 可用性研究 交互设计 数字娱乐设计 数字媒体设计 图形设计 用户研究 信息设计 视觉思维 数字产品 与环境设 计 色彩学 标识系统设计 视觉传达设计 展示设计 虚拟现实设计 信息架构 《信息设计》
  14. 14. 1 信息设计概述 Understand Information Design <ul><li>信息设计的功能主要有两个因素决定: </li></ul><ul><li>信息密度 和 信息接受者 </li></ul><ul><li>信息的 数量 和 可及性 也影响了特定传媒的合适程度。信息设计师根据最终受众的需要,客户提供的资源以及可用时间的不同而使用各种形式。 </li></ul>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 《信息设计》 NYTE team Carlo Ratti group director, Kristian Kloeckl project leader, Assaf Biderman, Franscesco Calabrese, Margaret Ellen Haller, Aaron Koblin, Francisca Rojas, Andrea Vaccari research advisors William Mitchell, Saskia Sassen project sponsor AT&T New York Talk Exchange illustrates the global exchange of information in real time by visualizing volumes of long distance telephone and IP (Internet Protocol) data flowing between New York and cities around the world. In an information age, telecommunications such as the Internet and the telephone bind people across space by eviscerating the constraints of distance. To reveal the relationships that New Yorkers have with the rest of the world, New York Talk Exchange asks: How does the city of New York connect to other cities? With which cities does New York have the strongest ties and how do these relationships shift with time? How does the rest of the world reach into the neighborhoods of New York? http://senseable.mit.edu/nyte/
  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 《信息设计》

×