色彩在UI设计中的应用

2018-12-24 10:05杨晔
赢未来 2018年22期
关键词:界面设计图标网页

杨晔

1色彩的特性

1.1 色彩的注目性

网页界面设计是否能够成功,很大一部分原因取决于设计师对颜色的使用。为了加强网页界面设计色彩的注目性,在网页界面设计的过程中,应该注意以下几点:

首先,确定一个主色调,也就是整个界面的色彩选择,这样有利于体现网站的主题。其次,在网页界面的整体色彩搭配上,尽量不要做范围太大的对比处理,而是采用“大调和、小对比”的色彩搭配原则。因为人的视觉习惯总是希望在一个大范围的视野中寻找某些兴奋点。再者,就是还要考虑在同一种类型的网页中,设计时所采用的网页界面色调和其他网页界面的色彩所产生的对比关系,两者搭配起来是否生动而不冲突,也是增加色彩注目性的一个重中之重。

1.2 色彩的合适性

任何设计的根本法则,均是内容决定了形式,形式要为内容服务。反映在网页界面设计上,则是页面的色彩一定要与网页的内容相呼应,色调则一定要与网页表达的内容相适合。因此,在设计网页界面时,如何确定页面的色彩,一定不要凭空想象。网页界面的设计必须服务于所要针对的人群,在运用色彩时,必须根据不同的企业的不同风格和要求进行设计。例如,食品类的网页界面,其色彩效果要干净、卫生,能够引起人们的食欲,可以使用活泼鲜亮的色调去建构;药品类网页界面的色彩设计,应给人以镇定、安静之感;化妆品类的网页界面色彩设计,则要给人一种典雅、高贵的感觉。以护手霜而闻名于世的妮维娅(NIVEA)品牌(图2),网页界面的主色调为蓝色,给人的感受是淡雅、清爽,同时作为辅助色彩的白色,给人以信任之感,使得该网页很好地体现了公司的品牌形象。因此,只有设计用色和网页界面内容和谐统一,才能使浏览者留下深刻的印象,达到正确迅速地传递信息的作用。

1.3 色彩的独特性

色彩的独特性是指“个性”,也就是它本身所具有的独特之处。站在心理学的立场上来说,大部分的人都有一定的猎奇心理,能不能满足用户的心理需求,可不可以设计出有“个性”的网贞界面色彩,是网页界面设计师的使命。

受后现代主义思潮的影响,具有个性化、象征性的色彩设计风格,已成为优秀网页界面设计的主流。优秀的网页界面设计的灵魂在于不断创新,必须与众不同具有自身的特色。竞争力大的网页界面多数为有个性和特色的,在互联网时代这种网页界面设计成为同类企业竞争的重要手段,也是企业第一时间把自己的信息公布于世的平台。要想设计出具有自己特色的用户界面,一下这几个方面是值得注意的。

第一,用色上要别出心裁不受同类网页固定模式的限制。第二,要善于发现新的色彩,对自己设计的色彩领域进行新的开发,扩大色彩的设计领域。要全方位多方面的看待色彩对人心理的影响,更要搞清楚每种颜色的性质和功能。

1.4人对色彩的感知

UI设计包括手机图形的版面设计和图形用户界面设计。图形用户界面设计包括手机图标,手机上显示的颜色,手机浏览器的导航,显示的文字等等。版式设计包括交互设计和布局设计。UI设计,不仅要保持界面一致性,图标设计风格和技术保持一致,设计的颜色应该统一在风格上,让用户直观地感受完整性和一致性。

在设计手机图标时,图标的颜色不是任意确定的。当用户触摸该图标时,图标的颜色首先会被注意到,并且不同的颜色的图标给人带来的感觉是不同的。

绿色赋予人们无限的安全感,并可以在协调人际关系方面发挥重要作用。绿色象征自由和平、新鲜舒适;黄绿色给人清新、有活力、快乐的感受;色彩明度降低会给人稳重、有重量的感觉,比如墨绿、橄榄绿等。

蓝色是冷色调的色彩,看起来沉稳、明亮、深邃、沉着、忧郁。

橙色是活跃的、温暖的、喜悦的、朝气蓬勃的,能带给人快乐,橙色非常活泼的颜色,给人眼前一亮,让人记忆深刻,可以搭配很多颜色。介于橙色和粉红色之间的粉橘色,则是浪漫中带着成熟的色彩,让人感到安适、放心。

白色象征干净、简约、诚实。是百搭的色彩。

黑色象征权威、高雅、低调、创意。

红色热情、兴奋、具有生命力,让人感觉脉搏加快,血压升高,情绪冲动,思维活跃。

比如图(1)某直播平台的的logo,选用红色作为主色调,红色给人热烈奔放的感觉。具有生命力,会让人脉搏加快。

比如图(2)众所周知的社交类通訊软件logo,绿色为主色调。辅色为白色。绿色给人以安全的感觉,这就抓住了用户的心理需求使用户使用起来更放心。

参考文献

[1]王泳力.浅析移动应用UI设计中渐变色的使用[J].工业设计,2018(08):32-33.

[2]陈宇平.手机UI设计中视觉艺术元素的构成研究[J].大众文艺,2018(15):89-90.

猜你喜欢
界面设计图标网页
《京燕儿》APP界面设计
中医养生APP界面设计
“共享员工”平台界面设计
面向智能手机的UI界面设计
Android手机上那些好看的第三方图标包
基于CSS的网页导航栏的设计
基于URL和网页类型的网页信息采集研究
中国风图标设计
网页制作在英语教学中的应用
有意思的厕所图标