如何开始设计手机应用 做好定位画草图

移动开发 移动应用
在立刻着手开始设计移动应用之前,还有一些很很总要的事情。一如往常,每个人都有自己的工作流程,有自己偏好的应用,所以,试着选择你的平台,你最喜欢的设计软件,你的模板,在移动领域发挥你的创造力,这是一个很好的平台。

市场定位

设计手机应用你需要准备和告诉自己的第一件事是拥有一个智能手机。这应该是很明显事嘛, 但这仍然是我作为已有几年大量手机使用者经验在设计手机应用时的最大优势。在成为设计者之前你要先成为用户,通过使用这些设备和应用,明白一个手机应用需 要什么样的功能和存在哪些问题就很简单啦 。你的关注点应该是iPhone或Android,因为这是两大最通用的平台和OS开发。最近,随着Windows Phone的发布,那也是一块很大的蛋糕并且也有很多人为那平台做开发,即使你意识到已有各种各样的设计好了的应用摆在那,我还是建议你把重心放在iOS和 Android上,至少在开始时是这样。

开发一个手机应用和一个桌面应用甚至一个网站的最大区别在于其使用环境,这也是让手机应用如此强大和有趣的原因。每个应用的使用都是出于个人目的, 在特定的时间和特定的地点里。如果你开发了一个餐馆导航应用,你会想着去创建一些可以在最短的时间里向用户展示其想要的相关结果的功能,因为用户可能在街 头上或者在移动着寻找一个最快的推荐结果。这在手机开发中开放了大量可能的创新方法,作为一个设计者你应该时刻熟知并且考察最新的应用以跟上时代清楚什么 正在被创建。

所以,如果你还不是智能手机用户,那就要去得到一个来下载和测试这些应用,因为用户的体验,对你设计一个丰富、强大的手机应用来说,是最重要的东 西。还有不要仅局限在你拥有的设备里,试着了解其他的设备也同样重要。你可以看看来自各个商店的应用截图,IOS的App Store, Android的Google Play, 和Windows Phone的App+Games。我建议你检查一个服务并且看看这个服务是怎么跨越手机平台的,这样你就能明白平台之间的风格和不同。例如,在下面你可以 看到Facebook在IOS,Android和Windows Phone

1.jpg

你也应该查阅各个平台的官方设计指南文档,因为各个平台都有各自的风格和指南是你要遵循的。你可以查看iOS 人性化界面指南Android 用户界面指南, 和 Windows Phone用户体验设计指南

视觉灵感

移动生态系统在实验和创新的基础上日新月异,每天都有很多设计方法出炉。从阅读应用,到图片分享,生产工具和todo记事,有各种各样的应用人们可以使用。每一个应用都有自己特殊的视觉效果和感觉。这依赖于应用的使用目的和内容。

视觉知识在任何领域都有,所有设计者都需要好好提高。在移动设计方面,我相信视觉更佳重要,因为每天都有新界面,新设计模式和新的移动风格。每当你为自己的项目工作时,通过观察和分析别的设计,它会告诉你一些更好的知识,更丰富的视觉设计信息。

2.jpg

你应该鼓励自己,好的应用创造出来就像说话一样简单。一些网站比如mobile-patterns.compttrns.com有很多高质量的移动应用设计图。如果你需要一些iOS图标的灵感,其实就是以应用的品牌图标,可以去iicns.com找找。

视觉灵感不仅因为它是应用程序的样子而重要,还因为在用户与它交互操作。努力学习所有可能的手势,了解用户想要与这个应用程序操作,问自己什么是最简单、最自然的方式来完成一个动作,你怎么能真正创造出来?

手机应用设计模式

在开始设计之前,你应该学习一下现有的手机应用设计模式,并且还要考虑用户的需求期望。接下来我会做一个简单的介绍。

