颜色饱和度如何影响用户效率?

你是否曾经因为不喜欢某个颜色而放弃购买某样商品?颜色影响着我们对商品的看法,同样,颜色也影响我们如何浏览网站/App。

用户来到一个网站/app,首先就是被颜色和其它视觉元素所影响。如果颜色得当,就会给用户留下良好印象,然后用户会投入更多时间和精力去进入内容。也许你有很好的内容,但是如果你的颜色不恰当或很糟糕,那么用户也会难以很好的消费内容。

如何为网站/app选择恰当的颜色?其中的关键是理解颜色饱和度和用户效率的关系。饱和度(Saturation)是指颜色中所含有灰色的程度。所含的灰色越少,说明饱和度越高;所含的灰色越多,说明饱和度越低。

饱和度颜色1

高饱和度的颜色让人兴奋和充满活力,会吸引用户关注、用户在此时会停留。高饱和度颜色比较适合于按钮(buttons)、链接(links)、警示提醒(alerts)和系统消息(system messages),因为此时你想抓住用户的注意力。请谨慎的使用高饱和度的颜色,只有当你想要特别引起用户注意时才使用。对高饱和度颜色的不恰当使用,也许是设计师在颜色上最常犯的错误。

低饱和度的颜色,则有助于任务进行的更加舒缓和有效。因此,低饱和度颜色更适用于菜单(headers)、头部(headers)、面板(panels)、背景(backgrounds)等,因为这些时候不用特别吸引用户注意。不同的低饱和度的颜色,所传达的气氛也不一样。明亮的低饱和色,往往传达的是友好、专业的氛围。深暗的低饱和色,往往传达的是一种更加严谨、专业的气氛。要选择哪种颜色,则取决你的内容和你想让用户对网站/app产生怎样的感知。

饱和度颜色2

灰色,作为一种安全色,能够和许多颜色“和睦相处”。灰色不会和高、低饱和度的颜色产生竞争,是一种中性色。不同程度的灰色,可以对网站颜色起到补充作用。如果你的网站是冷色调,则在灰色中调入一点冷主色,使用这种冷灰互补为最佳。如果你的网站是暖色,则在灰色中调入一点暖灰色,使用这种暖灰互补为最佳。

你选择的颜色,会影响用户对你和你所提供的内容的感受。如果使用了错误的颜色,那么你就会出师不利。而通过正确使用不同饱和度的颜色,则会让用户留下良好的第一印象。

Published by

uxdchen

为了心中的美好,不妥协直到变老!

Leave a Reply

Your email address will not be published. Required fields are marked *