Lec 4 图形设计(TD)
大多数人都会误以为设计只是外观。人们觉得设计只是表面装饰——好像别人把一个盒子交给设计师，然后说：“把它做得好看一点！” 但我们并不认为设计是这样的。设计不只是它看起来怎样、感觉怎样。设计真正的意义在于它如何运作。 —— Steve Jobs
这不仅适用于设计，也适用于平面设计。平面设计并非仅仅是美化（尽管美学固然重要），它应该融入设计之中，而不是事后才考虑。
好的设计示例（形式追随功能）
位于温哥华 Robson Square 的坡道与楼梯结合设计。实际上，这个坡道因为过于陡峭而受到批评，但这个理念本身很好地结合了功能性、美感与包容性。
不好的（形式凌驾于功能之上，form over function）设计示例：
没有数字刻度、指针又黑得几乎看不见的时钟； 另一个让人完全难以理解的时钟设计。现代 Apple iPhone 的 UI 为了追求简洁外观，几乎取消了所有按钮，导航则依赖一堆难以发现的滑动手势。
设计不是艺术。设计需要服务于某种目的，而艺术更关注表达。设计必须解决问题，而艺术则是在激发思考与情感。艺术是感性的，而设计是理性的。一个优先考虑美观而忽视功能性的设计，可能是糟糕的设计，但它依然可能是优秀的艺术作品。
美学可用性效应
当用户对你的视觉设计产生积极情绪时，他们会对网站中一些较小的可用性问题更加宽容。
不过要记住，美学可用性效应也是有极限的。一个漂亮的设计可以让用户更容易原谅轻微的可用性问题，但无法掩盖严重的问题。
设计原则
设计原则是一些经验法则， 它是帮助我们做出设计决策的启发式规则。
格式塔原则 是一组关于“人类如何感知视觉信息”的心理学原则：：
- 完形（Good Figure）： 被组合在一起的对象，往往会被感知为一个整体图形。人类视觉倾向于将复杂内容简化
- 相似性： 如果对象彼此相似，人们往往会将它们归为一组。
- 闭合性： 即使一组元素之间实际上并没有接触，人们也会在视觉上自动将它们连接起来，形成完整的图形或连续结构
- 接近性： 如果对象彼此距离较近，人们往往会认为它们属于同一组
- 连续性： 当两个或多个对象发生交叉时，人们倾向于把每个对象看作连续且不中断的整体
- 对称性： 人们倾向于将对象感知为围绕中心形成的对称形状
VISUAL DESIGN PRINCIPLES: AN EMPIRICAL STUDY OF DESIGN LORE
我们将重点关注以下几个方面：
- 对比
- 重复
- 对齐
- 邻近
- 简洁
对比
对比的作用是
- 有助于建立清晰的层级关系；
- 引导视线，并创造出强烈而清晰的视觉焦点；
- 在设计中，我们运用对比来增强视觉冲击力、突出重点并创造视觉趣味。
怎么做？
要考虑
- 字体类型和颜色
- 线条
示例， 左边图字体和线条之间确实存在一些对比，但这种对比太弱了。线条的粗细本来就应该不一样吗？还是说这是个错误？
第二个方框：现在，字体之间强烈的对比使作品更具动感和吸引力，线条粗细的对比也更加明显，这样就不会有人误以为是错误了。整个表格看起来更简洁、更精致；清晰地展现了它的起止位置。
重复
重复的作用是： 就像对比突出差异一样，重复能使空间上分离的设计元素融为一体。
重复创造统一性、一致性和凝聚力
对齐
当元素对齐时，会形成更强的整体性。 即使对齐的元素在物理上彼此分离，它们之间也存在一条无形的联系，这种联系既存在于视觉上，也存在于思维中。 与重复类似，对齐也能将空间上不相连的设计元素连接起来。
对齐的作用：
- 更强的凝聚力
- 连接空间上不相连的元素
- 左对齐的文字搭配居中内容的图片。
- 空间受限。当视线被限制在某个区域内，无路可退时，会感到不安。
- 轮廓锐利、几乎触及边缘的元素会营造紧张感。布局角落里过于繁复的图片往往会分散读者对内容的注意力
- 巧妙。椅子的腿暗示了logo的宽度。
- 充分利用。椅子图像中角度的关键点形成了一个强烈的视觉焦点；这是标志基线的理想位置
- 沿着边缘或轮廓设计也同样有效！
邻近
当几个物体彼此靠近时，它们就形成了一个视觉整体，而不是几个独立的个体。 正如在生活中一样，这种接近或亲近暗示着某种关系。 通过将相似的元素组合成一个整体，画面构图立刻变得更加清晰有序，读者也更容易理解阅读的起点和终点。