当前位置: 首页 >> APP界面设计_APPUI设计_APP设计素材 >> 阅读正文

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

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

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

 

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

 

APP界面设计改造案例:

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

app改造设计

 

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

APP设计原稿:

 

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

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

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

 

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

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

 

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

 

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

 

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

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

 

 

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

 

 

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

 

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

 

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

 

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

 

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

 

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

 

分享一下,与TA一见钟情~~

本文标题:MICU老大通过改造APP界面案例,传授APP设计秘诀

本文地址:http://www.25xt.com/appdesign/17199.html

本文关键词: , , ,

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。