南昌UI培训
达内南昌中心

0571-56020837

热门课程

色彩心理学与网页设计

  • 时间:2015-09-29
  • 发布:南昌达内
  • 来源:达内培训


科学告诉我们,颜色可以引起我们消极的负面感觉。对于一个站点来说,“62%—90% 的交互是由产品的颜色决定的。”

颜色在给用户创造强烈的第一印象上扮演了一个不可否认的角色。 

颜色的含义是什么 ?

设计中的色彩心理学不是一门精准的科学,色彩心理受个人认知影响。社会因素中也对颜色如何被感知有影响。

如果你是给女性设计的,那么紫色是一个不错的选择,但是男性是不喜欢的。巴黎欧莱雅使用紫色起到一个很好的效果 ,页面表明了地位感和优雅感,让你感觉到该产品是一个高端产品。

文字用白色的,表示现代和平静感,然而选定的紫色代表着奢华的,优雅和女人味。

确定颜色主题

你创建一个网站,这个网站你应该考虑整体的配色方案和使用的每个色彩,以及它们的统一性。还要考虑颜色对用户的影响,以及如何让你正在使用的主色和辅助色相匹配。

考虑色彩心理学时,重要的是你应该把所有色彩作为一个整体去考虑,而不是只选一个颜色,希望颜色要与其它的内容如背景,文本等这些按钮起到作用。

1 背景颜色——黑色的背景展现了网站的优质,精细,正式和统一的企业形象。

2 按钮的颜色——网站使用红色的按钮作为交易按钮。和黑色的背景形成了鲜明的对比,鼓励更多用户去注册。

3 文本颜色——对于文本,白色规定了所有重要的对比度,同时和整体颜色方案相匹配。

我们都知道黑色和白色搭配在一起能够协调,在这种情况下,这个网站感觉优雅和相对正式。红色,如果使用过度,可能会使网站的取意远离整个信息的传达,是为了突出并让它清楚的表达所需的动作是去注册这个功能的目的就好了。

一些工具来帮助你选择正确的颜色

1 Adobe Color cc –为所有 adobe 用户值得信赖的供应商

2 Paletton –简单颜色拾色器,适合初学者

3 Flat UIColor Picker – 用于创建丰富多彩的扁平设计

4 Mudcube Color Sphere – 提供主题选择和十六进制数字

5 Check MyColours –用于检查前景和背景的颜色组合,并且它具有正确的对比度,供人用色盲。

6 Color– 允许你通在屏幕滑动鼠标选色,设置饱和度,然后你可以得到十六位进制代码。

通过实例学习

有成千上万的网站在那里用颜色带来很大的影响,以及大量不这样做的网站。

最后注意事项

色彩是设计的一个重要组成部分,也是整个品牌重要的一部分。所用的颜色所传达的意义必须喝品牌个性和品牌故事一致。

上一篇:提高用户体验的3个魔鬼细节
下一篇:如何成为全栈式UI设计师

2015年的四大移动端设计趋势

UI设计师如何提升时间效率

提高用户体验的3个魔鬼细节

色彩心理学与网页设计

选择城市和中心
贵州省

广西省

海南省