移动应用app设计过程大揭秘|app设计教程第五章

如果你是一名设计师,移动应用程序空间的好消息是这样的:设计就是一切。无论你正在构建一个实用程序或游戏,同时普及和可用性,外观有很大的影响。混乱和杂

如果你是一名设计师,移动应用程序空间的好消息是这样的:设计就是一切。无论你正在构建一个实用程序或游戏,同时普及和可用性,外观有很大的影响。混乱和杂乱无章的应用程序是很难理解,很难使用。这是不是说,一个“严重刀具”应该加以点缀过头的GUI。一个伟大的应用程序设计是一个将外观与功能之间取得平衡。

移动设计
在功能方面,当然也有一些领域的应用开发,不是“设计师的工作”,但仍然有很大的影响的设计概念和应用程序的创意方向。如果您正在使用一个应用程序,而这些工作都没有被填满,谁拥有这些技能,这样做,或者给它一个尝试自己找人。跳过这些步骤可能会导致你了昂贵的修改路径,当你的用户发现,您的应用程序缺少的功能或有痛苦的设计缺陷。

taasky

应用程序的主要任务是什么?

一旦一个应用程序的想法已经普遍范围内的出,它的时间来缩小应用程序的功能的核心应用程序做什么。最流行的应用程序建立和保持专注于一个主要的任务。要做到这一点,你必须确定什么,首要任务是通过创建您的应用程序的主要目的和目标受众,也被称为一个产品定义语句的简要说明。

我知道这听起来有点怪,没用,但是这句话你应该附加在墙上的整个时间,你的设计工作。它的核心应用程序是所有关于。所以,挑几个特点,这将是大多数用户最经常使用的是最适合移动环境。一个快速的方法,要做到这一点,以填补这些空白的应用程序,你的工作:

(你的区别)(您的解决方案)(你的听众)。

iPhone的“照片”应用程序下面是一个例子:

(易于使用)(数码照片共享)(休闲iPhone用户)。

市场调查

市场研究可能听起来像另一个那些*哈欠*任务,但跳过这一步是愚蠢的。如果你不想这样做,雇用别人谁不这样的工作感到兴奋。不要落入陷阱,“没有其他人这样做”,“这种想法是完全独创的”或“我要保持我的想法纯洁,不受外界影响。”如果你购买到这些想法,你的应用将是完美的,但只为你。

步骤1:准备比较

交叉参考和记录所有你研究的最佳方式是将其粘贴到电子表格或字处理文档。您可以创建你自己的,或者我已经创建了一个谷歌文档,你可以使用:移动应用研究电子表格。我已经把相关的应用程序,我们将在这篇文章中的例子。只需更换此数据与自己!这使得好的,易于交叉引用所有的特性,优势和技术等产品提供。

第2步:查找现有解决方案

我说:“现有的解决方案”,而不是“竞争”,因为不是所有的相关产品将在你的手机市场的竞争。有些人可能是web应用程序,桌面应用程序或在同一领域的兴趣甚至离线来源。找到现有产品的最佳方式是每一个品种上的应用程序相关的关键字搜索:如谷歌、百度、雅虎等

搜索范围缩小到“博客”和“新闻”得到真正近期结果
iTunes应用程序商店
Android市场
第3步:揭开技术限制

在市场调研过程中发现技术的限制,你没想到准备。作为一名设计师,你可能会说,“谁在乎呢?这是开发商的工作!“也许是这样,但你会感到惊讶,许多技术可行性讨论如何影响设计!相信我,你想成为其中的一部分,讨论。

技术上的限制的例子可能包括:如果你想创建一个应用程序,这将允许您阻止来自某特定号码的呼叫?嗯哦,iPhone的SDK不支持该功能。另外,让说,我想创建一个应用程序,可以让你找到最近的咖啡店?仔细想想多少击中了你的应用程序可能得到的,因为谷歌和雅虎都开始收费,一旦你在你的应用程序的搜索请求超过一定的成交量!

步骤四:规划为将来的功能

这是非常重要的。当你通过学习,今天,是不可能的事情,好消息 – 在您的设计中,你仍然可以为他们计划灰心!第一代iPhone有一个视频摄像头?没有,但开发商有自己的游戏一旦开始在这一领域的机会,将不可避免地在未来开拓思维。

另一个原因是为将来的功能规划进行缩放,或者成长为应用能力。同样的网站,应用程序通常通过一种或另一种的增长苗头。有时这意味着增加功能或内容,有时它意味着剥离的东西拿走!想想看,你怎么能保持创造力和模块化之间的平衡。允许插入件进出容易从布局的角度来看,你会少了很多头疼的问题!
目标受众

