本la才入行，所以也是边做边学。。。。等本la做完公司一整个APP，回头发现自己有很多不规范的地方，所以主动进行了优化，今天，本la拿出三张页面出来与大家分享下优化心得。

个人中心页

优化页面，本la先从个人中心页下手。因为太仓促，第一版版面样式太老，大概是三年前的样式吧……许多地方做得实在不规范。

当然，整体优化之前，还是需要做好统一的页面规范的，如页面网格规范法先做好标准，接着指定icon、字号、样式等标准，最后确定主色调。

因为APP是一款偏商务、科技感较强的应用，所以采用蓝色为主色调。排版上，引诱用户点击查看的板块采用卡片的形式，配合不同的阴影，让其凸显出来；在优化后的页面中，其他板块icon配合文字，也让APP清爽不少。不同位置的icon，风格也不同，但大部分用了线面结合的形式。标签栏所在页面和其他页面的形式也做了区分（详见首页）。

商城

商城页也从icon上做了改版，但是最主要的，是金刚区和“千人千面”的变化。

因为公司没有产品经理、没有交互、没有完善的需求，运营给的示例图中，就如第一页，没有分类和推荐，这就直接导致了本页没有金刚区，banner下面直接是商品。这就造成了用户操作上的不便。改版后的页面，金刚区加入了主要的产品分类，下面是上新推荐和好物推荐，根据不同用户推荐相应感兴趣的产品，增加用户的消费率。

以上是本la对UI设计的一点小小的理解，希望大家多提意见，帮助本la进步。