.如何在界面设计中“色”诱用户？.pdfVIP

如何在界面设计中“色”诱用户 ？ 在设计过程中 ，如何最佳地搭配颜色 ，诱导用户视线 ？是不是在为图标选 什么颜色而烦恼 ，反反复复地尝试 ，总不能达到想要的效果。是不是总在羡慕“别人家的设计” ，而苦于无从 下手 ？其实所有的颜色都有些小规律 ，今天@Micu设计 就和大家聊一聊“色”。 作者微信公众号 ：MICU设计 在色彩的应用中 ，大家对颜色都会有不同程度的理解 ，从而影响到设计页面的表现。 熟练地将色彩搭配运用到设计中去 ，会让设计更为稳重和得体。优秀的设计它的色彩搭配非常的 舒服 ，令人赏心悦目。那我们怎么才能搭配出最贴合设计的色彩更好呢 ？ 为何“色” ？因为“生理”上有需求 ！ 既然是平面设计 ，视觉刺激是最直观的。比如当下流行的涂色书 ，为啥普普通通的图案能展现出那 样美丽的效果 ，就是因为色 ，因为合理的颜色搭配。 再比如好的天气是蓝色 ，而灰色的天气就雾霾的天了。 那么马路边那些亮着红灯的区域 ，那你想到啥 ？我就不说了。 所以在研究感官是为了从生理上得到“我们看到什么样的色彩时”会做出什么样的反映。 用户虽然没有上过色彩的相关课程 ，但是他们仍然能很直观地看出什么是符合他们审美的。 同样颜色的选 不仅诠释了设计的表现方式也营造了用户对产品的购买需求。需要从中满足用户最 直观的生理需求点。 我们就来看看下面的几种方法吧 ，怎么将用户的欲望勾引起来。 从感受抓到色的重点 （焦点 ） 我在设计过程中总结的经验 ，画面中主要色彩不要超过三种 ，表达出主题即可。 太多的颜色会使页面杂乱无章 ，干扰主要信息。 这是12306的网站 ，颜色用的数量我是没有数过来 ，重点在哪里 ？想要凸显的信息太多 ，还总是闪 闪闪。如果处处是焦点 ，那就真的没焦点了。用户最主要的是买票 ，扫来扫去地满页面地找 ，这不 是好的用户体验 ，有些反智 ！！ 再看看其他互联网公司做的三方刷票网站。为毛一下就这么简单~ 设计有主色彩配色 ，色相构成是统一的配色 ，由绿色为色相支配、统一了画面的配色。 疑问 ：叠加效果 ，能尝试出好的颜色吗 ？ 很多同学在设计初期不知道选用色彩定位 ，常常用叠加来尝试效果 ，结果发现越来越没有头绪。 色彩叠加本身确实很好 ，一般用海报等背景上比较多 ，不宜在交互的页面。盲目使用色彩叠加 ，会 使画面变得复杂沉闷。表达上含义模糊 ，用户会觉得杂乱 ，无法找到需要找到的信息和功能。可见 ，叠加的效果不但没有加分 ，反而减分。 疑问 ：信息量o r简洁 ，如何取舍 ？ 简洁、准确是色彩核心标准 ，简单明了的色彩能快速被用户解读。 不要奢望用户能够在一个页面上停留太多时间 ，一页显示N多信息时代早就过去了。 疑问四 ：如果通过色彩气氛 ，诱导用户 ？ 好的色彩搭配和选 能激发用户购买而定场景感和购买欲望。 比如暖色能激发用户的食欲 ，在消费内的软件中经常用到 （淘宝 ）。蓝色能给人带来平静 ，大部分 的阅读软件则用到了蓝色 （知乎 ） 在界面色彩要学会做加减法 原则一 ：色的大小位置 大块的色彩烘托气氛和主题比较稳定 ，小块的色彩用于点缀 ，丰富画面。 统一颜色让用户认准店面。 首先需要在不同的界面框架中统一招牌色 ，保证产品给用户能一目了然的找到这个店。 那么我和大家介绍一下一款不为人知的软件“BIG”。首先名称非常的霸气 ，易于用户记忆和传播。整 体采用了朱红色贯彻了整个产品的设计。不管是LO GO还是菜单栏非常的统一。让用户在使用完后 对这个产品有了非常统一的印象。 其实它是淘宝A PP发现页面中内置的一款软件 ，所以说招牌色多么的重要 ，在这么丰富的软件中怎 么让用户一目了然 ，用一次就记忆深刻 ！ 原则二 ：严 而有节奏 在界面中的可以运用相似性与来进行色彩呼应 ，这样的画面更有节奏感和舒适性。 运用颜色渐变穿插 ，让界面平衡在一个频率上。 在页面色彩关系的处理中 ，我们需要注意重色的运用 ，它对画面的平衡有非常大的作用。 下面是浅色菜单栏和深色菜单栏的区别。我们可以发现 ，有重色后的页面 ，显得更为稳定舒服。 原则三 ：在相似中 ，找呼应 我们来看一组练习 ，找找色彩的呼应性。 1. 定义了色彩的基调 ，找到了形象店面色。 在设计中我们只采用了单一的颜色进行了设计 ，使用大小关系区分了功能的主次关系。视觉上比较 平衡但是页面显得单调。 2. 为了让用户聚焦在主要的功能上 ，在主要功能上使用了补色对比。这种方式比造型上的区分更为 强烈。 3. 但在采用过多的色彩会使界面没有秩序性。这种色彩的搭配会给用户一种混乱感。 4 . 用色上不仅需要聚焦 ，还有讲究颜色的