网页设计中颜色应用

 一、不要使用纯色

一般来说,做UI设计,海报设计什么的,如果不是特殊的需要,最好不要使用纯色,黑白,纯红(#FF0000)这样的颜色,一是因为纯黑与纯白这样的颜色之间造成的对比让人感觉很不舒服,二是自然界几乎没有看上去纯黑和纯白的物体,不符合人们的生活经验。

 二、色彩的意象和空间感

【1】色彩的意象,是存在对比中的。而不是单一的。
比如,同一种颜色,在白色的衬托下,显得明亮。在黑色的衬托下,显得暗淡。

【2】色彩的空间感。

表现出三维立体感,需要构图的技巧,明亮的色彩有前进感,暗淡的色彩有后退感。

三、颜色和形状

 
形状:
正方形更能表现红色稳重、喜庆的感觉。
圆形最好用蓝色,这样可以给人辽阔博大的感觉。
三角形用黄色,三角形的尖锐感与黄色的刺目感可以互相配合起来。
 
 
 网页设计师完全手册/黑魔方
 
https://www.patternfly.org/styles/color-palette/

四、配色技巧

 

1、临近色

冲突感比较低,一般在整个画面上比较柔和。
 
 

2、间隔色

跳一格。
冲突感较高,一般出现在动感,促销类的海报上。
 

3、互补色

冲突感最高,一般用在需要重点突出的画面上面 

五、 用色比例

主色:辅助色:点缀色=====70%:25%:5%
点缀色:突出对比,选择冲突感最高的颜色
辅助色也可以有2种,在色环上取间隔色。 
 

六、黑白灰百搭色

 黑白灰无色系,可以平衡画面。
 
 调明度和饱和度可以让颜色更柔和。
 

七、设计技巧

八、格式塔 

心理学格式塔原则。
 
格式塔五原则
 

1、背景性

元素被理解为不是有形状就是有背景。
 

2、 接近性

物体之间的相对距离会影响我们对它的认知,以及认为他们是不是在一起。
 
下图有4组颜色,
 
 接近性原则被广泛应用在分类设计上面

3、相似性原则

 把具有明显共同特征的事物组合在一起,把相似性部分分成若干个组。
 
 应用在分类、区分模块与内容。
 

四、封闭性原则

当元素不完整或者是不存在,依然可以被人识别。
根据以往的经验,习惯性把图像看做一个整体。
在脑海中将缺少的补充进去,形成新的我们识别的内容。
 
 应用

5、 连续性原则

视觉更加倾向于感知连续性的形式,而不是零散的碎片

视觉会维持内容的规律(方向) ,不去改变原有的规律
 
 
 
 综合应用
 
 
 
原文地址:https://www.cnblogs.com/starof/p/4778340.html