IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

IOS APP设计流程

O-Evolve 2013-03-03 23:28:33 累计浏览 5,084 次
本机暂存

网上看到这篇文章,觉得基本的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. 「置顶」我做了什么 (2026-05-05 12:13:28)
  2. 万字长文推演:手机不再从 App 开始,Agent OS 如何接管任务入口 (2026-04-28 14:57:22)
  3. Android Perfetto 系列 10 - Binder 调度与锁竞争 (2025-11-16 15:33:30)

查看更多 移动开发 文章 →

建议继续学习

  1. App的成本 (累计阅读 7,583)
  2. iPhone下的libcurl with SSL for iOS (累计阅读 6,349)
  3. iOS的定位原理揭秘 (累计阅读 5,945)
  4. iOS内存暴增问题追查与使用陷阱 (累计阅读 5,835)
  5. 在Visual Studio中使用MonoTouch开发iOS应用程序(上):环境配置 (累计阅读 5,074)
  6. iOS push服务 (累计阅读 4,942)
  7. 有关思维,有关Ipad一个Bug的故事 (累计阅读 4,770)
  8. IPhone上的邮件推送 (累计阅读 4,615)
  9. 手机交互设计资料 (累计阅读 4,508)
  10. 解决IOS点击链接触发的颜色块 (累计阅读 4,363)