`
cppmule
  • 浏览: 447055 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

IOS APP设计流程

 
阅读更多

IOS APP设计流程

 

摘要: 移动平台是下一个战场,IOS又是其中占比非常大的平台,关于IOS的设计流程看到一篇不错的译文,根据原文整理了这11步,与大家分享一下,另有图片版可以下载保存。 1. 确定你的创意 您的创意是否有人做过,如果有类似的app,那就要多多考虑,争取超越并且有一些独特...

移动平台是下一个战场,IOS又是其中占比非常大的平台,关于IOS的设计流程看到一篇不错的译文,根据原文整理了这11步,与大家分享一下,另有图片版可以下载保存。

1. 确定你的创意

您的创意是否有人做过,如果有类似的app,那就要多多考虑,争取超越并且有一些独特的优化设计在其中

2. 定位应用

通过苹果的人机界面指南(Human Interface Guidelines)图来定位

苹果的人机界面指南

3. 核心功能确认

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

4. 产品草图

开始根据前面所整理的资料,进行基本的产品各个功能的设计,包含移动中使用场景,按钮,显示文字等。纸和笔是个不错的方式

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

icon设计

11. 设计交付物

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

交付物

————————————————————————————
图片版:点击下载

IOS APP设计流程 图片版

感谢彩程设计翻译如此好的文章 iPad应用的敏捷设计流程

分享到:
评论

相关推荐

    ios app设计参考手册

    适合所有的独立开发者参考,简明扼要,让程序也知道怎么去设计美术资源,可以方便更好的与美术沟通,或者了解更多app美术设计规范从而独立制作开发

    IOS App设计手册

    iOS应用设计手册是一份专门...总的来说,iOS应用设计手册详细解释了设计苹果应用程序时应当遵循的设计原则、工作流程和实施要点。通过对手册的学习和运用,开发者和设计师能够创建出更加优秀和符合用户期望的应用产品。

    iOS App Signer Mac

    标题“iOS App Signer Mac”指的是一个专为Mac用户设计的工具,用于签署iOS应用程序。这个工具使得开发者或者普通用户能够在非官方应用商店之外安装和运行iOS应用,这对于测试、调试或者分发自定义构建的应用至关...

    ios APP電子書

    10. **App Store提交流程**:如何准备应用发布,遵循Apple的审查指南,以及App Store Connect的使用。 通过阅读并实践这本书中的示例,开发者不仅可以提升自己的iOS开发技能,还能了解到最佳实践和技巧,从而在实际...

    ios app引导界面实现

    总之,实现iOS App的引导界面涉及到多种技术和设计决策,选择适合项目需求的方法并保持代码结构清晰,将有助于提高开发效率和用户体验。通过合理的布局设计、交互元素以及动画效果,引导界面可以成为App吸引用户的...

    IOS APP开发 微博 Xcode

    首先,Xcode是Apple官方提供的开发工具,用于创建iOS、iPadOS、macOS、watchOS和tvOS的应用程序。它包含了一整套工具链,如源代码编辑器、调试器、模拟器等,使得开发者能够高效地进行编码、测试和调试。在开发微博...

    中文版IOS APP开发教程发布.pdf

    第四个章节“框架、设计模式、用户界面设计、应用程序设计和 AppStore”则介绍了 iOS APP 开发的框架、设计模式、用户界面设计和应用程序设计等方面的知识。 第五个章节“查找信息和接下来做什么”则提供了更多的...

    APP应用设计制作公司网页模板-应用 app 安卓 ios app设计 手机 bootstrap 手机 客户端 项目展示.rar

    标题中的“APP应用设计制作公司网页模板-应用 app 安卓 ios app设计 手机 bootstrap 手机 客户端 项目展示”表明这个压缩包包含的资源是用于设计和制作移动应用程序(APP)公司网站的模板。这些模板可能包括针对...

    iosapp的测试流程和方式

    iOS App的测试流程和方式与传统的软件测试有其相似性和独特性。首先,无论是Web测试还是App测试,都需要设计测试用例,运用如边界值分析、等价类划分、错误推测和场景法等方法,同时执行黑盒测试,确保功能符合用户...

    高清彩版 Advanced iOS App Architecture Swift 5

    本书深入探讨了Swift 5环境下高级iOS应用程序架构的设计理念和技术细节,旨在帮助读者构建更加高效、可维护的iOS应用程序。 #### 关键知识点 **1. iOS App 架构基础** - **架构模式**:书中详细介绍了常见的iOS...

    iOS App Programming Guide

    掌握上述关键知识点不仅有助于开发者更好地理解 iOS 应用的开发流程,还能够帮助他们构建出高质量的应用程序。通过持续学习最新的技术和最佳实践,开发者可以不断提升自己的技能,为用户提供更加出色的应用体验。

    IOSAPP设计流程

    网上看到这篇文章,觉得基本的flow很有帮助,转过来收藏了:作者:关于SarahParmenter英国艾塞克斯(英国英格兰东南部的郡)Youknowwho设计工作室的创始人,SarahParmenter专注于网站,iPhone和iPad应用的设计。设计...

    iOS App Signer.zip Mac版ipa重签名工具,iosAPP签名工具,极大简化签名流程和操作

    iOS App Signer是一款专为Mac用户设计的ipa重签名工具,它允许开发者或普通用户对已有的ipa文件进行重新签名,以便在非越狱设备上安装和运行。这款工具极大地减少了手动配置和执行签名命令的步骤,使得签名流程变得...

    Advanced iOS App Architecture v1.0.zip

    《Advanced iOS App Architecture v1.0》是一份深入探讨iOS应用程序架构的综合资源包,包含了电子书(epub和pdf格式)以及源代码。这个资源旨在帮助开发者提升在iOS平台上的应用设计和架构能力,实现更高效、可维护和...

    Advanced iOS App Architecture (Swift 5)

    《Advanced iOS App Architecture (Swift 5)》是Raywenderlich出版的一本深入探讨iOS应用架构的高级指南,专门针对Swift 5编程语言。这本书旨在帮助开发者构建更稳定、可维护且易于扩展的iOS应用程序。它涵盖了多个...

    iOS App架构

    "iOS App架构"这一主题深入探讨了如何设计和实现强大的移动应用框架。objc.io的App架构中文完成版为开发者提供了一个全面的学习资源,帮助他们理解并掌握最佳实践。 一、MVC(Model-View-Controller) MVC是iOS开发...

    iOS App 签名工具 非常好用

    总而言之,iOS App Signer是一款强大的工具,它简化了iOS应用签名的过程,使得开发者和测试人员可以快速地在设备上部署和测试他们的应用程序,而无需通过复杂的Xcode构建流程或App Store审核。对于那些希望在非越狱...

    蓝牙通信 iOS APP源码

    【蓝牙通信 iOS APP源码】相关知识点详解 蓝牙通信在iOS应用开发中是一种常见的无线通信技术,主要用于设备间短距离的数据传输。这份源码提供了一个实际的蓝牙通信iOS应用程序示例,对于开发者来说,它是一个宝贵的...

Global site tag (gtag.js) - Google Analytics