Chapter5 Visualized Design
可视化设计
Key Words：
- Alignment（对齐）
- Associativity（关联性）
- Consistency（一致性）
- Reduction（减少）
- Regularity（规律）
- Proximity（接近性）
- Selectivity（选择性）
- Simplicity（简单）
视觉界面设计因素
Visual Interface Design Factors
1、Contrast & Visual Variables 对比度和视觉变量
突出差异
视觉变量—Bertin 1967
value、hue(色调)、texture(纹理)、shape、position、orientation(方向)、size
2、Characteristics of Visual Variables 视觉变量的特征
Quantitative 定量
Order顺序
Length长度
3、Attention
聚光灯（Spotlight）隐喻：
注意力对感知有怎样的影响。
聚光灯从一个输入通道连续的移动到另一通道。就是说，在同一时间里，你只能集中注意力在一个输入通道。这个输入通道可能在你的视觉范围内，也有可能在你的听觉范围内。
但是人是有视觉导向的，因此人们更容易关注于视觉通道而不是听觉通道。
一旦你把注意力集中到某一个特定的通道上，那么所有这个范围内的刺激就会被加工处理，而且这不是以你的意愿为转移的，这就能导致干扰（Interference）。
下面我们来看一下注意力与视觉变量之间的关系，请大家回想聚光灯暗喻。
（1）注意力会在不同的输入通道上连续的移动。
（2）所有被注意的通道中的刺激都是并行处理的。
输入通道就是一个或多个视觉变量。
例如，位置和颜色。
4、Selectivity选择性
选择性知觉：注意力能否集中在变量的一个值上，而不包括其他变量和值？
选择性：位置、大小、方向、色调、值、纹理
非选择性：形状
5、Associativity 关联性
关联感知：当观察其他变量时，变量可以被忽略吗？
关联：位置、色调、纹理、形状、方向
不关联：大小、值
小尺寸和低值干扰了感知色调、值、纹理和形状的能力
6、Stroop Effect Stroop效应
认知干扰的一种证明
视觉界面设计因素
Visual Interface Design Principles
Guidelines for Good Graphic Design
良好的平面设计准则
Simplicity（简单）、Contrast（对比）、White space（留白）、Alignment （对齐）、Grouping and Structure（分组与结构）
1、Simplicity（简单）
“完美不是在没有什么可以补充的时候实现的，而是在没有什么可以带走的时候实现的。”；简单并不意味着没有装饰……它只意味着装饰应该与设计本身密切相关，任何与之无关的东西都应该被拿走。”；“少即是多。”；“有疑问的时候，就不说了。”
Techniques for Simplicity:
Reduction 简化
移除不必要的元素
Regularity 规律性
Double-Duty 双重责任
组合元素以实现杠杆作用
找到一个元素扮演多个角色的方法
2、Contrast（对比）
Techniques for Contrast
1.选择适当的视觉变量
2.尽可能多地使用长度
3.加强区分以便于感知
乘法标度，而不是加法
必要时冗余编码 必要时卡通夸张
4.使用“斜视测试”
为显示选择可视变量
设计信息显示
3.White space（留白）
技术：
1.使用空白来分组，而不是行
2.使用边距在设计周围吸引眼球
3.图形与地面一体化
4.对象应按其背景比例缩放
5.不要将控件挤在一起，拥挤造成了空间紧张，阻碍了扫描
4.Alignment （对齐）
1.Alignment - Text
从左到右对齐左手边
2.Alignment - Names
通常扫描姓氏
3.Alignment - Numbers
对齐小数点
4.Multiple Columns 多列
难以跨越间隙扫描 —对于大型数据库字段通常难以避免
5.Grouping and Structure（分组与结构）
logically together => physically together
按逻辑分组。
分组的格式塔原则
格式塔原理解释了眼睛如何从部分创造一个整体（格式塔）
格式塔原则：
Proximity（接近性）； Similarity（相似性）； Continuity（连续性）； Closure（封闭性）； Figure/Ground（主体/背景）； Symmetry（对称性）
物理控制
- grouping of items 项目分组
- order of items 项目顺序
- white space 留白（帮助分组间隙）
5万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
