会员中心

增加用户粘性、变现手段

细节拆分：

导航栏

1. 背景渐变
   1. 从左往右
   2. 同色系渐变（品牌色）
2. 点缀
   1. 小图形点缀（圆形渐变填充+不透明度）

会员卡

1. 灵感来源
   1. 卡片设计能够将信息聚合，让用户阅读难度降低
   2. 根据实际需求展示卡片的正面（品牌信息）或反面（会员信息）
2. 排版
   1. 确认信息层级强弱
   2. 标签元素（突出信息）
      1. 色彩
      2. 图标
      3. 演示：
   3. 图标、文字图标元素（快速定位）
   4. 推导过程
   5. 进度条设计：

会员卡拆解：

确认版面信息
标签元素
图标、文字图标信息

设计精细度：

图标细节、图片流

页面层级分析：

1. 会员信息（会员有什么信息）
2. 当前特权（会员能干什么）
3. 会员升级任务（怎么获得更多的特权，指导用户提升会员等级）
4. 兑换礼品（礼品刺激用户提升会员等级）

图标的线面对比：

平面图标的设计要点：

1. 圆角统一（2-4 px）
2. 挖空比例统一（线宽统一，挖空面积不超过图标面积的 10%）
3. 大小视觉统一
   1. 
4. 渐变方向统一
   1. 由上往下
   2. 同色系渐变

设计方法：

1. 确定尺寸
2. 绘制形状
3. 彩色渐变

列表、图片流

图片流设计精细度：