WSG4_08的一点笔记

WSG4_08的一点笔记

WSG4_8 应用Gestalt 视觉原则 USING THE GESTALT PRINCIPLES OF PERCEPTION

中文	英文
连续性	continuity
相似性	similarity
相近性	proximity
闭合/收合/补齐结局	closure

WSG4_8 塑造视觉平面 SHAPING THE VISUAL PLANE

在这个多屏的世界里, 唯一合理的前进道路依赖于此网页设计的基础：弹性网格布局(fluid page grids)丶弹性图片/媒体(responsive images)丶CSS3媒体查询(CSS3 media queries)，让您的设计能够智能地出现在各类屏幕。 → 响应性 (Responsive)
屏幕上设计成型结果是使用当下才产生的, 我们永远不能完全确定这设计成型结果是什么浏览器丶操作系统丶字体丶颜色丶或其他基础显示技术来提供支持的。 → 动态的 (Dynamic),
我们的设计有史上最广的受众，信息显示已从办公桌解放出来，并已真正成为环境里到处可见的显示平面。设计师所拥有的是，史上最强大的丶最可塑的丶或最有用的视觉平面来创作。 → 无处不在的 (Ubiquitous),
我们不再知道我们设计应用的领域大小甚至其物理特征。对於我们的作品的边界，我们已经失去了控制, 我们不再有这些基本的边缘边界，来指导我们的工作，来用做参考框架。 → 变异的 (Variable)

WSG4 p.264-5 8. 平面设计/图型设计

颜色和对比度 - 并不是所有的颜色是等价的，并不是所有的颜色组合是可替换的，尤其是对8%有一定程度的色盲的男性来说。
区分颜色对比主要取决于明亮度 (brightness) 和饱和度 (saturation)
同一照明度下多种颜色的相对亮度不一（黄色的亮度几乎是蓝色的4倍）
白底上的暗颜色像蓝色或红色效果较佳
白底上的明亮颜色像黄色会消失看不清 - 若非用渐变背景不可，请使用黑色字
不要在文本上单靠颜色来产生对比。
许多眼球追踪研究显示，大型图形和图形元素吸引了很多的“凝视注视”，我们得出这样的结论：大型的、美学的、色调设置的图形对用户对网站的态度有持续影响