1 / 12
文档名称:

界面设计的一致性.docx

格式:docx   大小:610KB   页数:12页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

文档介绍:泛泛而谈界面视觉效果的一致性


猕猴桃[视觉设计]2009.12.31


原来的题目设想为界面视觉效果的统一性,但是“统一”这个词似乎有点敏感,怕触动萌点无数,而我也无意去设定一个什么什么的统一性来侃侃而谈,极为专业而考究,形,内形。外形侧重界面的外在具体形状。内形对界面的内容进行并列和分割。
外形方面:每一个产品的主界面外形都是来源于软件本身的特点,这个不能作为一个界面视觉一致性的重点参考。这个比较好理解,比如即时通信界面,不可否论他肯定有被改变的一天,但至少在目前看来长条形的竖形界面是给用户的第一直观感受。至于长条形的宽度和比例,将会作为一个参考要素影响到界面视觉效果的一致性。所以当相同属性的界面在趋于同样外形的同时,考虑到产品特点,也需要适当的顾及互相之间的外形感受。当然还有一些细节的处理方式也会在必要的时候造成界面视觉效果的一致性,比如外形的圆角弧度、界面边框的厚度就是必须需要注意的细节
内形方面:内形方面除了同属性的界面他们因为功能的近似而产生的布局结构外,他们的并列方式、分割方式应该采取相应的一致性前提,比如线条的划分、两种色彩的划分、质感的结构划分、用户意想的划分
□Q2009
QQ20(19
门QQmusic
湛谩企鹅[Q我吧]
QQ20Q9正式版发布7
浪漫主鵰[隐身)〒
寒浴弧独複’当企鹏来敲门
搜亲歌曲、飯手r专輯
!■-1—w」一■■」I
JM
KeepWalkingorI'llkillyou
:援索好友廉夫朕信扈
攫索奸预及关联信息
我的好朋咖绳
我的收議随
我的家人[3/31
点一柱洁香,探一堂池荷.
1KeepWalkingorfl...
爸爸
今天收到殘亲节的礼物.
圍曲辄■捽
FallingSlowlyTherain
Agnes.Kair
GlenHansa.
毛毛玛莉
4Dreann/-chi!cl
Thrihriiirtarfrinr厂Iq-Jf
淑石让
熨石让

图二外形和内形的在举例界面合集中的一致性体现)
色彩的表现:
色彩运用产生的感觉,丰富而多彩,是影响视觉一致性比较重要的前提点。
前提点可以分为颜色绝对的一致,如色相、纯度、明度的绝对一致或差别细小。退一步有单纯的色相的一致,或者明度相同,相似色组合的色彩一致。如果不同产品产品之间考虑到某种似亲非亲的关系,他们的颜色组合还有相似色、三色组、全色相换等组合产生的色彩感觉一致性。
在色彩具体的单个假面表现运用上也有一些色彩的一致性前提,比如单色的渐变手法,双色的渐变手法,双色的运用又有相似色,互补、分裂互补等调和方式。如此细节的考虑,可以使一致性在多个方面来影响目的,通过这些被经常称作色彩感觉的感性事物来达到视觉效果一致性的目的,而不仅仅是只认定单一颜色相同才算是一致的狭义上的一致性,否则将直接造成设计想像的单一。

1
搜素好更及关联信息
搜素好友艮关联信息
妄冷孤独夜』当企耀来敲门
浪漫企鶴[Q我吧]
QQ20CK正式版发布了
〒浪蛊企IB[Q我吧]
QQ200g正式版发布了
应菖母昌
QQ2rj£IQ
我的好友[i即汐]我的家人[就約
h调屁爸爸
UMIg令天收到艾亲节的礼物.
【摆索好友廉关联信扈
►我的好友[吨聽]
我的娥人[3/3]
浪浜企鬻(嗨身)
詡i爲^詡i爲i
高中同学:e/15)
乐乐男
点.一柱漬香>探一堂池荷,
图三相似色组合颜色方式在举例界面合集中的一致性体现)

QQ2l^39
□Q2one
絆QQmusic
讒漫企鵝T隐身匸丁
寒洽孤独夜,当企鹅来敲门
❽〒蛊溟全陷[Q我吧]
QQ200g正式版笈布了
pndefspli
血甜Walkingor['llkillyou
搜索好友及关联信息
我的好朋友(W技)
舞啟列衾
我的收藏
点一柱港香>探一堂池荷°
我的好毘[16Z2S]
Agnes.Kain
毛毛玛莉
爸爸
金天收到父亲节的礼物口
■2
FallingSlowJ^
Ther^iri
Dreamychild
GlenHansa熾石让久石让
Thnhfliimr+nr厂iLmlF

图四颜色明度及双色的渐变方式在举例界面合集中的一致性体现)
界面的厚度和质感的一致:
界面的厚度是影响界面视觉效果一致性的另外一个重要前提点。因为造成界面的厚度基本是因为质感表现的原因造成的,所以两者放在一起来阐述说明。
界面的厚度是造成界面效果给用户视觉沉重感的一个原因,当然也能经常听到颜色明度的高度也能造成页面的沉重感的观点。虽然事物的明度联系自然界的真实物体,以及人的心理感受,应该有一定的道理,但是明度低的颜色也却可以通过

分享好友

预览全文

界面设计的一致性.docx

上传人:guoxiachuanyue013 2022/5/15 文件大小:610 KB

下载得到文件列表

界面设计的一致性.docx