颜色含义
- 红色。是最引人注目的颜色，象征力量，激情和兴奋
- 橙色。相较于红色竞争性较少，象征幸福，快乐和创造力
- 黄色。意味着乐趣，明亮和智慧
- 绿色。代表和谐，自然，成长和健康
- 蓝色。代表和平，诚信和专业
- 紫色。代表财富，智慧和魔法
- 粉色。代表浪漫，关怀和亲情
- 棕色。代表自然，舒适性和耐用性
- 黑色。象征力量，有点像红色，但也象征着优雅和极简主义，还有悲伤和感伤
设计原则
- 确保主色调能够匹配网页个性，颜色会传达含义
- 选择主色调之后利用工具找出和主色调匹配的副色
- 至少有两种颜色，一种主色和一种副色（通常是灰度高的主色）
- 有更多经验后，可以添加更多的颜色，如强调色
- 为了多样化，可以创建一些衍生色，与主色，强调色，灰色的一些阴影和透明度不同
- 用主色来获取用户的注意力，因此只用在重要的位置上如按钮
- 用颜色来重点标注一些有趣的地方或者让某个部分显得突出
- 尝试在图片和插图中使用主色
工具
- Open Color 根据主色选副色
- TailWindCSS 可以调颜色
- FLAT UI COLORS 2 更现代的风格
- Tint & Shade Generator