做到这8个点,有效地整合你视觉设计.pdfVIP

做到这8个点 ，有效地整合你的视觉设计 在视觉界面设计中 ，不同于艺术作品传达的是设计 自身的情感和寄托 ，这里关注的重点是传达的 行为和信息 ，也就是目标。而在视觉设计元素中 ，重点关注的有 ： 颜色 文字 大小 形状 纹理 情景 位置 动效 可以通过以下关系来表达如何整合视觉设计 ： 整体+单体—— 目标 整体代表的是层级 ，而单体表达的是单个个体所要传达的信息 ，将单个个体所要传达的信息和层级 相整合 ，共同来达成最终的目标。同时可以把上面提到的重点进行分类 ，将颜色、文字、大小、 形状、纹理放入单元中来思考 ，而把情景、位置、动效、信息层级列入整体。 先从单体的角度 ，来讨论一下 ： 颜色 颜色的选择是一件十分重要的事情 ，因为由于它的高分辨性 ，它对于界面的影响比形状、大小等 要高 ，处于人的视觉关注区的上层。就好比我们在一堆正方形的白房子中找一座正方形的红房子 ， 比在一堆正方形的白房子中找圆形的白房子要容易的多。 利用颜色 ，要把用户的目标、环境、内 和品牌放在优先的位置 ，其次才是去考虑这个颜色本身。 就比如为什么快餐店如此钟爱红色和黄色 ，并不是说红色和黄色好看 ，而是因为它代表火焰 ，火焰 传达的是一种热烈而紧迫的感觉 ，使得消费 没办法静下心慢慢享受 ，而是更加快速的消费然后 走人。在很多商务类的应用中 ，大多选择蓝色作为主色调 ，因为蓝色传达的是一种可信赖与沉稳的 感觉。 在界面设计中 ，单个元素的颜色选择不仅在于元素自身所要传达的信息 ，更在于它在整个层级中所 处的地位。像下图是IO S中的日历 ，除了日历本身以外的部分 ，都是操作控件 ，这些单个控件 ，被 赋予了红色以后 ，在白底背景上显得格外突出 ，传达给用户的是 ，这都是可以点击的 ，另外一方面 ，红色的利用使这些控件所代表的控制层的层级得到提高 ，可以和内容层产生明显的区分。 颜色的使用要避免多而杂 ，将颜色按主色调、辅助色等做好区分 ，这里不做进一步扩展 ，以后再深 入探讨。 文字 文字的属性包括字体、字号、字的颜色。对于字体 ，主要考虑的是可读性要强 ，所以对于大部分移 动端应用而言 ，IO S常选择华文黑体或 冬青黑体 ，尤其是冬青黑体效果最好 ，A ndro id常选 择Not o或则微软雅黑做为中文字体。因为这几种字体在移动端的显示效果较好 ，改变字体的大小不 会对文字的识别造成太大的影响。当然有一些风格比较特别的应用 ，比如澎湃新闻A PP使用的就是 宋体 ，传达出一种严谨、庄严的感觉 ，因为这是一款专注政治新闻的A PP。 字号的选择也十分重要 ，它本身就带有有序的特征 ，不同大小的字号体现了不同的层级。 大小 大小这个属性是一个有序并且可以量化的参量 ，不同大小的元素排布在一起 ，大的显然有更强的吸 引力 ，比如ios的game cent er ，最重要的”游戏”被中间那个最大的圆所表示 ，而与游戏相关的”挑战” 处于第二大的圆中 ，其他几个则处于第三大的圆中。 而量化的例子 ，比如w if i信号、电池电量这种小ico n ，大小这一属性被量化 ，并和所要代表的含义紧 密相连。但大小的错误运用 ，会降低其他属性的作用 ，比如元素太小的时候 ，该元素的形状属性在 用户眼里就发挥不了太大的作用。 形状 形状相比前面所提到的大小、颜色 ，需要用户更高一级的分辨能力 ，简单的形状多用于分割 ，将所 要表达的部分和其他的部分相区隔 ，比如一个按钮的边框 ，它为了告诉用户 ，这是一个可以进行交 互的控件 ，吸引用户点击 ；比如MD设计中常用的卡片式设计 ，用一个卡片的形状来包裹特定的 内容 ，保证了卡片内容的整体性 ，也保证了整体页面的层级 ，让用户在操作时更容易理解内在的逻 辑关系。 而复杂的形状本身就带有传达含义的作用 ，像一个人像形状的ICO N ，为的是告知用户 ，这个ICO N 可以跳转到个人用户页面 ；而像很多应用的专属图标 ，都会有特定形状的标示物 ，比如tw it t er 的鸟、git hub的猫、t umb r的字母t 以及yo ut ube的播放开关。 合理的运用形状可以传达丰富的信息以及划分层次。 纹理 纹理的运用虽然在扁平化大行其道的今天显得尤为低调 ，但它所能传达的能供性还是非常强大的 ， 能供性在 《设计心理学》这本书中是这样被定义的——事物所感知到的及其实际的属性 ，主要是那 些能决定事物可能如何使用的基本属性。也就是说 ，我们认为这个对象能做什么。比如一个表面带 有橡胶纹理 ，一般人都会觉得这是一个可以抓握的东西 ，比如一个按钮带有