形的表象：

界面的形具体分为外形，内形。外形侧重界面的外在具体形状。内形对界面的内容进行并列和分割。

外形方面：每一个产品的主界面外形都是来源于软件本身的特点，这个不能作为一个界面视觉一致性的重点参考。这个比较好理解，比如即时通信界面，不可否论他肯定有被改变的一天，但至少在目前看来长条形的竖形界面是给用户的第一直观感受。至于长条形的宽度和比例，将会作为一个参考要素影响到界面视觉效果的一致性。所以当相同属性的界面在趋于同样外形的同时，考虑到产品特点，也需要适当的顾及互相之间的外形感受。当然还有一些细节的处理方式也会在必要的时候造成界面视觉效果的一致性，比如外形的圆角弧度、界面边框的厚度就是必须需要注意的细节

内形方面：内形方面除了同属性的界面他们因为功能的近似而产生的布局结构外，他们的并列方式、分割方式应该采取相应的一致性前提，比如线条的划分、两种色彩的划分、质感的结构划分、用户意想的划分⋯⋯

（图二 外形和内形的在举例界面合集中的一致性体现）

色彩的表现：

色彩运用产生的感觉，丰富而多彩，是影响视觉一致性比较重要的前提点。

前提点可以分为颜色绝对的一致，如色相、纯度、明度的绝对一致或差别细小。退一步有单纯的色相的一致，或者明度相同，相似色组合的色彩一致。如果不同产品产品之间考虑到某种似亲非亲的关系，他们的颜色组合还有相似色、三色组、全色相换等组合产生的色彩感觉一致性。

在色彩具体的单个假面表现运用上也有一些色彩的一致性前提，比如单色的渐变手法，双色的渐变手法，双色的运用又有相似色，互补、分裂互补等调和方式。如此细节的考虑，可以使一致性在多个方面来影响目的，通过这些被经常称作色彩感觉的感性事物来达到视觉效果一致性的目的，而不仅仅是只认定单一颜色相同才算是一致的狭义上的一致性，否则将直接造成设计想像的单一。

（图三 相似色组合颜色方式在举例界面合集中的一致性体现）

（图四 颜色明度及双色的渐变方式在举例界面合集中的一致性体现）

出处：Tencent CDC Blog
责任编辑：bluehearts

上一页 泛泛而谈界面视觉效果的一致性 [1] 下一页 泛泛而谈界面视觉效果的一致性 [3]