• IOS APP设计流程步骤分享
    时间:2012-02-14   作者:佚名   出处:互联网

    移动平台是下一个战场,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方便开发

    交付物

    网友留言/评论

    我要留言/评论

    相关文章

    Facebook员工经验分享:重视数据但不盲从:本文作者曾在Facebook从事4年多的开发工作,这一段宝贵的工作经历汇聚成为10条人生箴言,希望每一位开发者阅读本文后,都能够从中获益。
    6 个超炫的免费 jQuery 翻页插件:模拟真实的世界一直是计算机科学在做的事情。在网页设计领域,模拟书籍翻页就是其中一项。以前我们用Flash实现。但是随着网页技术的提升,我们现在也可以用HTML、CSS和JavaScript实现。下面我将介绍几个绚丽的免费jQuery插件来实现翻页效果。
    tcpdump 的使用实例:对tcpdump了解较少,查了不少资料方弄出个大概,下面把使用方法记录一下。
    将项目迁移到 Git 的八个理由:最近谈到版本控制,所有人都在谈Git。当然随意的谈论并不能让你下定决心迁移到Git。这里列出了八条有分量的理由,让你加入Git阵营。
    送给设计师们的礼物:10个网站提高你的创意理念:无论你是不是设计师,在乏味的生活中,都渴望寻找那一丝丝的灵感,这里给大家介绍10个网站,让你第一时间可以获取最新的国外设计概念,也许可以帮你获得更多的创意理念,打开你的思想的枷锁。
    10 个不错的 HTML5 类型网站:HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同,HTML 5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。本文专题将带您体验HTML 5,深入下一代Web开发标准。下面我们看一下下面10个不错的HTML5 类型网站。
    10 个最新 UI 图资源免费下载:这些资源包括定制标签、下载、开关、滑动条、搜索、单/复选框以及更多。它也包括了Photoshop PSD源图。
    出色的用户体验的5个标志:如果你最近使用过的移动社交网络应用Path,我想你应该已经迷上了它出众的用户体验。Path的设计非常精巧,同时它也很容易使用。红色为主的配色方案以及设计平滑的导航条都充满了运动气息。这个社交应用,能够让用户非常容易地找到好友。这得益于Path的关联推荐以及与Facebook的连接。
    15个2012年网页设计的趋势分析:人们一直念叨的2012年终于来了。人们也从开始的激动到现在的平复,时间确实可以平息一切。我们看着科技的进步,看着网络在每一天的改变着生活方式,看着不断的创新科技在装点着生活,这个时候我们确实有速度感。在这崭新的2012年里,网络会发生什么样的变化谁都不能肯定。但是大家都会有一个美好的猜想。因为过去的几年网络改变太多人的命运,甚至改变很多国家的命运。这已经不仅仅是一个IT产业了!在我上高中的时候就有人在说网络的泡沫,但是即便过了这么多年,网络依然在不断的翻新着人们的思想,改变着人们的生活。之所以这样是因为大家对网络方面的创新从来就没有停过。那么今天我们就给2012年的网页设计趋势有一个分析和美好的猜想,希望能和大家一起在新的一年里有一个更清晰的思路去创意和想象,去启发更多的可能。
    IOS Web App初步使用 - 基于PhoneGap框架:iOS Web App开发,配合HTML5,是目前比较热门的话题。今天,先抛开HTML5,我们来尝试在PhoneGap框架上进行简单的开发。