MICU老大通过改造APP界面案例，传授APP设计秘诀

关注micu微信公众号很久了，很荣幸看到了一篇关于《你的设计真的“够好”了？实操改稿全过程！》的原创博文，而且是关于APP界面设计的。

而25学堂是一个专业的APP界面设媒体平台，不得不把这么好的app设计干货分享给大家。

米醋MICU老王通过一个个真实的app设计案例改造全过程来教大家把app界面设计的更精致，更友好。

APP界面设计改造案例：

先看看修改前后的对比照吧~

详细APP改造过程解读，并给出最优的APP界面设计修改建议

APP设计原稿：

找出7点APP设计不足之处： 

1）大面积的暖色会造成视觉疲劳，会带给用户不舒适的感受，而此时我们可以将其调整为冷暖搭配或进行添加辅助色。

2）文字搭配上，要尽可能的简洁规范；文字的大小也没有合理的进行规划，没有抓住重点内容。

3）再来说说图标的设计，我们能够发现图标有圆润也有尖锐的，这样造成了整体不够统一。

其中“超标报警”与“短传报警”图标的设计过于相似，无法给用户明显的区分。

4）“总热单耗”的圆圈使用了投影效果，整体的效果过于凸显，破坏了整体的统一性。

5）在“我的任务”列表中，左侧的时间与右侧的任务设置占据的位置是相同的，变得非常突出，那么我们就要分析哪一个内容比较重要，要有层次的进行设计。

6）在底部的标签栏中，圆形的设计会造成图标的重复性过高。

7）最后整体的效果，层次性比较弱，图标颜色的设计也过于花哨，没有统一性。

分析到这7条问题后，接着我们将依次按照这7条去修改：

1）修改后的界面我们将冷色设置为底色，但是在重点内容上搭配了暖色，而在图标的设计上也进行了相应的统一，更好让用户进行区分。

2）文字上也将大小进行了区分，加强了层次感的设计。

3）在“总热单耗”区域，去掉圆形的投影效果，使其更加简洁大方。

4）在“我的任务”列表中，将次要信息时间放在了右侧，加强了左侧任务的文字，在视觉上更加舒适。

5）底部的标签栏中，去掉了之前不好辨认的圆形外框，使用户一目了然找到相应的功能，视觉效果也更加清晰明了。

总结一下：当我们碰到首页比较复杂或任务信息比较多样的情况下，需要把控好主次的设计，以及调整颜色冷暖的区分，让界面的视觉效果更加有节奏感。