设计模式被定义为为解决常见问题而提出的可被重复利用的方案。特里萨尼尔(Theresa Neil)写过一本非常好的关于手机设计模式的书,你可以在 mobiledesignpatterngallery.com上得到这本书还有手机设计模式的很多内容。

3.jpg

在这些设计模式中,你可以学习和分析各种各样的接口,菜单和导航条;根据手机应用的内容和目标不同,你可以使用它们作为你的手机应用程序设计的基础。

在手机上,有几种方法可以完成相同的操作,至于取舍取决于你,设计师要设计并选择最有效的方式。设计模式真的很有用,因为你可以找到解决已有问题的 简单解决方案,并且你能够知道它会如何作用于你的应用程序界面。你要这样开始你的手机设计:在大脑中认真思考测试应用布局,考虑哪样做更适合你的应用程 序。

问你自己这些问题:“我的应用程序的主要目标是什么?”“在我的应用程序中,有多少、有哪些最重要的部分?”“让用户都会使用我的应用程序,需要设计哪些种类的操作?”,这些问题会帮助你选择设计模式以及祝您定义应用程序的基础布局。

开始设计

有了一些信息后,测试,观察,激励并比较你能做什么和你要做什么后,就要开始准备些设计工具了。但无论如何你不应该立刻打开Photoshop就开始画了。要先思考,再画草图,再做原型,然后重复这些步骤。
对于草图,你可以找本iPhone草图书, 或者只下载些模板。这能帮你按照iPhone的布局,把你的设想画成草图。

有一些草图以后,你就大概就像做一个应用的基础版本,一个原型。 这里有很多原型你可以参考,找一个包含iOS模板的,这样你简单的修修改改就能有一个大致的样子。

4.jpg

一旦你的主屏和布局选好, 你就可以开始在Photoshop中创建最终漂亮的图片。我推荐你找一套像teehan+lax iOS templates这样的PSD来做。这样你就不需要设计那些基本的元素了,像按钮、菜单和通知栏等等。如果你在设计安卓的应用, 可以去这里

已经有很多的设计资料来帮你设计应用。Pandora UI from Designmodo是一个完整的用户界面包,风格各异,你可以简单的选你喜欢的用在你的应用上。

6.jpg

移动应用设计示例

11.jpg
22.jpg
44.jpg

结语

在立刻着手开始设计移动应用之前,还有一些很很总要的事情。一如往常,每个人都有自己的工作流程,有自己偏好的应用,所以,试着选择你的平台,你最喜欢的设计软件,你的模板,在移动领域发挥你的创造力,这是一个很好的平台。

当你设计完成后,尽可能同开发者更紧密的合作,以保证你的视角和设计在开发后同你想象的一样,这样你就能对开发者帮助指导,给予他们需要的资源。同网页开发一样,这是一个无聊且棘手的工作,但它确实必须的,这样你的产品才能达到你所预期的效果。

责任编辑:闫佳明 来源: my.eoe.cn
相关推荐

2009-04-17 15:57:33

技术人才定位职场

2013-11-13 10:21:42

混合云服务私有数据中心公共云

2023-03-21 08:41:09

结构设计数据库高性能

2022-02-21 09:00:00

云原生应用开发

2013-07-11 17:13:04

Google Vent创业公司设计

2022-04-11 09:15:00

前端开发技术

2017-05-10 09:13:24

DevOpsDevOps转型

2024-02-05 08:11:30

架构模式单体

2021-12-24 07:10:36

架构分层模块化

2021-06-02 06:06:58

设计架构开发

2020-12-22 06:53:46

微软Windows 10Windows

2018-08-20 13:46:59

Android逆向分析终端安全

2013-03-08 10:23:00

网页设计CSS

2023-08-20 12:21:18

软件开发架构设计

2014-07-22 09:39:26

Android L

2014-01-22 10:35:58

应用宝开放平台

2014-07-29 09:49:01

FitbitWindows pho

2011-04-18 14:43:55

2013-11-29 14:39:05

点赞
收藏

51CTO技术栈公众号