UI设计课EDC研究所1期 Part 7-掌握细节拆分的设计思维

1. z轴拆分

目的：提升设计的精度
（1）banner的拆分

• 其思考顺序是：背景 - 文案 - 模特 - 点缀
• 在此基础上具化，以文案为例，其考虑顺序是： 字体 - 调整 - 颜色 - 位置
  

（2）导航栏的拆分：

• 背景- 文案 - 两边的按钮
• 在此基础上细化：
• 文字大小：34 - 40px
• 图标样式：使用线性图标、2px描边、44*44px以内（2倍图）

（3）金刚区图标的拆分

（4）小结
细节拆分可以从这些角度入手：设计样式、尺寸参数、细节处理、设计手法

2. 界面内容有哪些

• 导航栏
• banner
• 金刚区
• UGC版块
• 瓷片区
• 列表流
• Tab栏
  把UI的资源按照内容来分类