以下内容源自我在Scott Klemmer UC SanDiego的课程学习笔记 网络视频可以登陆coursera进行报名学习 课件来源于Scott Klemmer教授

DP-03-1-visualdesign.pdf

如何改善一封信?他的目标是什么?

留白能表现分组

“有的地方要窄,有的地方要宽;有的地方要空,有的地方要补。”
image.png

加入留白

image.png

字体大小表达层次结构

“信息表达上的差异会带来信息内容差异”

不同的比例和字重

image.png

可视化的三个目标

  • 引导人们理清结构:传达结构,重要性,关系。
  • 建立交互的节奏,引导深入的途径:吸引人们加入,帮助导向和定位,为参与更深入的服务提供帮助。
  • 表达信息,赋予活力:传达意义和风格,给内容注入生命

可视化的三个基本工具

  • 字体
  • 布局
  • 颜色

Google的颜色风格来源乐高积木

image.pngimage.png

展示布局与结构
image.pngimage.png