-
2.2 layui 配色方案
-
视觉疲劳源自颜色过于丰富或过于单一形成的麻木感，而 layui 提供的色彩，清新而不乏深沉，相互柔和，不过分刺激大脑皮层的神经反应，形成经久耐看的微妙视图。合理搭配，可避免与各式各样的页面产生违和感，使你的 Web 页面看上去更为融洽。
基色调
-
#009688
主色调
-
#5FB878
次色调
-
#1E9FFF
经典蓝
-
#393D49
常用于导航
layui v2 版本主要是以象征包容的墨绿作为主色调，由于它给人以深沉感，所以通常会以浅黑色的作为其陪衬，又会以蓝色这种比较鲜艳的色调来弥补它的色觉疲劳，整体让人清新自然，愈发耐看。
辅色调
-
#FF5722
错误 - DANGER
-
#FFB800
警示 - WARNING
-
#5FB878
成功 - SUCCESS
-
#31BDEC
引导 - INFO
页面中同样也少不了辅助色彩的点缀，以对不同含义的内容加以区分。Layui 从暖色系（红/橙）和冷色系（绿/蓝）中，各自调取了我们认为最具代表性的颜色值，它们通常在不同的场景中发挥着不同的作用。
中性的颜色
-
#FAFAFA
-
#F6F6F6
-
#EEEEEE
-
#E2E2E2
-
#DDDDDD
-
#D2D2D2
-
#CCCCCC
-
#C2C2C2
一般用于背景、边框等。
七种色
- #FF5722 - 红
- #FFB800 - 橙
- #009688 - 绿
- #2F4056 - 青
- #1E9FFF - 蓝
- #393D49 - 深
- #FAFAFA - 浅
结语
不热衷于视觉设计的程序员不是一个好作家。 —— 贤心
layui - 在每一个细节中，用心与你沟通
-
- 留下你的读书笔记
- 你还没登录，点击这里
-
用户笔记留言