网站设计知识

广州网站建设正确的网站UI配色方法

类型:网站设计知识 日期:2020.03.10

首先我们必须要说,色彩肯定是需要结合产品和用户的定位去指定和提炼的,所以前期会需要去做一些研究,例如用户画像,品牌冲刺或者是情绪板等方法。得到几类「真实的虚拟用户」,从而确定一些主色的方案。然后我们在主色的选择中需要避开上面提到的坑,并且对市面上的 app 进行总结,企业网站建设发现大部分的产品色,简单来讲在我们 HSB 模式中取色都在一个固定的范围,就像这样。

企业网站建设


在上文中也说到用色比例的 631 法则,所以在选取辅助色的时候我们需要定义好辅助色可以用在什么地方。例如知乎,其实辅助色没有非常明显的一种或者两种,都是多色的辅助色方案,都在一个配色的系统中选取颜色即可。大部分产品目前都是这样的策略,一个主色搭配多个辅色,如果有其他独立的板块可能需要重新定义专属的配色策略。


其次再定义中性色,比如字体和线条以及背景色。字体是为了让信息有对比,显示层级,那么通常给 2-3 种层级即可,至少 2 种,至多 3 种。在选择 3 个层次的中性色文字时,给大家一个建议:标题/正文文字颜色 HSB 的 B 值不要大于 20,备注和次要文字 b 值不要大于 50,默认文字不要大于 80,大家可以去尝试一下,且中性色不得使用纯黑。


快速建站,网站模板


在色彩的心理学上,大家都知道每个颜色具有一定的性格特征和表达。而且都会有正反两面,可以看下方多种色彩的描述。

然而其实很多的产品使用的色彩和我们所认知的会有一些差别,比如咖啡品牌的主色选择,在我们常规人之中,咖啡应该是褐色、棕色,但是大家看到星巴克、瑞幸、漫咖啡其实都用了和咖啡本质没什么关系的颜色。


在瑞幸刚出来的时候,很多人其实不太习惯把这个蓝色和咖啡结合起来,但是为了塑造品牌差异化,瑞幸一直将「蓝色」作为品牌的主基调,「小蓝杯」这一称呼不但让消费者感到亲切,也在众多的咖啡中有了属于自己的记忆点。在这支广告片中,主基调同样是使用蓝色,不但符合了当下消费者的视觉偏好,也在为用户留下记忆点之后,让用户在看到蓝色时自然而然地想到瑞幸咖啡。


网站建设,免费网站


1、高饱和度的色彩

高饱和度的色彩,会让人产生「幻觉」!让人产生视觉疲劳,例如我将饿了么这个界面的色调调整一下大家看一下,不亮瞎算我输。


2、灰部使用过多的配色

为什么很多时候我们总觉得界面脏兮兮的。是因为我们在免费网站界面或者配色中使用了过多的低饱和度、灰度较多的配色,所以这也是要避免的。


3、没有规律且过多的配色

让界面或者插画看起来非常混乱。一般来说颜色的使用也需要有侧重点,所以我们常用的方法是6、3、1的色彩配比。


免费网站建设


4、荧光色

荧光色绝对不可以使用在网站建设 UI 界面中,尤其是主色。


5、太轻柔的颜色

在很多 dribbble 的飞机稿中,经常能看到这样的配色和练习。无论是在练习中还是实际项目中,这样的界面也完全无法让用户看到想看的信息,没有重点且轻飘飘的感觉。


关键词:网站建设,免费建站网站,免费网站

相关网站建站知识
更多免费网站
网站建设 网站优化 网站推广 网站排名