改版前：
    image.png

    • banner 缺乏设计感
    • 金刚区（后台配置，灵活切换）渐变跨度过大、部分图标过于复杂
    • 列表中的信息层级模糊，图片质量把控力差
    • 缺乏产品思维

    改版前后对比

    image.png

    金刚区

    联系业务属性
    根据文案要传递的感情来选取颜色

    image.png

    橙色系：主打业务与产品品牌主色相联系

    image.png

    设计精细度
    image.png
    image.png

    图标设计实操

    tips：56/90 接近黄金分割比
    image.png

    UGC 头条设计（UGC：用户产生的内容）
    image.png
    image.png
    image.png

    列表设计
    image.png

    列表项改版
    image.png
    image.png
    image.png

    瓷片区设计
    image.png
    image.png
    image.png

    首页 banner 设计
    image.png
    image.png

    image.png
    改版总结：
    image.png

    Tab 栏
    image.png

    图标预见性

    在脱离背景与文字的时候，可以让用户理解图标所传达的信息。

    image.png
    image.png
    设计细节总结：
    image.png

    banner & tab 栏 知识点总结
    image.png