米醋MICU老王通过一个个真实的app设计案例改造全过程来教大家把app界面设计的更精致,更友好。
APP界面设计改造案例:
先看看修改前后的对比照吧~
详细APP改造过程解读,并给出最优的APP界面设计修改建议
APP设计原稿:
找出7点APP设计不足之处:
1)大面积的暖色会造成视觉疲劳,会带给用户不舒适的感受,而此时我们可以将其调整为冷暖搭配或进行添加辅助色。
2)文字搭配上,要尽可能的简洁规范;文字的大小也没有合理的进行规划,没有抓住重点内容。
3)再来说说图标的设计,我们能够发现图标有圆润也有尖锐的,这样造成了整体不够统一。
其中“超标报警”与“短传报警”图标的设计过于相似,无法给用户明显的区分。
4)“总热单耗”的圆圈使用了投影效果,整体的效果过于凸显,破坏了整体的统一性。
5)在“我的任务”列表中,左侧的时间与右侧的任务设置占据的位置是相同的,变得非常突出,那么我们就要分析哪一个内容比较重要,要有层次的进行设计。
6)在底部的标签栏中,圆形的设计会造成图标的重复性过高。
7)最后整体的效果,层次性比较弱,图标颜色的设计也过于花哨,没有统一性。
分析到这7条问题后,接着我们将依次按照这7条去修改:
1)修改后的界面我们将冷色设置为底色,但是在重点内容上搭配了暖色,而在图标的设计上也进行了相应的统一,更好让用户进行区分。
2)文字上也将大小进行了区分,加强了层次感的设计。
3)在“总热单耗”区域,去掉圆形的投影效果,使其更加简洁大方。
4)在“我的任务”列表中,将次要信息时间放在了右侧,加强了左侧任务的文字,在视觉上更加舒适。
5)底部的标签栏中,去掉了之前不好辨认的圆形外框,使用户一目了然找到相应的功能,视觉效果也更加清晰明了。
总结一下:当我们碰到首页比较复杂或任务信息比较多样的情况下,需要把控好主次的设计,以及调整颜色冷暖的区分,让界面的视觉效果更加有节奏感。