1
大框架的建立
越简单越好，简约不一定代表没有艺术和风格
HSB介绍:
Hue（色相）；颜色本身，比如红、黄、蓝、绿灯颜色
Saturation（饱和度）；颜色的强度
Brightness（明亮度）；色彩的明暗程度，调到最低就变为黑色。
颜色各占比的比例：遵循视觉设计的原则：60:30:10
主要色彩占比60%：决定因素是想要 传递什么样的情感
次要辅助色彩占30%：用颜色创造什么样的一个氛围；还是用颜色来引导视线.
点缀强调颜色占比10%：要主题色和辅助色形成强烈的视觉对比，实现强调的作用
颜色的选择：
蓝色：与天空类似，给人带来放松和平静的感觉
红色：与火焰类似，象征着热情与勇敢
黄色：警告和危险。
在亚洲文化里，红色表示平安，喜庆，福禄
饱和度和明亮度的选择：
饱和度和明亮度越高对人所产生的情绪也会越积极和强烈，而饱和度低，对比度弱的配色则会产生一种较柔和与平静的氛围。 当饱和度降到最低变为所谓中性色时，颜色本身象征的情绪与意义就会变为一种“空间感”使得人得以专注于其他的视觉焦点。
Adobe色彩网站查询：
https://de.pinterest.com/search/pins/?q=color%20palette&rs=typed
或者在全球图片素材库Pinterest搜色彩库来定义
color palette
在我们确定了主题色之后可以利用色彩环来推算我们所需的辅助色
操作具体如下：
使用色相环的时候选用单色调monochromatic，所有的颜色都隶属于同一个色相，差异只存在饱和度和明亮度，在世界上产生一种简约式的风格和一致性的美感。如下图
使用色相环的时候选用近似色analogous，在色相环位置相邻的色彩，由于这些色调相近，通常可以给观众带来一种稳重与安定的感受
使用三等分或者四等分的配色方式。由于色相差异大，所以可创造出一种缤纷与欢乐的氛围，通常以儿童作为目标客群的产品，像卡通，游戏或玩具就是用这种配色方式
次要辅助颜色用于引导观众视线的一种手段（用颜色吸引观众的注意力）
颜色之间要有足够的对比，这个对比可以来自色相，色相中互补色的配色方式也可以利用色彩的明亮度和饱和度
强调色
强调色的饱和度较高，与主题色和辅助色形成强烈的视觉对比。强调色有时会带有一些功能性：传达特定的信息、暗示观众要付诸特别的行动。所以强调色结合了心理学的理论。 绿色代表安全货成功，黄色代表要提高注意，红色代表了警示和危险
文章篇幅涉及到使用文字
文字与背景的对比一定要足够，已达到文字的可读性要高
10
常用的资料库有
picular
https://picular.co/
colorhunt官网，很好的阶梯色
https://colorhunt.co/
https://uigradients.com/#BrightVault
色环：
https://webgradients.com/
常用古老设计的，中国色
https://www.zhongguose.com/#luanshizi
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。
公安局备案号：
专属顾问