了解你的目标受众是非常重要的,在确定的设计风格,排版和布局。你的应用程序是否上诉会计师或18 – 25岁的游戏玩家?有这个信息和潜水更深制定的“角色”是必不可少的了解人口希望看到的上下文中,他们会使用的应用程序。

例如,迈克·托德是一名18岁的大学生,在纽约市。这就告诉我们很多关于迈克。他是在大学期间,周围其他的学生,他的年龄,大多数类似的时间表。迈克可能想游戏与玩家互动。我们会想到2玩家互动,如果我们只知道迈克的年龄吗?根据应用程序,也许,也许不是。无论如何,绘制出的人物角色带来丰富头脑风暴,并有助于绘制出的功能,重要的是你的目标受众,以及重要的设计。

使用案例或APP设计模板

一旦定义人物角色,人物需要被放置在相关的,真实的生活,“移动”的情况。用户使用的应用程序在哪里?他们徒步,乘汽车或火车?
四十三岁的比尔推动会议在伦敦市中心,想停下来喝杯咖啡。如果应用程序要求,条例草案点选屏幕前几次找到他的咖啡店?当然,如果你的兄弟拥有一个车身车间!通过各种情况下,用户发现自己在思考,在某些功能重复的情况下,关键是你会被什么屏幕设计定义拨号。

网站地图

Sitemaps的移动设计的关键。要设计一个流程,直观,了解的内容关系到其他内容提供了一种设计简单和实用的控制。移动应用程序的Sitemaps不同网站的Sitemaps移动应用程序不应该呈现给用户以多种方式去一个地方。一个房间的门之一:就是这样。移动用户没有时间做出错误的举动,然后去“背”,并尝试找到正确的路径。

线框和纸原型

从使用情况收集的数据定义,需要出现在屏幕上的地图中定义的内容和控件。从那里,你要设计一个初步的布局将占到这些设计元素。定义一个网格,并建立使用的设计元素的颜色,形状,和大小的信息的重要性。

符合人体工程学来说,用户按住触摸屏的移动设备,通常指向屏幕中间的大拇指的位置的方式。所以,如果你要浏览各地用户的应用程序迅速,给他们,使他们能够走动,只用一只手拿着设备的控制!

另外,还要考虑各种内容可以移动和关闭屏幕的方法。例如,移动表是一个伟大的方式隐藏可操作的控制,直到用户准备使用它们。
想想你如何能最大限度地减少用户输入。谁愿意陷入了进入一堆文字?为用户提供一个选择器表,这样他们就可以从菜单中选择一个选项。

纸上原型将在手机设计,为您节省大量的时间。就像任何设计或插图绘制过程中,您的设计迭代可以让你探索程度更深更广泛的设计选项。纸上原型有“风险”,较少的附着一张废纸比抛光的Photoshop文件。例如,工作后它 注意到是有用的,能够重新排序,添加或删除屏幕,直到流是正确的。见这个QQ空间分享一个不错的移动线框收集线程。

创建最终文件

一旦你微调你的纸上原型,它的时间在Photoshop中的生活带来那些草图。如果你还没有的话,跳回到我以前的帖子,iPhone的设计模板,并抓住几个让你开始。在这篇文章中,你还会发现如何设置你的文件,在适当的尺寸和分辨率规格。如果你足够幸运,能够与开发商谁可以为您切片图像,请礼貌和使用文件夹来组织你的文件。

结论

这当然是一个缩略版在手机的设计过程中的每一步,所以请一定要留我在下面留言,让我知道哪个区域,你想对我阐述后!需要了解更多APP设计教程,关注网站模版网(www.genban.org)微信公众账号。

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

25学堂今天跟大家分享12张精美的移动模型素材分享,这12张素材你可以应用在你的移动APP项目当中或者是APP官网设计当中,顿时让你的作品高大上!下面的这12张移
如今再来看扁平化APP设计,还是那么的简洁漂亮!最重要的是扁平化的移动APPUI界面简单实用,对移动设计师来说,...最近,25学堂将会推出很多漂亮的移动APP应用模板(框
有创造性的APPUI设计往往可以大幅度提升用户体验的。那么好的移动APP设计干货和APP设计规范也是新手们的渴求的干粮。25学堂秉着分享和共同学习的原则,收集了
移动APP项目名称:易配货APP 2.0移动APP项目背景:易配货是传化物流产业集团为货主与司机打造的物流信息交易平台,基于诚信会员体系和移动互联技术,为会员
iOS切图神器,我想大家都不会很陌生啦,Cutterman也是目前移动端设计人员用的比较多的一款切图工具。还有25学堂之前推荐的在线切图工具和PS切图插件推荐等。
今天25学堂的小编跟大家分享一个国外优秀的图标字体酷站,也是一个在线编辑的SVG图标素材的酷站-SmartIcons.coSmartIcons 网站是一个提供了1500+个顶级图标和内建多种