泛泛而谈界面视觉效果的一致性
作者：猕猴桃 来源：Tencent CDC Blog 发布时间：2010-01-05 17:05:00
原来的题目设想为界面视觉效果的统一性，但是“统一”这个词似乎有点敏感，怕触动萌点无数，而我也无意去设定一个什么什么的统一性来侃侃而谈，极为专业而考究，且毕竟是一篇博客文章，怕斩首细胞无数，索性改为“一致”略为妥当。泛泛而谈更是期望随意的态度，到哪算哪。有失偏颇，也在情理之中，当情有可原。若起争议，求同存异，全为抛砖引玉。
何谓“一致”：趋向相同。亦谓没有分歧。《易 系辞下》：“天下同归而殊涂，一致而百虑。”达成一致可有不同方法，在视觉上亦可称之为不同的表现和手段。当然更为重要的是达成一致的视觉表现需要有一个整体的主题框架，以及在此框架下的多个前提点。
小学阶段，知识贫乏而单一，造成任何科目的老师们惯用的一个哲学思想无不是：“世界上没有两片叶子是相同的。”这句话或许对或许不对，对的是，世界上真的没有两片叶子是完全一致的，不对的是一致的前提太过于狭隘。“完全一致”岂非狭隘？如果前提是叶子的颜色，那么所有黄色的叶子都是一致的。如果前提是叶子的形状，那么所有巴掌样的叶子都是一致的。如果前提是叶子的种类，那么所有枫树的叶子都是一致的。甚至促成叶子一致的前提还有质感、季节、空间、掉落得速度等等等等诸如此类，而不能通过人的个人意志和感觉。
将这些一致的前提点在不同情况下综合、取舍，有助于我们去认定一个相同属性的范围，在界面的视觉表象上我们同样可以借助这个一致性去认定同一范围下的品牌效应，这个一定的范围概念包括：同一公司下的结界面效果，同一属性下的产品界面，不同版本的同一个软件产品的界面⋯⋯当然这个是引申开去的题外话。
言归正传，在不同的主题框架下设定一致性的前提，是至关重要的，只有当物体的表象被设定了一个对应的前提，所谓的视觉一致性才得以成立。在具体设计过程中，就得事先提炼一个一致性的主题框架，在这个主题框架下去选择必须囊括的一致性的前提点进行组合，以达到视觉效果一致性的设计和判断等目的。
以下为自己过往设计的一些界面，按照时间顺序跨度一年有余，期望从一个设计时间线上去看待不同设计作品。个人认为， 通过界面组成元素和表现手段的拆分，尽管每一个设计的颜色各异，每一个设计对应的产品也有自己的特色，每一个设计的结构有所区别，但他们的视觉表现基本还是保持一致的。
（图一 展示界面的合集）
每一个设计都有不同的视觉表现，形、色、质相辅相成。每一个界面也有不同的组成元素，文字、组件、图标交融交错。每一个组成部分都有特定条件下的前提以促成他们在视觉表现上的一致性。本文的重点是对一致性的前提概念进行确立的探讨。而不是去梳理作为一致性前提的每一个具体实在可触碰的点，因为这是一个庞大的内容，必须细致的区分每一个主题框架下组成部分的一致性前提点，以及这些前提点在特定条件下的取舍与组合。以来对应特定产品系列的一致性概念。
因此文中只就自身界面视觉设计中所能提取到的几个前提点进行是否影响一致性以及重要程度的举例描述：
0
投稿猜你喜欢
- 一、进程间通信IPC(Inter-Process Communication)IPC机制：实现进程之间通讯管道：pipe 基于共享的内存空间
- 具体代码如下所示：#字符串反转def reverse (s): rt = '' for i in r
- python提取照片坐标信息的代码如下所示：from PIL import Imagefrom PIL.ExifTags import TA
python的便利性，使得如今许多软件开发者、黑客都开始使用python打包成exe的方式进行程序的发布，这类exe有个特点，就是可以使用反- 要求：编写登陆接口输入用户名密码认证成功后显示欢迎信息输错三次后锁定针对此实例写了有二种类型的脚本，略有不同，具体如下：帐号文件accoun
- 高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小，更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们
- 大家好，我是丁小杰！今天和大家分享Pandas中四种有关数据透视的通用函数，在数据处理中遇到这类需求时，能够很好地应对。pandas.mel
- 投影变换（仿射变换）在数学中，线性变换是将一个向量空间映射到另一个向量空间的函数，通常由矩阵实现。如果映射保留向量加法和标量乘法，则映射被认
- python 的虚拟环境可以为一个 python 项目提供独立的解释环境、依赖包等资源，既能够很好的隔离不同项目使用不同 python 版本
- 1) chocolatappChocolat是最新出现的一款强大的Mac系统文本编辑器，兼具原生的Cocoa及强大的文本编辑功能。Choco
- 疫情终于有所好转了，感谢所有的为之奋斗的白衣天使们，你们是最棒的！赞！白衣天使们在前线奋战，我们也总不能总在家里躺着做贡献，也要加强学习，争
- 本文实例讲述了JavaScript设计模式之原型模式。分享给大家供大家参考，具体如下：从设计模式的角度讲，原型模式是用于创建对象的一种模式，
- Spring事务管理事务（Transaction），一般是指要做的或所做的事情。在计算机术语中是指访问并可能更新数据库中各种数据项的一个程序
- 1、说明当函数/方法执行出现异常，会将异常传递给函数/方法的调用一方。如果传递到主程序，仍然没有异常处理，程序才会被终止。2、实例def d
- 经典鼠标控制左右滚动,图片间隔无缝滚动,悬停滚动,图片控制左右滚动JavaScript代码<!DOCTYPE html PUBLIC
- 本文实例讲述了Django框架会话技术。分享给大家供大家参考，具体如下：会话技术1、Cookie客户端会话技术（数据存储在客户端）以key-
- gRPC 是通信协议基于 HTTP/2，支持多语言的 RPC 框架，使用 Protobuf 作为它的接口设计语言（IDL），可以通过 pro
- a1="sp2=20;sp1=34;" a2="sp3=2;sp2=3;sp1=4;" 两组字符串数
- 目录：分析和设计组件编码实现和算法用 Ant 构建组件测试 JavaScript 组件话说上期我们讨论了队列管理组件的设计，并且给它取了个响
- 前言Python 3.7 将于今年夏天发布，Python 3.7 中将会有许多新东西：各种字符集的改进对注释的推迟评估以及对dataclas
