颜色+列表常用常识

颜色

• 色相环

  
  image.png

• 饱和度 / 纯度

  
  image.png

• 明度

  
  image.png

• 冷暖色
  暖色：红、橙、黄等颜色使人想到了阳光、烈火等。
  冷色：蓝、青、绿等颜色使人想起海洋、黑夜、寒冷等。

image.png

• 邻近色
• 互补色

列表常见样式

• 卡片设计：让页面更加有秩序，增加空间的利用率

  
  image.png

• 过度使用卡片
  卡片也有它的弊端，如果不在合适的场合下，盲目的使用卡片设计，也会使你的设计变得低效和空间浪费。

• 分割线
  全出血分割线：全出血指的是分割线横向贯穿整个页面，一般为了区分更加独立性的内容信息。 现在很少用

  
  image.png

• 内嵌式分割线，一般会在线的前面留有一个缺口，来区分统一模块下的内容，目的是为了让用户浏览大量相关时更加高效。

image.png

• 居中式分割线：左右都会留出合理的间距，一般应用在相同的功能模块中。 是现在见到最多的一种

  
  image.png

• 无边框：是去除界面的边框，分割线，用间距来区分内容。适用于：图片为为主、内容有规律。

image.png

• 产品架构的层级区分清楚
  区分页面层级：标签栏的图标都属于一级页面，在一级页面跳转进入到新的页面属于二级页面。