一、项目背景

1. 由于APP功能不断增长，原有的页面架构不具有足够的拓展性，信息层级、功能划分不够细致，导致页面“信息过载”

   
   

2. APP太久没有迭代，交互与视觉设计细节不够完善，细节问题堆积导致整体体验大幅下降

   
   

3. 用户反馈APP学习成本过高，流程复杂，缺少引导，信息展示过于杂乱。

二、旧版界面

旧版需改版的四个一级页面存在一下问题：

• 无搜索框，旧版需要下拉页面才能调出搜索页面，与用户使用习惯不符。已经在APP内，可不需要中间LOGO

  
  

• 样式老旧，入口图标设计简陋，采用大面积纯色色块

  
  

• 纯文字展示，且排布太密集

  
  

• 页面太过简单，全是由入口图标组成，且页面样式单一

三、结构优化

根据已发现的问题，以确认对此模块进行改版，且确定了以下改版目标：

1. 四个页面采用统一的布局结构。方便后端开发，以及后续版本的运营和优化

   
   

2. 对页面内容重新筛选，将用户使用较多的功能入口单独放置一栏。次要的放在金刚区展示

   
   

3. 将每个展示模块都卡片化，方便运营对页面的管理

四、建立规范

针对本次优化建立了设计规范文档，以便后续版本维护和迭代，也为之后其他界面改版提供规范参考。这个设计文档里面包含字体规范、色彩规范、间隔、圆角、投影等设计规范。

• 字体规范：标题字体(Largetitle、Title1、Title2)、正文字体(Body)、提示字体、特殊字体等

  
  

• 色彩规范：有主题色、警示色、成功色、危险色，每个色系都有对应的梯度值变化，也有相应的token值

  
  

五、页面展示