News Center

最新的动态、网站设计、移动端设计、网页相关内容与你分享!

2020在网站设计中论色彩搭配的重要性

发布时间:2020-04-14  

  我们的世界离不开色彩,它美丽又绚烂,多彩又多姿,它影响着我们的生活,让我们身心愉悦,它是一切美的象征。人们将色彩的运用到极致,对于网站规划的用户体会也是至关的重要。

  让我们从一个常见的例子开始:您刚刚为某人完成了一个网站规划。它的外观和功能与线框彻底相同。规划团队中的每个人都对该项目表明赞赏,客户却不喜爱它,但他们无法解释原因。

  罪魁祸首或许是色彩。不同的色彩会引发激烈的心情,使人们对其发生敏锐的反响。这部分是个人喜好,部分是心思,乃至部分是社会规范。了解这些趋势和用户偏好会极大地影响用户体会。

  这是您需求知道的。

 

  用户期望和偏好

  用户体会始于您的网站或应用程序针对的用户类型。用户所寓居的基本人口统计信息(例如性别或寓居区域)或许会影响他们对根据色彩的规划的感知。(您能够在此处阅读有关色彩和文化注意事项的更多信息。)

  色彩对用户体会的最有趣的影响之一与性别有关。研讨表明,男人和女人倾向于喜爱和不喜爱某些类型的色彩。

 

 

 

  人们倾向于与具有深色规划方案和更饱满色彩的网站进行更多交互,例如上面的VLNC Studio规划。

  女人往往更喜爱与规划方案更浅,调色板更柔软的网站进行交互,例如下面的Tally。

  有些人对运用显着女人化的色彩(例如柔软的粉赤色,紫色和黄色)的网站发生了激烈的反响。

  具有严酷配色方案的网站(例如深色背景和彻底饱满的赤色点缀)倾向于让更多的女人望而生畏。

  中心色调调色板最适合一切人。

 

 

 

  色彩关联和意义

  虽然这不是一门准确的科学,可是色彩具有相当不同的情感联想。请注意,某些色彩或许归于极端类别。这些关联倾向于与其他规划元素一起创建全体氛围。

  当用户看到某种色彩或色彩组合时,它会在大脑中当即发生反响。

  ●赤色:力量,风险,爱/激情,饥饿

  ●黄色:能量,美好,光亮,温暖

  ●橙色:创造力,决计,影响,鼓励

  ●绿色:天然,成长,调和,新鲜

  ●蓝色:决心,信赖,宁静,镇定

  ●紫色:戏法,皇室,野心,独立

 

  树立品牌认知度

  您期望可口可乐的规划元素为赤色。色彩与品牌同义,因此被称为“可乐红”。更改色彩会使品牌混乱。您无法当即辨认它。用户感到不快,而且没有以预期的方法做出反响。该饮料乃至看起来滋味不同。

 

 

 

  一切这些感觉都来自改变色彩。当您看到带有绿色可口可乐品牌的第一张图片时,您或许会觉得自己在说“什么?”。

 

 

 

  它影响了品牌向前发展时的用户体会。

  色彩是品牌塑造中的重要元素,由于它能够在用户和规划之间树立独特的联系。色彩告诉用户品牌的意义。它告诉用户他们将要从事的工作。

  更改色彩或运用其他品牌,用户拜访体会会受到影响,由于网站拜访者突然对他们以为知道的品牌感到困惑或不确定。

 

  用户图画连接到色彩

  您是否注意到有多少网站运用赤色或橙色按钮?

  这是有原因的。

  与网站背景构成鲜明对比的亮堂按钮-赤色和橙色通常会在浅色或深色背景中脱颖而出。能够协助用户找到,了解并期望与可单击或可点击元素进行互动,由于他们在视觉上当即知道他们对该元素的期望。

  用户体会的要害部分是为用户提供轻松的互动时机,使他们享受并了解。

 

 

 

  Cruise运用带有赤色文本和赤色悬停状况的幻影样式按钮。与传统的纯色按钮不同,可是怎么交互却没有什么问题。色彩将用户吸引到该按钮。

 

 

 

  Net Bluez对导航菜单中最重要的元素运用了亮橙色按钮。请注意,该元素怎么趋于从屏幕上跳出并被单击。

 

  进步转化率

  在规划过程中应战A / B测试按钮的色彩。您或许会发现一种色彩的转换率显着高于另一种色彩。(它或许不是您期望的色彩。)

 

  当按钮或链接的色彩与规划的其余部分构成鲜明对比时,转换率往往会添加。因此,当您要运用品牌调色板时,选择对比色是发生有助于全体用户体会的转化的要害。

  请看下面的网站一分钟。哪种色彩的按钮最有或许使您单击?(原始色彩为蓝色。)

 

 

 

 

  为一切用户提供可拜访性

  色彩会影响用户体会,由于它能够使规划不行拜访。

  为了使每个人都能充分了解规划并与内容互动,他们有必要能够轻松检查和阅读规划。运用契合“ Web内容可拜访性原则”(WCAG 2.1)的调色板和对比度,能够保证每个用户都能了解您的色彩选择。

  运用色盲过滤器(例如下面的比较中的过滤器)可协助模拟其他用户在您拜访网站时或许看到的内容。这怎么影响可用性?

 

 

 

  最后,色彩以一种非情感或植根于心理学的方法影响着用户体会。生活中、网站设计中如何正确的进行色彩搭配,让更多的用户产生共鸣也是至关重要的哦!

 

 

 


标签:

如没特殊注明,文章均为梦魅网络原创,转载请注明来自http://www.monmei.com/news/show/523 。部分图片及文字来源于网络,若有侵权,请告知删除!