移动设备界面UI设计注意事项

  移动设备界面UI设计注意事项全解析

  需要了解:
手机UI界面

  了解平台

  正如同web设计师需要了解HTML/CSS一样,作为移动端UI设计师的你应该了解移动端APP的架构。首先移动端开发的语言和网页设计就不太一样,各个不同平台有着各自的编程语言和接口,界面的构成也无法使用CSS和标签来实现。

  你需要深入阅读官方的开发文档,明白APP的构成,编译方式,发布方式,了解设计的规则。这些东西不仅关系到你的应用开发好坏,还会影响系统的 稳定性,电池续航长短等多种因素。作为移动端UI设计师,你单了解设计是不够的。当然,从长远来看,这对于你的职业生涯也很有好处。

  了解移动端的技术构成

  光了解平台的基本特征是不够的。接下来你需要了解它相关的技术构成:位置服务(wifi,GPS等),蓝牙(低功耗蓝牙技术),信号,前后摄像 头,麦克风,陀螺仪,位置传感器,加速度传感器,指纹扫描仪(iPhone 5s),眼动追踪技术,语音识别,人脸识别,等等等等。每一个新技术的背后以为着应用程序更多的可能性,交互设计、使用体验,甚至商业模式。

  移动端的UI设计有其独有的一套设计规则和约束。新技术的不断加入促进了移动平台的快速增长,而移动端的UI设计也和传统的平面海报/网页设计不太一样。

  设计注意事项:

  Flow大局观

  在移动设计中,我们需要完善的功能flow,对它认知的价值使得flow在整个设计开发过程中始终走在前面。完善的flow不仅令功能产品更加易用,带来良好的用户体验,与此同时,也有助于提升开发效率,不到位的flow将带来设计与开发的反复,使团队蒙受损失。

  设计原则:

  ◆布局结构清晰

  清晰的布局结构是对一个应用是否可用的基本要求,功能布局层次鲜明,使得新用户通过低成本的学习快速记忆掌握应用的功能布局,能够在短时间内完成既定的任务。

  ◆内容清晰

  保持图标的简约以及文字的可读尺寸,切忌因为过于追求特效与视觉美感,忽略基本的可读性。

  ◆适合的灰度与色彩对比度

  为不同的环境模式提供相应的对比度设计,以减少用户的阅读疲劳,其中仍需保持内容的可读性。

  移动UI设计须知

  帮助用户做出明智的选择:例如,一段描述性文字并不总是能服务于标题。标题本身就应该包含帮助用户决定应该点击什么的正确的关键字。缩略图应该在展示整幅图像的同时保持自身的可识别性。

  练习重新设定:

当你在创建或者编辑页面、帖子、图片或者别的媒体时,想想他们在不同的使用环境时会呈现出什么样子。就像在不同的浏览器中进行测试一样,同样的设计在不同的环境中会有什么反应?在手机浏览器中还能正常工作吗?在台式机浏览器中呢?在邮件中呢?能够被大声诵读吗?能够被粘贴到word文档中,被打印和传真吗?不要轻视那些看似荒谬的使用情形,他们都是出色的尝试,不久之前网页根本没办法出现在手机上。你的网站将来会出现在什么地方?

  删掉主页:

不要担心,之后还可以把主页放回来的。没什么比去掉设定的简介能够帮助你更好滴发现网站的优先级。哪个页面能够比较好地呈现网站的宗旨?如果它们之中有一个页面能够代替主页的作用,那么你可以想想这个页面到底能为网站做什么。

  在每个页面,每篇文章,内容的每个部分都重复这个实验:如果你删掉了它,什么能够替代它?如果回答是“无可取代”,那么它就是必须的。如果主页消失了,“主要业务”的页面依然能够正常工作,那么你需要对页面再设计,直到它变得至关重要,或者干脆删掉它。
12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章