泛泛而谈界面视觉效果的一致性

作者:猕猴桃 来源:Tencent CDC Blog 时间:2010-01-05 17:05:00 

原来的题目设想为界面视觉效果的统一性,但是“统一”这个词似乎有点敏感,怕触动萌点无数,而我也无意去设定一个什么什么的统一性来侃侃而谈,极为专业而考究,且毕竟是一篇博客文章,怕斩首细胞无数,索性改为“一致”略为妥当。泛泛而谈更是期望随意的态度,到哪算哪。有失偏颇,也在情理之中,当情有可原。若起争议,求同存异,全为抛砖引玉。

  何谓“一致”:趋向相同。亦谓没有分歧。《易 系辞下》:“天下同归而殊涂,一致而百虑。”达成一致可有不同方法,在视觉上亦可称之为不同的表现和手段。当然更为重要的是达成一致的视觉表现需要有一个整体的主题框架,以及在此框架下的多个前提点。

小学阶段,知识贫乏而单一,造成任何科目的老师们惯用的一个哲学思想无不是:“世界上没有两片叶子是相同的。”这句话或许对或许不对,对的是,世界上真的没有两片叶子是完全一致的,不对的是一致的前提太过于狭隘。“完全一致”岂非狭隘?如果前提是叶子的颜色,那么所有黄色的叶子都是一致的。如果前提是叶子的形状,那么所有巴掌样的叶子都是一致的。如果前提是叶子的种类,那么所有枫树的叶子都是一致的。甚至促成叶子一致的前提还有质感、季节、空间、掉落得速度等等等等诸如此类,而不能通过人的个人意志和感觉。

将这些一致的前提点在不同情况下综合、取舍,有助于我们去认定一个相同属性的范围,在界面的视觉表象上我们同样可以借助这个一致性去认定同一范围下的品牌效应,这个一定的范围概念包括:同一公司下的结界面效果,同一属性下的产品界面,不同版本的同一个软件产品的界面⋯⋯当然这个是引申开去的题外话。

言归正传,在不同的主题框架下设定一致性的前提,是至关重要的,只有当物体的表象被设定了一个对应的前提,所谓的视觉一致性才得以成立。在具体设计过程中,就得事先提炼一个一致性的主题框架,在这个主题框架下去选择必须囊括的一致性的前提点进行组合,以达到视觉效果一致性的设计和判断等目的。

以下为自己过往设计的一些界面,按照时间顺序跨度一年有余,期望从一个设计时间线上去看待不同设计作品。个人认为, 通过界面组成元素和表现手段的拆分,尽管每一个设计的颜色各异,每一个设计对应的产品也有自己的特色,每一个设计的结构有所区别,但他们的视觉表现基本还是保持一致的。


(图一 展示界面的合集)

每一个设计都有不同的视觉表现,形、色、质相辅相成。每一个界面也有不同的组成元素,文字、组件、图标交融交错。每一个组成部分都有特定条件下的前提以促成他们在视觉表现上的一致性。本文的重点是对一致性的前提概念进行确立的探讨。而不是去梳理作为一致性前提的每一个具体实在可触碰的点,因为这是一个庞大的内容,必须细致的区分每一个主题框架下组成部分的一致性前提点,以及这些前提点在特定条件下的取舍与组合。以来对应特定产品系列的一致性概念。

因此文中只就自身界面视觉设计中所能提取到的几个前提点进行是否影响一致性以及重要程度的举例描述:

 

标签:视觉,界面,设计
0
投稿

猜你喜欢

  • python numpy实现多次循环读取文件 等间隔过滤数据示例

    2022-10-30 09:44:13
  • python中networkx函数的具体使用

    2023-01-05 12:29:16
  • 如何使用Docker恢复Mysql8备份的Data数据

    2024-01-14 20:07:04
  • Pytorch DataLoader 变长数据处理方式

    2022-08-06 23:07:50
  • 不同分辨率下的自适用宽度

    2008-11-24 12:58:00
  • pytorch 一行代码查看网络参数总量的实现

    2023-04-23 17:42:36
  • 表单特殊输入js验证

    2008-03-26 12:01:00
  • vue awesome swiper异步加载数据出现的bug问题

    2024-05-03 15:10:58
  • python缺失值的解决方法总结

    2023-07-28 23:47:38
  • Python 高效编程技巧分享

    2022-12-13 10:23:43
  • JQuery中对Select的option项的添加、删除、取值

    2024-04-22 12:59:14
  • Python3中configparser模块读写ini文件并解析配置的用法详解

    2022-11-02 12:11:14
  • PHP实现生成Excel文件并导出的示例详解

    2023-05-28 13:11:18
  • python自动化操作之动态验证码、滑动验证码的降噪和识别

    2023-03-26 02:48:28
  • Mysql复制表结构、表数据的方法

    2024-01-22 22:13:45
  • 几个你不知道的技巧助你写出更优雅的vue.js代码

    2024-05-13 09:14:39
  • python中wx模块的具体使用方法

    2023-02-02 05:40:20
  • delete误删数据使用SCN号恢复(推荐)

    2024-01-24 04:02:04
  • 一文详解Python中的super 函数

    2022-02-26 03:18:35
  • python改变日志(logging)存放位置的示例

    2023-07-04 06:37:58
  • asp之家 网络编程 m.aspxhome.com