网站设计知识

广州网站建设正确的网站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 的飞机稿中,经常能看到这样的配色和练习。无论是在练习中还是实际项目中,这样的界面也完全无法让用户看到想看的信息,没有重点且轻飘飘的感觉。


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

相关网站建站知识
更多免费网站
网站建设 网站优化 网站推广 网站排名
广东网站优化 广州网站优化 深圳网站优化 珠海网站优化 汕头网站优化 佛山网站优化 韶关网站优化 湛江网站优化 肇庆网站优化 江门网站优化 茂名网站优化 惠州网站优化 梅州网站优化 汕尾网站优化 河源网站优化 阳江网站优化 清远网站优化 东莞网站优化 中山网站优化 潮州网站优化 揭阳网站优化 云浮网站优化 增城网站优化 从化网站优化 南雄网站优化 乐昌网站优化 英德网站优化 连州网站优化 台山网站优化 开平网站优化 鹤山网站优化 高州网站优化 化州网站优化 信宜网站优化 高要网站优化 四会网站优化 兴宁网站优化 陆丰网站优化 阳春网站优化 普宁网站优化 罗定网站优化 江苏网站优化 宿迁网站优化 南京网站优化 无锡网站优化 徐州网站优化 常州网站优化 苏州网站优化 南通网站优化 连云港网站优化 淮安网站优化 盐城网站优化 扬州网站优化 镇江网站优化 泰州网站优化 海安网站优化 常熟网站优化 邳州网站优化 新沂网站优化 溧阳网站优化 张家港网站优化 宜兴网站优化 太仓网站优化 昆山网站优化 如皋网站优化 海门网站优化 启东网站优化 东台网站优化 高邮网站优化 仪征网站优化 丹阳网站优化 扬中网站优化 句容网站优化 靖江网站优化 兴化网站优化 泰兴网站优化 江阴网站优化 河北网站优化 石家庄网站优化 唐山网站优化 秦皇岛网站优化 邯郸网站优化 邢台网站优化 保定网站优化 张家口网站优化 承德网站优化 沧州网站优化 廊坊网站优化 衡水网站优化 新集网站优化 藁城网站优化 晋州网站优化 新乐网站优化 鹿泉网站优化 遵化网站优化 迁安网站优化 武安网站优化 南宫网站优化 沙河网站优化 涿州网站优化 定州网站优化 安国网站优化 高碑店网站优化 泊头网站优化 山西网站优化 太原网站优化 大同网站优化 朔州网站优化 忻州网站优化 阳泉网站优化 吕梁网站优化 晋中网站优化 长治网站优化 晋城网站优化 临汾网站优化 运城网站优化 古交网站优化 潞城网站优化 高平网站优化 原平网站优化 榆次网站优化 介休网站优化 离石网站优化 孝义网站优化 汾阳网站优化 侯马网站优化 霍州网站优化 河津网站优化 永济网站优化
广州网站排名 广东网站排名 深圳网站排名 珠海网站排名 汕头网站排名 佛山网站排名 韶关网站排名 湛江网站排名 肇庆网站排名 江门网站排名 茂名网站排名 惠州网站排名 梅州网站排名 汕尾网站排名 河源网站排名 阳江网站排名 清远网站排名 东莞网站排名 中山网站排名 潮州网站排名 揭阳网站排名 云浮网站排名 增城网站排名 从化网站排名 南雄网站排名 乐昌网站排名 英德网站排名 连州网站排名 台山网站排名 开平网站排名 鹤山网站排名 高州网站排名 化州网站排名 信宜网站排名 高要网站排名 四会网站排名 兴宁网站排名 陆丰网站排名 阳春网站排名 普宁网站排名 罗定网站排名 江苏网站排名 宿迁网站排名 南京网站排名 无锡网站排名 徐州网站排名 常州网站排名 苏州网站排名 南通网站排名 连云港网站排名 淮安网站排名 盐城网站排名 扬州网站排名 镇江网站排名 泰州网站排名 海安网站排名 常熟网站排名 邳州网站排名 溧阳网站排名 张家界网站排名 宜兴网站排名 太仓网站排名 昆山网站排名 如皋网站排名 海门网站排名 启东网站排名 东台网站排名 高邮网站排名 仪征网站排名 丹阳网站排名 扬中网站排名 包容网站排名 新沂网站排名 靖江网站排名 兴化网站排名 泰兴网站排名 江阴网站排名 河北网站排名 石家庄网站排名 唐山网站排名 秦皇岛网站排名 邯郸网站排名 邢台网站排名 保定网站排名 张家口网站排名 承德网站排名 沧州网站排名 廊坊网站排名 衡水网站排名 辛集网站排名 藁城网站排名 晋州网站排名 新乐网站排名 鹿泉网站排名 遵化网站排名 迁安网站排名 武安网站排名 南宫网站排名 沙河网站排名 涿州网站排名 定州网站排名 安国网站排名 高碑店网站排名 泊头网站排名 辽宁网站排名 沈阳网站排名 大连网站排名 鞍山网站排名 抚顺网站排名 本溪网站排名 丹东网站排名 锦州网站排名 营口网站排名 阜新网站排名 辽阳网站排名 盘锦网站排名 铁岭网站排名 朝阳网站排名 葫芦岛网站排名 新民网站排名 瓦屋店网站排名 庄河网站排名 海城网站排名 东港网站排名 凤城网站排名 凌海网站排名 北镇网站排名 大石桥网站排名 盖州网站排名 灯塔网站排名 调兵山网站排名 凌源网站排名 北票网站排名 兴城网站排名 山西网站排名 太原网站排名 大同网站排名 朔州网站排名 忻州网站排名 阳泉网站排名 吕梁网站排名 晋中网站排名 长治网站排名 晋城网站排名 临汾网站排名 运城网站排名 古交网站排名 潞城网站排名 高平网站排名 原平网站排名 榆次网站排名 介休网站排名 离石网站排名 孝义网站排名 汾阳网站排名 侯马网站排名 霍州网站排名 河津网站排名 永济网站排名 吉林网站排名 长春网站排名 延边网站排名 四平网站排名 通化网站排名 白城网站排名 辽源网站排名 松原网站排名 白山网站排名 公主岭网站排名 榆树网站排名 黑龙江网站排名 哈尔滨网站排名 齐齐哈尔网站排名 牡丹江网站排名 佳木斯网站排名 大庆网站排名 鸡西网站排名 双鸭山网站排名 伊春网站排名 七台河网站排名 鹤岗网站排名 黑河网站排名 绥化网站排名 大兴安岭网站排名 浙江网站排名 杭州网站排名