导航栏：设计样式详解 （图标+文字）
    1、导航栏的作用是什么？
    生活中/界面中：告诉你目前所在的位置或者你要去哪里
    2、导航栏有几种类型？
    通栏和非通栏
    image.png
    通栏：更好的融合在界面之中，呼吸感更强。 可承载更多内容，屏幕利用率高。

    image.png
    非通栏：更好的突显品牌色。板块区分明显，可突显导航栏功能，传递给用户。

    3、设计经验参数与搜索框分析
    image.pngimage.png
    设计经验参数：文字层级 字号对比大于4px、6px

    image.png
    图标：内部设计尺寸、外部导出尺寸（热区更大，更容易点击）、图标粗细3px
    总结：充实UI领域的经验型数值，加快基础执行力。基本模块无法视觉加分，时间要花在合理版块。

    搜索框分析：
    搜索框有多少种样式呢？
    image.png
    1、白色透明：旁边有图标，结合产品来突显主次强弱。一个版块有轻有重。（透明度10%，大概参数。文字纯白色）
    2、纯白色底：旁边没要图标，没有主次之分。
    搜索框建议尺寸：550*60px

    搜索框内部分析
    大小：文字+图标。文字建议跟正文字号一样，28px。图标在高度上与文字保持一致。这样可以保持视觉平衡，重心稳定。
    留白：等分原则、五分原则、黄金分割比。
    image.png

    从产品层面考虑搜索框，文字如何出彩
    image.png
    提示文案减少用户思考，关键词提示，减少搜索错误。
    促销导购，产品赢利点、广告位。

    课后巩固：
    1、分析下：公司的产品导航栏
    2、是希望突显：品牌色、还是功能？
    3、重点优化导航栏+搜索栏，并简要阐述