如何在界面设计中“色”诱用户?-UI设计 PS-优质IT资源分享社区

admin
管理员
管理员
  • UID1
  • 粉丝27
  • 关注4
  • 发帖数581
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:156回复:0

如何在界面设计中“色”诱用户?

楼主#
更多 发布于:2016-06-10 19:54

如安在界面规划中“色”诱用户?
在规划过程中,怎样最好地调配颜色,诱导用户视野?是不是在为图标挑选啥颜色而烦恼,反反复复地测验,总不能到达想要的作用。是不是总在仰慕“别人家的规划”,而苦于无从下手?本来一切的颜色都有些小规则,今日就和咱们聊一聊“色”。
作者微信大众号:MICU规划




在颜色的运用中,咱们对颜色都会有不一样程度的了解,然后影响到规划页面的体现。
熟练地将颜色调配运用到规划中去,会让规划更为稳重和得当。优秀的规划它的颜色调配十分的舒畅,令人心旷神怡。那咱们怎样才干调配出最贴合规划的颜色非常好呢?
为何“色”?由于“生理”上有需求!
既然是平面规划,视觉影响是最直观的。比方当下盛行的涂色书,为啥普普通通的图画能展现出那样漂亮的作用,即是由于色,由于合理的颜色调配。
再比方好的气候是蓝色,而灰色的气候就雾霾的天了。
那么马路边那些亮着红灯的区域,那你想到啥?我就不说了。
所以在研究感官是为了从生理上得到“咱们看到啥样的颜色时”会做出啥样的反映。
用户尽管没有上过颜色的有关课程,可是他们依然能很直观地看出啥是契合他们审美的。
相同颜色的挑选不只诠释了规划的体现办法也营建了用户对商品的采购需求。需求从中满意用户最直观的生理需求点。
咱们就来看看下面的几种办法吧,怎样将用户的愿望蛊惑起来。
从感触抓到色的要点(焦点)
我在规划过程中总结的经验,画面中首要颜色不要超越三种,表达出主题即可。
太多的颜色会使页面乱七八糟,搅扰首要信息。
这是12306的网站,颜色用的数量我是没有数过来,要点在哪里?想要凸显的信息太多,还老是闪闪闪。假如处处是焦点,那就真的没焦点了。用户最首要的是买票,扫来扫去地满页面地找,这不是好的用户体会,有些反智!!




再看看别的互联网公司做的三方刷票网站。为毛一下就这么简略~
规划有主颜色配色,色相构成是一致的配色,由绿色为色相分配、一致了画面的配色。




疑问:叠加作用,能测验出好的颜色吗?
许多同学在规划前期不知道选用颜色定位,常常用叠加来测验作用,结果发现越来越没有条理。
颜色叠加自身的确极好,通常用海报等布景上比照多,不宜在交互的页面。盲目运用颜色叠加,会使画面变得复杂烦闷。表达上意义含糊,用户会觉得凌乱,无法找到需求找到的信息和功用。可见,叠加的作用不光没有加分,反而减分。
疑问:信息量or简练,怎样取舍?
简练、准确是颜色中心规范,简略明了的颜色能迅速被用户解读。
不要奢求用户能够在一个页面上逗留太多时间,一页显现N多信息时代早就过去了。
疑问四:假如经过颜色氛围,诱导用户?
好的颜色调配和挑选能激起用户采购而定场景感和采购愿望。
比方暖色能激起用户的胃口,在消费内的软件中经常用到(taobao)。蓝色能给人带来安静,大多数的阅览软件则用到了蓝色(知乎)
在界面颜色要学会做加减法
准则一:色的巨细方位
大块的颜色烘托氛围和主题比照安稳,小块的颜色用于装点,丰富画面。
一致颜色让用户认准店面。
首要需求在不一样的界面结构中一致招牌色,确保商品给用户能一望而知的找到这个店。
那么我和咱们介绍一下一款不为人知的软件“BIG”。首要称号十分的霸气,易于用户回忆和传达。全体选用了朱赤色遵循了全部商品的规划。不管是LOGO仍是菜单栏十分的一致。让用户在运用完后对这个商品有了十分一致的形象。




本来它是taobaoAPP发现页面中内置的一款软件,所以说招牌色多么的首要,在这么丰富的软件中怎样让用户一望而知,用一次就回忆深入!
准则二:谨慎而有节奏
在界面中的能够运用类似性与来进行颜色照应,这么的画面更有节奏感和舒适性。
运用颜色突变交叉,让界面平衡在一个频率上。




在页面颜色联系的处理中,咱们需求留意重色的运用,它对画面的平衡有十分大的作用。
下面是淡色菜单栏和深色菜单栏的差异。咱们能够发现,有重色后的页面,显得更为安稳舒畅。




准则三:在类似中,找照应
咱们来看一组操练,找找颜色的照应性。




