泛泛而谈界面视觉效果的一致性
作者：猕猴桃 来源：Tencent CDC Blog 发布时间：2010-01-05 17:05:00
原来的题目设想为界面视觉效果的统一性，但是“统一”这个词似乎有点敏感，怕触动萌点无数，而我也无意去设定一个什么什么的统一性来侃侃而谈，极为专业而考究，且毕竟是一篇博客文章，怕斩首细胞无数，索性改为“一致”略为妥当。泛泛而谈更是期望随意的态度，到哪算哪。有失偏颇，也在情理之中，当情有可原。若起争议，求同存异，全为抛砖引玉。
何谓“一致”：趋向相同。亦谓没有分歧。《易 系辞下》：“天下同归而殊涂，一致而百虑。”达成一致可有不同方法，在视觉上亦可称之为不同的表现和手段。当然更为重要的是达成一致的视觉表现需要有一个整体的主题框架，以及在此框架下的多个前提点。
小学阶段，知识贫乏而单一，造成任何科目的老师们惯用的一个哲学思想无不是：“世界上没有两片叶子是相同的。”这句话或许对或许不对，对的是，世界上真的没有两片叶子是完全一致的，不对的是一致的前提太过于狭隘。“完全一致”岂非狭隘？如果前提是叶子的颜色，那么所有黄色的叶子都是一致的。如果前提是叶子的形状，那么所有巴掌样的叶子都是一致的。如果前提是叶子的种类，那么所有枫树的叶子都是一致的。甚至促成叶子一致的前提还有质感、季节、空间、掉落得速度等等等等诸如此类，而不能通过人的个人意志和感觉。
将这些一致的前提点在不同情况下综合、取舍，有助于我们去认定一个相同属性的范围，在界面的视觉表象上我们同样可以借助这个一致性去认定同一范围下的品牌效应，这个一定的范围概念包括：同一公司下的结界面效果，同一属性下的产品界面，不同版本的同一个软件产品的界面⋯⋯当然这个是引申开去的题外话。
言归正传，在不同的主题框架下设定一致性的前提，是至关重要的，只有当物体的表象被设定了一个对应的前提，所谓的视觉一致性才得以成立。在具体设计过程中，就得事先提炼一个一致性的主题框架，在这个主题框架下去选择必须囊括的一致性的前提点进行组合，以达到视觉效果一致性的设计和判断等目的。
以下为自己过往设计的一些界面，按照时间顺序跨度一年有余，期望从一个设计时间线上去看待不同设计作品。个人认为， 通过界面组成元素和表现手段的拆分，尽管每一个设计的颜色各异，每一个设计对应的产品也有自己的特色，每一个设计的结构有所区别，但他们的视觉表现基本还是保持一致的。
（图一 展示界面的合集）
每一个设计都有不同的视觉表现，形、色、质相辅相成。每一个界面也有不同的组成元素，文字、组件、图标交融交错。每一个组成部分都有特定条件下的前提以促成他们在视觉表现上的一致性。本文的重点是对一致性的前提概念进行确立的探讨。而不是去梳理作为一致性前提的每一个具体实在可触碰的点，因为这是一个庞大的内容，必须细致的区分每一个主题框架下组成部分的一致性前提点，以及这些前提点在特定条件下的取舍与组合。以来对应特定产品系列的一致性概念。
因此文中只就自身界面视觉设计中所能提取到的几个前提点进行是否影响一致性以及重要程度的举例描述：
0
投稿猜你喜欢
- 一、数组的创建方式一var a = new Array(); a[0]="wo"
- MySQL内部复制功能是建立在两个或两个以上服务器之间，通过设定它们之间的主-从关系来实现的。其中一个作为主服务器，其它的作为从服务器。本节
- 1．不装入数据库而启动事例 可以不装入数据库而启动事例，一般是在数据库才创建时才可以这样做：STARTUP NOMOUNT2.启动事例并装入
- 在 PHP 中表示空的map或空数组都是以空数组形式，在转化为json数据时，会将空数组统一 json 序列化成 []，这样就存在
- 简单介绍下功能吧：使用了ASP的一个对象ServerVariables（服务器环境变量），通过这个环境变量可以获取到真正的下载地址再通过一些
- 下面这个例子描述的是在Godaddy-Linux托管帐户上使用JSP连接到某个MySQL数据库。 <％@ page
- 最近在做一个魔术网的div+css切割，昨晚发现了长期以来一直无记录下来的问题！关于兼容IE跟FF的float属性。趁现在还清醒赶紧记下笔记
- 在Web开发中，JavaScript的一个很重要的作用就是对DOM进行操作，可你知道么？对DOM的操作是非常昂贵的，因为这会导致浏览器执行回
- 过程名：catch(str) 使用方法： 代码如下:on error resume next '你的代码，如数据库连接 call c
- 后台数据库用是Access,客户用了一年后说打开界面非常慢,查看了数据库后发现数据表中的记录已有五万多条,自己试过将记录复制到10 万条,打
- 又从 James Padolsey 这里得到个好的点子。在实际写脚本过程中可能有段 Javascript 和 HTML 非常相关（比如实例化
- 正则表达式（Regular Expression）为字符串模式匹配提供了一种高效、方便的方法。几乎所有高级语言都提供了对正则表达式的支持，或
- 前面我们讲了一些Dreamweaver MX的基本操作，相信大家看了后都会觉得比较简单，的确，这是个工具软件，操作方便应该是它的宗旨。其实网
- oracle命令删除用户：connect / as sysdba; shutdown abort; startup;&n
安装 SQL2000 时，系统经常会提示：操作被挂起，要求重新启动计算机，如图1: 图1重新启动后，再次安装时问题仍然存在。解决办- 现像如下:站点无法打开,或者打开很慢.HTML可以打开.重新启动或者回收应用程序池可恢复.但过一段时间又会出现日志里会有:ISAPI
- 怎么用javascript进行拖拽本文译自：http://www.webreference.com/programming/javascri
- 本文介绍如何利用带进度条的ASP无组件实现断点续传下载大文件。<％@LANGUAGE="VBSCRIPT"&nbs
- CSS样式和JavaScript脚本是应该放在外部文件中呢？还是把它们放在页面本身之内呢？如何处理是关于一些性能规则的思维，就这些问题，我们
- 也许已经有人发现可以这样写...CSS代码部分a.info { position:
