SEO优化人员需知道的一些配色常识

MAY的SEO博客
MAY的SEO博客
MAY的SEO博客
608
文章
766
评论
2018年11月28日19:31:55 评论 2,607

作为一名SEO优化人员,在工作中常需要和网页设计师进行沟通,所有很有必要知道一些配色常识。

一. 色彩搭配的原则

色彩搭配没有好坏,只有是否合适。

二. 色彩的分类

有彩色和无彩色。

无彩色是指只有黑、白、灰这三种没有色相的色彩,除此之外都是有彩色。

色彩的分类

上面的图片对比有彩色和无彩色,左边是有彩色,右边是无彩色。

三. 配色的三要素

1. 色相

色相是有彩色的属性的一种,你可以理解通过色相来选择颜色。在PS的拾色器“H”代表色相,通过上下滑动来改变H值,来选择你想要的颜色。取值范围是0~360度。拾色器-色相

常见的H色相值:

H值 颜色
H=0
H=60
H=120 绿
H=180
H=240
H=300 洋红

色环

2. 饱和度

饱和度是色彩的鲜艳程度,高饱和度给人华丽的感觉,低饱和度给人朴素的感觉。无彩色是没有饱和度的。在PS拾色器中“S”代表饱和度,通过左右滑动来改变S值,选择色彩的鲜艳程度,取值范围是0~100%。

拾色器-饱和度

3. 亮度

亮度是色彩的明暗程度。亮度最高为白色,最低为黑色。在PS拾色器中“B”代表亮度,通过上下滑动来改变B值,选择色彩的明暗程度,取值范围是0~100%。色相-亮度

四. 色调

色调是指色彩的饱和度和亮度,给人的感觉。

每一种颜色的色调都有10000种变化。

五. 颜色搭配技巧

颜色 搭配 应用
红色:暖色
(健康、积极、热情)
红+黄+白(促销形式、廉价感) 婚庆、送礼、运动(女)、女性用品等
红+蓝+白(经典色、视觉冲击) 促销广告、企业标识、美式英雄漫画
红+绿+白(节日色、促销色) 促销相关:红色=健康;绿色=新鲜
节日色:圣诞节
红+紫+白(女性专用色、爱情色、浪漫色) 节日色:三八妇女节、情人节、七夕等
红+黑+白(经典色、显品质) 企业标志、工业、摄影、设计、电影行业
橙色:暖色
(温暖、安全、欢快)
橙+红(安全) 各类促销、餐饮业
橙+黄+绿(夏天、促销) 海边沙滩、饮料广告、旅游广告
橙+蓝(科技化、男性化) 男性服饰促销、科技界面、科技页面设计
黄色:暖色
(明快、活泼、阳光)
黄+蓝(明快) 儿童、服饰、教育、企业标志与标识
黄+黑(经典色) 各行各业、促销、家电、服饰、数码科技
绿色:中性色(安全、新鲜、快速) 绿+蓝(科技感、严谨) 医疗、服饰、运动、科技
绿+橙(明快色、环境色) 软件界面配色、季节相关
蓝色:冷色(严谨、公正、理智) 蓝+红(经典色) 促销、企业标志
蓝+黄+橙(明快) 企业形象、科技相关、界面色、促销
蓝+紫(神秘色) 女性产品、数码科技、与爱情主题相关
紫色:中性色(神秘、高贵、女性化) 紫+黄+品红(时尚色) 淘宝电商(女性)、礼物、母婴
紫+蓝(神秘科技色) 女性产品、数码科技、与爱情主题相关

色相距离越近,对比越弱,就越能控制;色彩距离越远,对比越强,就越难控制。

色彩的搭配公式为70:25:5。颜色用得越少,越容易控制,颜色简洁,作品越显成熟。一个设计中色相不可超过三种以上。画面找到主色,所占面积为70;与主色对比,找到副色25,所占面积小;线、点元素占5,活跃画面,起点睛的作用。

一名优秀的SEO优化人员一定要了解一些配色常识,这样方便我们能更好地与网页设计师沟通交流。

 

  • 我的微信
  • 扫一扫微信,添加好友
  • weinxin
  • 我的微信公众号
  • 关注公众号,了解最新动态
  • weinxin
MAY的SEO博客
  • 本文由 发表于 2018年11月28日19:31:55
  • 转载请务必保留本文链接:https://may90.com/share/how-to-color.html
网站备案多少钱?(收费还是免费?) SEO资源

网站备案多少钱?(收费还是免费?)

网站备案就是我们说的域名备案,使用国内空间或服务器就必须备案,目的是国家为了防止不良份子在网上从事非法网站经营活动,对于未备案的网站,一旦被发现将予以罚款或关闭。因此网站备案对于我们企业或者个人来说,...
你陷入这些SEO神话了吗? SEO资源

你陷入这些SEO神话了吗?

我爱SEO,也经常关注SEO,也会经常听到一些SEO神话,其实充其量,它们会给人误导,甚至浪费我们宝贵的时间、金钱与资源,而且这些事情不会改善网站SEO。你陷入这些SEO神话了吗? SEO神话1. 关...
B2B网站大全:外贸B2B网站有哪些? SEO资源

B2B网站大全:外贸B2B网站有哪些?

在过去的几十年中,企业对企业(B2B)行业发展迅猛。B2B网站是允许商业交易的平台。B2B市场很多,但要想在电子商务业务中取得成功,就必须选择合适的市场。因此,MAY的SEO博客为您分享:B2B网站大...
ERP系统是什么意思啊? SEO资源

ERP系统是什么意思啊?

当您在网络上搜索“ ERP”时,出现的大量信息可能会使您不知所措,甚至有些混乱。为了更深入地了解ERP系统如何改变您的业务,MAY的SEO博客为您分享:ERP系统是什么意思啊? ERP系统是什么意思啊...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: