技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 设计思想 --> IOS APP设计流程

IOS APP设计流程

浏览:3603次  出处信息

网上看到这篇文章,觉得基本的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定位在原点位置,即简单使用的辅助工具。app ui

3. 核心功能确认

将提出的各种需求进行汇总讨论,设计ADS(Application Definition Statement)对应用定义的一段陈述,也称精简的ADS,如图3c33_20100107_2

4. 产品草图

开始根据前面所整理的资料,进行基本的产品各个功能的设计,包含移动中使用场景,按钮,显示文字等。纸和笔是个不错的方式0247_20100107_3ps:这个绝对有助于考虑产品的各个功能细节和逻辑

5. Walkthrough

在IOS中,各个界面之前切换方式也是重要的地方,称为APP功能穿越(App Functionality Walkthrough),设计时需要考虑进去

6. 低保真原型

利用原型制作工具(Axure,Mockup,Visio),将草图搬上电脑,尽量使用黑白,粗糙的线条来进行设计,不要纠结于细节10bb_20100107_4

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三种尺寸。5c77_20100107_5

11. 设计交付物

如果你自己不开发app的功能,还需要把清晰的设计指南交付给开发人员。我会把界面和描述集中到一张大图,并尽可能的把所有可遇见的情况都给开发人员描述清楚。同时可以对PSD进行尺寸标注,说明,及存为PNG方便开发。a4ee_20100107_6  


附原文地址:http://blog.mycolorway.com/2011/01/05/agile-design-for-ipad-app/comment-page-1/#comment-1033

建议继续学习:

  1. App的成本    (阅读:6350)
  2. 移动APP开发过程    (阅读:4226)
  3. Web app设计浅谈    (阅读:2948)
  4. 让APP简约而不简单    (阅读:2460)
  5. 聊聊 App Store 的产品和运营攻略    (阅读:2339)
  6. 设计案例探讨――iPhone计算器APP    (阅读:2089)
  7. Google App Engine的app.yaml详细说明    (阅读:2066)
  8. 移动互联网时代谁主沉浮    (阅读:2046)
  9. 手机Web app应用研究    (阅读:2053)
  10. 对移动社交型app的一点思考    (阅读:2000)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
  • 作者:rambowu    来源: O-Evolve
  • 标签: APP
  • 发布时间:2013-03-03 23:28:33
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1