1. 界说了颜色的基调,找到了形象店面色。
在规划中咱们只选用了单一的颜色进行了规划,运用巨细联系区分了功用的主次联系。视觉上比照平衡可是页面显得单调。
2. 为了让用户聚集在首要的功用上,在首要功用上运用了补色比照。这种办法比外型上的区分更为激烈。
3. 但在选用过多的颜色会使界面没有秩序性。这种颜色的调配会给用户一种紊乱感。
4. 用色上不只需求聚集,还有考究颜色的照应性。同类颜色会互相照应,聚集点只要在首要的点上。
所以说留意五颜六色的联系与功用的差异及其首要。这么才干掌握好颜色的节奏感。
怎样用“色”?
用“色”,到达平衡。
大家渴望日子的安稳和安靖,平衡感能满意用户的视觉需求。假如在界面规划中运用一对或多对的平衡颜色能让用户从心里需求上得到满意,这么的规划能更简单让用户具有亲近感,给用户留下愉悦而舒畅的美感。
在平衡颜色中的界说并不是面积持平就叫平衡。要考究主题性中找到颜色的平衡联系,以及版式等元素中的协调性。
通常在颜色运用中的“平衡色”有五种类型:
一:互补色之间的平衡
二:冷色和暖色的平衡
三:深色和淡色的平衡
四:有颜色和无颜色的平衡
五:花样与纯色的平衡
互补色平衡法
在界面规划中,运用互补颜色的比照是最为激烈的,最易传达的。
这种颜色能运用户的视觉发生激烈的影响,情感浓郁,给人留下明显的形象。这种办法是。适合在夸大的、张扬的场景下运用。
但这种颜色用的太过于普通简单形成用户的视觉疲惫。给人一种不安靖的感觉。那么在运用这么的调配办法时需求操控运用的方位和信息的面积了,中心的地方能够这么去运用。
首要的三对互补色:红绿、蓝橙、黄紫。
咱们能够看到许多APP的icon为了招引用户的留意就用到了激烈比照的互补色。
番茄快点、QQ空间、相机360




运用这种斗胆的平衡色能使全部个性主题分外的明显。
这种平衡颜色最为激烈的状况即是使两个色相的饱和度都调整到最高,面积份额也在1:1。此刻的氛围最为浓郁,冲击感最强!
咱们能够看到代购现场这款APP的LOGO规划选用了1:1的颜色联系比以上的APP
icon更为突出。所以在运用市场中更为简单让用户找到,到达了品牌的传达性。




冷暖色平衡法
冷暖色是人类在大天然日子总结出来的颜色规则。咱们看到赤色、黄色让人联想起焚烧的火焰,太阳等,是一种温暖的感觉。这么的颜色就界说为“暖色”而蓝色就然我想起了水、冰雪,是冷的感觉。所以即是“冷色”。
冷暖对别色是天然平衡的规则,能够在规划中很多运用,这么的配色会使著作十分的出彩,不显单调。




在规划中,冷色与暖色的平衡是界面规划中最为广泛的运用办法,作用也十分的拔尖。
颜色比如即是阴阳太极,冷与暖的两级平衡复原了日子中的调和。冷暖颜色调配的办法根本没有啥缺陷,运用在规划中,技巧性比照多,对规划的细腻感触请求比照高。




深色和淡色的平衡
在颜色中颜色选用淡色,柔软而轻盈,也会显得不行安稳。选用深色,会显得厚重高级,但简单烦闷。在界面规划时,在主颜色是淡色的状况下,恰当弥补些深色,能非常好的平衡画面。
在锤子手机界面中为了让页面平衡,首图展现了是非两个机型,让页面更为安稳平衡。




花样(图画)与纯色的比照
在运用颜色时分怎样能让规划更为艳丽出彩呢?但有不要过花乱呢?
这时分就要留意了,花样与纯色需求有比照,颜色比照明显而花的通常运用在中心展现上,而布景需求全体。
QQ开屏就极好的突出了商品的品牌特征,让用户过目不忘。这种规划办法也适合运用在banner等规划中。




好的规划不应该永远是“人家的规划”,看得不行多,揣摩不行透,练手太少。多描摹10遍,狠决然吧。






[font=Tahoma  ]
优质IT资源分享社区为你提供此文。
本站有大量优质UI设计(含PS,软件 网页 平面设计等)教程视频,资料等资源,包含UI设计基础教程,高级进阶教程等等,教程视频资源涵盖传智播客,极客学院,达内,北大青鸟,猎豹网校等等IT职业培训机构的培训教学视频,价值巨大。欢迎点击下方链接查看。

[font=Tahoma  ]UI设计教程视频
优质IT资源分享社区(www.itziyuan.top)
一个免费,自由,开放,共享,平等,互助的优质IT资源分享网站。
专注免费分享各大IT培训机构最新培训教学视频,为你的IT学习助力!

!!!回帖受限制请看点击这里!!!
!!!资源失效请在此版块发帖说明!!!

[PS:按 CTRL+D收藏本站网址~]

——“优质IT资源分享社区”管理员专用签名~

本版相似帖子

游客