IOS APP设计流程
网上看到这篇文章,觉得基本的flow很有帮助,转过来收藏了:作者:关于Sarah Parmenter英国艾塞克斯(英国英格兰东南部的郡)Youknowwho设计工作室的创始人,Sarah Parmenter专注于网站,iPhone和iPad应用的设计。设计工作室创立于2003年。查看更多设计案例请点这里。
1. 确定你的创意
您的创意是否有人做过,如果有类似的app,那就要多多考虑,争取超越并且有一些独特的优化设计在其中。ps: 13年IOS app store的应用数量已为435,000,应该说各个方面行业都涵盖了。大多数的创意都能在store里面找到类似的应用,能有一些独特的竞争点还是十分必须的,也是获取用户的关键。
2. 定位应用
通过苹果的人机界面指南(Human Interface Guidelines)图来定位:距离图中坐标原点位置越远的app,特点越明显,越需要精美易用的界面设计,让他们与其他竞争者明显区分开来。在这个案例中,我们把app定位在原点位置,即简单使用的辅助工具。
3. 核心功能确认
将提出的各种需求进行汇总讨论,设计ADS(Application Definition Statement)对应用定义的一段陈述,也称精简的ADS,如图
4. 产品草图
开始根据前面所整理的资料,进行基本的产品各个功能的设计,包含移动中使用场景,按钮,显示文字等。纸和笔是个不错的方式ps:这个绝对有助于考虑产品的各个功能细节和逻辑
5. Walkthrough
在IOS中,各个界面之前切换方式也是重要的地方,称为APP功能穿越(App Functionality Walkthrough),设计时需要考虑进去
6. 低保真原型
利用原型制作工具(Axure,Mockup,Visio),将草图搬上电脑,尽量使用黑白,粗糙的线条来进行设计,不要纠结于细节
7. 高保真原型
在低保真原型确认后,可以开始纠结与细节了,ios屏幕尺寸有这几种:320*480,960*480,1024*768
8. 视觉设计
在高保真原型完成后,就该给进行视觉设计,Apple提倡有质感,有仿真度的图形界面,我们让app的界面设计尽量接近用户熟悉或者喜欢的风格。在配色和图标上可以下足功夫
9. 设计理念
由于移动设备的关系,设计上尽量保持简洁,若非必要就不要放上华丽的图形或其他的信息去吸引用户,我们需要让信息一目了然,不隐晦,不误导。
10. ICON设计
ICON将决定APP在Store中的辨识度,可以先从简单的轮廓开始,先从核心创意开始。除非有必要,你的icon最好不要包含文字,尽量使用跟你的app图形界面一致的材质和渐变。你如果想给用户呈现高质量的UI设计,别忘了把icon设计成29×29,72×72,和512×512三种尺寸。
11. 设计交付物
如果你自己不开发app的功能,还需要把清晰的设计指南交付给开发人员。我会把界面和描述集中到一张大图,并尽可能的把所有可遇见的情况都给开发人员描述清楚。同时可以对PSD进行尺寸标注,说明,及存为PNG方便开发。
附原文地址:http://blog.mycolorway.com/2011/01/05/agile-design-for-ipad-app/comment-page-1/#comment-1033
建议继续学习:
- App的成本 (阅读:6588)
- 移动APP开发过程 (阅读:4428)
- Web app设计浅谈 (阅读:3168)
- 让APP简约而不简单 (阅读:2665)
- 聊聊 App Store 的产品和运营攻略 (阅读:2475)
- 设计案例探讨――iPhone计算器APP (阅读:2246)
- 手机Web app应用研究 (阅读:2221)
- 移动互联网时代谁主沉浮 (阅读:2318)
- Google App Engine的app.yaml详细说明 (阅读:2120)
- 对移动社交型app的一点思考 (阅读:2133)
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:rambowu 来源: O-Evolve
- 标签: APP
- 发布时间:2013-03-03 23:28:33
- [52] 图书馆的世界纪录
- [52] IOS安全–浅谈关于IOS加固的几种方法
- [51] 如何拿下简短的域名
- [50] android 开发入门
- [49] Oracle MTS模式下 进程地址与会话信
- [49] Go Reflect 性能
- [47] 【社会化设计】自我(self)部分――欢迎区
- [45] 读书笔记-壹百度:百度十年千倍的29条法则
- [37] 程序员技术练级攻略
- [28] 视觉调整-设计师 vs. 逻辑