10种针对不同类型的移动APP UI设计模式
2016-03-04 本文已影响282人
286f50208306
10种针对不同类型的移动APP UI设计模式,搞自《移动应用UI设计模式》一书,在书中用户体验设计师Theresa Neil,介绍了包括反模式在内的10种不同类型的设计模式。
无论你正在设计一款简单的iPhone应用,还是开发适用于当前市场上所有流行移动操作系统的应用,这些设计模式都能助你一臂之力。
要设计出优秀的移动应用,就要先了解目前不同操作系统下优秀的设计案例。这本书的书名很明显是受“四人组”《设计模式》的影响,将改善编程质量的方法用在了UI设计上。
其中收集了大量的界面设计图片(iOS、Android、BlackBerry、WebOS、Symian和Windows等系统的应用截图),对于移动应用界面设计师来说,这无疑是笔巨大的财富,可以将它们作为创作的灵感源泉。
书中介绍的设计模式有以下10种。
导航模式:
主要导航模式和次要导航模式。
![](https://img.haomeiwen.com/i1387546/e6f1b7c34697b582.png)
![](http://upload-images.jianshu.io/upload_images/1387546-937fe9489f67ee04.png)
表单:
登陆表单、注册表单、核对表单、计算表单、搜索表单、多步骤表单、长表单。
![](http://upload-images.jianshu.io/upload_images/1387546-16b5dab0f67be321.png)
表格和列表:
只显示最重要的信息。
![](http://upload-images.jianshu.io/upload_images/1387546-14ef34bc03afe9d7.png)
搜索、分类和过滤:
让这些功能易于使用。
![](http://upload-images.jianshu.io/upload_images/1387546-5374b48db7c5fa59.png)
工具:
采用直接、轻量化的设计。
![](http://upload-images.jianshu.io/upload_images/1387546-ca32ddb85f75c25e.png)
图表:
借鉴基本图表的经典设计理念。
![](http://upload-images.jianshu.io/upload_images/1387546-114a96d95e154910.png)
视觉吸引:
吸引用户并促使其发现产品功能。
![](http://upload-images.jianshu.io/upload_images/1387546-46e478e2dcd17f8d.png)
反馈与功能可见性:
向用户提供适当、清晰且及时的反馈。
![](http://upload-images.jianshu.io/upload_images/1387546-06d0e5f430044ddc.png)
帮助:
应该易于用户学习,让用户快速掌握应用使用方法。
![](http://upload-images.jianshu.io/upload_images/1387546-0029d4aef6a067b6.png)
标新立异、隐喻错位、愚蠢的对话框、图表垃圾、按钮海。
![](http://upload-images.jianshu.io/upload_images/1387546-670fed180000f49b.png)
转自:http://www.boxui.com/ued/design-idea/2387.html 侵删!