设计一款手机应用,要注意哪些细节?

分享到:更多 ()

作为 UI 设计师,我们的工作大部分都围绕手机端和网页端展开,有时候还会涉及一些运营方面和品牌方面的设计,在设计手机应用的时候有很多细节可以注意,今天力力就和大家简单的聊一聊。

闪屏

在我还不是设计师的时候,就有一个疑惑,为什么每次打开软件时都有一张图片出现?比如每次打开微信都会出现一个地球,为什么不能像原生应用一样,直接就进入页面让我操作,比如说 iOS 原生的电话和短信应用。后来才知道,由于手机性能有限,每次进入应用都要有一个反应时间,为了不让等待显得枯燥,设计师就在进入前放一张图片,用来展示 App 的理念或者单纯的转移大家的注意力。

有意思的是,其实手机原生的软件也是有启动图的,只是把那张图片做的和应用界面一样,让人有一种直接进入应用的错觉,所以天真的我曾经就被迷惑了,而且苹果和谷歌的设计规范都鼓励大家这么做,会显得手机速度很快。

1

(iOS 原生天气应用,闪屏的样子和应用里边长得一样,让人有直接进去的感觉)

还有一种情况,如果应用的启动时间特别长怎么办呢?第一种解决办法是尽量把闪屏做的有趣,降低等待带来的乏味,一般都会有很酷的动效,但是千万别有声音,突然出现声音是一种不礼貌的设计,记得有一次公司开会,快结束了力力准备用饿了么点一份外卖,结果打开以后软件闪屏出现了代言人科比,然后科比说了句新年快乐之类的话,当时老板看我的眼神我永远不会忘记,哈哈。

0

(有趣的闪屏动画可以让等待不是那么无聊)

第二种解决办法是加一个进度条,有一句名言好像是这么说的,不确定的等待比已知的等待更长,作为经常等公交车的我,深有体会!新版的 UBER 在进入的时候有个很酷的闪屏动画,但是在网络质量差的时候会不停来回播放,看多了以后感觉很烦躁,可能就是设计的时候没有想好吧。

加载样式

在设计应用的时候,需要想到各种各样的情况,有些特殊情况可能是我们平时都没有注意到的,比如说在网速不好的情况下,应用的内容加载不出来,比较一般的办法是显示一个“转菊花”的 Loading 动画,或者显示一行小字:正在加载中。

2

(Instagram 在网络状态差的时候一直在转菊花)

在我们使用手机应用的时候,有一种状态是最爽的,就是感觉这个应用无时无刻都在我的控制之中,比如说在按下按钮的时候会有一个弹的动效,在下拉菜单的时候菜单能一直跟着我的手拉到底,我不会告诉你我在无聊的时候经常一直拉微信拉到最底下。。。反正就是让用户一直知道软件的运行状态,所以更好的处理办法是,在网络状况不好的时候可以设计一些文字或者空图片用来占位,告诉用户这个区域本来是有什么内容的,它本来不应该是一个空的区域,增加了信息量和掌控度。

3

Facebook 在没加载出内容的时候用一些设计好的模板占位,不会太空) 4

(Medium 在图片没加载出来以前显示一张模糊的图片,比起一片空白要好很多)

动效反馈

好的应用总会在不经意间给我们带来惊喜,好的动效反馈不仅能带给我们掌控的感觉,还能传达出更深层次的情感,比如说传达出对用户正确操作的鼓励,和错误操作的提醒,在这个方面有两个例子,一个是 Twitter 的点赞 icon,点赞以后会有一些彩色的元素从桃心里冒出来,给人愉悦的反馈感受,另一个是在解锁 iphone 时输错密码,那四个圆点会左右摇晃,手机也会震动一下,这就是一个负面的反馈。好的动效反馈可以给应用增色不少,也会让大家记住。

1

(Twitter 的点赞动画)

作为 UI 设计师我们需要把握好每个细节,使设计经得起推敲,让应用更好用更合理一直是我们所追求的。

 

来源微信公众号:UI每日推

最美UI|学ui设计联盟|一起努力学设计!

最美UI zuimeiui.com 学ui设计最值得关注的UI学习教程交流平台! 每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧! 给最美UI点个赞!有你的支持是我们前进的动力! 猛点这里 >>

最美ui微信公众号zuimeiui要养成关注干货好习惯哦!

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
设计师:三人行必有我师。在这里可以交到良师益友哦!还不赶紧加入? → 猛戳这里

【最美UI 原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!我们将一一答复!】

未经允许不得转载:最美ui » 设计一款手机应用,要注意哪些细节?

0
分享到:更多 ()