颜色
-
色相环
image.png -
饱和度 / 纯度
image.png -
明度
image.png 冷暖色
暖色：红、橙、黄等颜色使人想到了阳光、烈火等。
冷色：蓝、青、绿等颜色使人想起海洋、黑夜、寒冷等。
image.png
- 邻近色
- 互补色
列表常见样式
-
卡片设计：让页面更加有秩序，增加空间的利用率
image.png 过度使用卡片
卡片也有它的弊端，如果不在合适的场合下，盲目的使用卡片设计，也会使你的设计变得低效和空间浪费。-
分割线
全出血分割线：全出血指的是分割线横向贯穿整个页面，一般为了区分更加独立性的内容信息。 现在很少用
image.png 内嵌式分割线，一般会在线的前面留有一个缺口，来区分统一模块下的内容，目的是为了让用户浏览大量相关时更加高效。
image.png
-
居中式分割线：左右都会留出合理的间距，一般应用在相同的功能模块中。 是现在见到最多的一种
image.png 无边框：是去除界面的边框，分割线，用间距来区分内容。适用于：图片为为主、内容有规律。
image.png
- 产品架构的层级区分清楚
区分页面层级：标签栏的图标都属于一级页面，在一级页面跳转进入到新的页面属于二级页面。
