UI——day10.首页（二）

首页元素的设计

1. 导航栏

   规范:导航栏88px，状态栏40px
   颜色:黑、白、主色、主色带渐变、透明、纯色、图片（简洁）

   功能权重不同，设计样式才有区分

2. 搜索栏
   规则:搜索框高58px左右
   浅色导航栏背景加略暗的搜索栏深色导航栏背景加略亮的搜索栏

   搜索样式：
   1只有搜索框;
   2只显示历史搜索记录;3只显示推荐搜索项;
   4历史搜索记录+推荐搜索项。

3. 标签栏
   规范:98px
   背景:灰白色系or灰黑色系
   图标:线-线面-面线-面线-线面

4. 标签栏-舵式标签栏

5. banner

   推荐∶状态栏+导航栏+banner 400以内、偶数

6. 选项卡

   1. 选项卡-下拉列表（列表式设计：图标+文字）
   2. 选项卡-按钮形式
   3. 选项卡-下划纯色块
   4. 选项卡-纯色背景
   5. 选项卡-三角指示
   6. 选项卡-多面板（侧边导航）

总结:

注意规范严谨做图
不能发挥的地方不要大胆发挥文字按规范
分割线统一1px纯黑10%透明度颜色不要杂乱
严谨做图
不能发挥的地方不要大胆发挥文字按规范
分割线统一1px纯黑10%透明度颜色不要杂乱
元素不要太多