界面的厚度和质感的一致：

界面的厚度是影响界面视觉效果一致性的另外一个重要前提点。因为造成界面的厚度基本是因为质感表现的原因造成的，所以两者放在一起来阐述说明。

界面的厚度是造成界面效果给用户视觉沉重感的一个原因，当然也能经常听到颜色明度的高度也能造成页面的沉重感的观点。虽然事物的明度联系自然界的真实物体，以及人的心理感受，应该有一定的道理，但是明度低的颜色也却可以通过质感的表现来化解沉重感。所以对应自然界的物体，厚对比薄，界面的厚度来的影响会更加直接。所以他们是直接影响视觉效果一致性的一个前提。

（图四 界面头部侧面弧度体现的界面厚度）

而界面的厚度很多情况下是通过质感来完成表现。如弧度的表现，真实物体的模仿、光影强弱的再现等等。质感很大成都上直接决定视觉风格的走向，他在一致性的前提点里重要度极高。但同样在包含在主体框架的指引下，比如：水晶质感、平板质感、木纹质感在同一产品的不同版本框架下，设计延续的一致性显然是不甚理想的。但如果这些质感效果在同一产品的个性皮肤框架下，他们都可被看作是一致的。

（图五 界面质感相对平板的一致性体现）

组件细节的表现：

关于组件统一表现的观点，很多人已经非常认同了，事实上大家也是这样在做的，比如QQ2009后制定的视觉规范，已经直接影响了一些产品的组件设计。对各个组件在视觉上的表现做了必要规范。但是在组件以外，或者其他视觉元素的细节表现上可以套用同样的设计手段，在相同属性的界面下选用同一种方式去表现，从而达到影响整体的界面视觉效果的一致性。这一类的表现有很多，随意从展示界面的可视部分举几个例子：

（图六 进度条的几种表现方式：单色，双色，多彩等等）

（图七 列表的几种表现方式：整体单色，双色间隔，单色间隔）

（图八 Tab的表现）

在界面表现中，如此到达界面效果一致性的前提点还有很多，这里的举例只是开一个头表达观点，举例的效果也仅仅是从自身的界面中提取出来的其中一种特定表现。一致性的视觉表现也并不是将我们最终所能获取到位的前提点全部满足，而是根据界面系列的不同属性，对所有一致性的前提点根据属性来抽取组合，达成主题下的界面视觉效果一致性，这才是重点。

在很多人看来，设计是感性的，但是设计更多的存在于理性之中。诸如此文的一致性概念，偏重的是将界面视觉元素的分析和归纳，以及转变看待界面视觉一致性的观念和态度。不断尝试和总结历程的变化，转变为面对设计的潜意识，不论我们在参考、设计、评审，都采用近似的标准。而不是每个人自我意识的评价，设计会变得思路顺畅和立意鲜明。

原文：http://cdc.tencent.com/?p=2085

本文链接：http://www.blueidea.com/design/doc/2010/7316.asp　

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

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