饭世钢5分钟设计手册——App设计基本点

2016-07-09 本文已影响122人饭世钢

首先，这里有一些好消息，也有一些坏消息。当然，也可能对你来说，都是好消息——你终于拥有开发自己App所需的所有工具了！

如今，App的开发技术与工具变得越来越方便与人性化。坏消息就是——你并非唯一一个知道这件事的人。着手开发自己第一个App的人遍布世界各地。当然，还有一个好消息。你所需的一切关于App的设计基本点可能就在这里。

现在的App开发产业规模空前。每一个企业，不管是体育、连锁、五金杂货，都在寻求自己的App。谁不希望自己喜欢的球队、纷乱的购物清单就在自己的手边，就在自己的口袋里面？

1.jpg
https://dribbble.com/shots/1207907-Wireframes

在为自己设计App的过程中，你需要负责产品的外观、感受，以及App与用户之间的关系。其中的可能性是无止境的，然而，发挥空间越大也意味着出现闪失的频率也会越高。

让我们看看当设计自己的App时，需要牢记的基本点。

首先，前期调研

在打造自己的App之前，称赞一下自己吧，欢迎入坑哈哈。接下来，你就要开始有趣的旅程了，虽然会遇到不少困难，但是回报还是很丰厚的！

知之为知之，不知为不知，是知也。但不知道的可不能放在一边不管了，不知道就要学习、掌握它。如果你想打造自己的App，首先就要了解App。如何了解？使用它、勤用它。以一名用户的身份使用它，你才会明白它的闪光点与不足之处——哪种字体看起来更舒服，哪种设计更易用。

App和网站、客户端相比，有着极大的不同。但你现在已经是一个深度用户了，并且是智能手机的深度依赖患者，难道不是吗？在体验过程中，你也感受到App的独特、个性，但也有其局限和侧重点。在你设计自己的App时，请记住这些——它很强大，但并非万能。

还有一个需要牢记的是App是不断迭代更新的，它所依赖的软硬平台也是如此。如果你想走在这一行的前列，那么，时刻保持对技术革新的敏锐感知是你的基本素质，这也能使你的App保持活力、散发光彩。

记住，温故最新的官方设计文档——iOS Human Interface Guidelines 和Android User Interface Guidelines

其次，更多地调研

“你为什么要这样做？你打算怎么实现？”是你在App开发之初必须扪心自问的两个问题。虽然很艰巨，但是却很有必要。

2.jpg
https://dribbble.com/shots/992731-Wireframing-Close

你为什么要这样做？你设计这个App是为了实现什么？这是一种营销手段吗？你会因此获得额外的营收渠道吗？或者它仅仅是原本产品的移动版本？

走到这里，你有两个目标。
首先，开发出一个为你所用App。其次，利用它获益，无论是金钱上的、还是舆论上的。如果你在设计过程中对第二个目标了然于胸，你做出的产品就会更能发挥效用。

你要如何开发这个App？列出你必须完成的任务将会极大助力于你的开发。定期检查并衡量每一项任务的情况，是管控开发最有效的方法。

此外，想一想谁将会使用你的App。从设计和用户的角度综合审视自己的App，你将会打造出令双方都满意的产品。

研习你的竞品

知己知彼，这不仅是武术切磋还是厨艺比赛中所需要的战术。对于App，这也是明智的你所需要做的功课。已经有不少网站、论坛为用户提供了评论功能，深挖几个小时你就能够对目前的市场有个比较清晰的宏观了解，用户需求也就自然浮出水面。在你开发App之前了解用户的偏好能够为你节省很多宝贵的时间。

当然，“顾客永远是对的”，但不要盲目将它应用到互联网领域，用户并非总是知道他们真正想要的。细心观察，潜心学习吧。下载一些App，看看他们的可取之处，发挥你的才干去做得不同。

寻找灵感

3.jpg
https://dribbble.com/shots/1367175-Sleep-Tracker-UI-Part-2-UX-iPhone-interface-App-iOS-7

这是一个庞大的、多元的、年轻的领域。每天都会有成千上万的App诞生，总会有一些新颖的东西吸引着我们的眼球。当你遇到麻烦，好像身边总有人会告诉你，用这个App吧。App深刻地改变了我们的生活，它是如此惊人的强大，竞争也是如此惊人的激烈。如果你想脱颖而出，那就既要与众不同，又要平易近人。尽力做到独特而又可用吧。

除了功能的可用与独特，收集视觉上的灵感也是App开发的重要一环。这也是将你的印记留在这个行业的一种方式。想想目前的操作手势。技术在不断的进化、发展。想想还有什么没有实现。多问问自己，什么才是完成这件事最最自然的方式？双击，滑动，还是输入？

记住：灵感能够使你进步，能够大大改善App的体验，而照搬不能。

现在，该设计你的App了

4.jpg
https://dribbble.com/shots/934508-Secret-Project

是时候将你做的所有功课发挥作用了。回想一下你体验过的App以及用户留下的所有评价、顾虑、建议。记住这些，然后酝酿自己App的面貌、所要传达的感受以及如何被用户使用——在纸上、用任何你所熟练的软件开始你的设计吧。

万事开头难，这一步是非常耗时的。但不要忘了，在这里花费时间是值得的——后续的开发会更加流畅。

5.jpg
https://dribbble.com/shots/2644059-nili-iOS-app-bars-clubs

在对你的App有了蓝图之后（蓝图既可以是纸上原型、也可以电子文档），就该建立App的框架了。现在市面上有很多原型设计软件，选择一款你熟悉的、或者与你的设计流程较匹配的就行了。

在这一阶段，首先要确保你的App基础功能的可用性，这应该不需要多做解释了。围绕核心体验进行设计是确保App使用体验的稳妥之举。我们呈现给用户的应是愉悦的使用感受，而不是繁杂的功能堆积。积累了那么多想法，你的App原型难免会有不同的版本，不要困扰，这些对设计开发是有助益的。但还是要清楚什么才是基本的，从基本入手，无论你选择哪一个版本，即便会有不足，但能保证你的App的可用性，这是很重要的。

细节考量

细节决定成败。细微的错误能毁了整个产品，细致的设计也会成就你的App。灵动的音效、大方的字体都会有助于您的App在市场中脱颖而出。

字体

7.jpg
https://dribbble.com/shots/2652053-ToDo-App

这是你App的设计重点之一。文字难以识读、排版混乱的App是没有可用性可言的。

由于App的空间有限，行距、字间距是需要细心调整以达到最佳效果的。最大限度利用仅有的空间进行版面设计，千万不要使用缩小行距、字间距的手段来为图片挤出空间。

对于重度阅读性App，你需要为用户提供自定义字体的可能，但你并不能逃脱为每种字体设计调整最佳显示效果的责任。提供可选字体，能够加深用户对你App的好感。如果你出于某些原因没有去这样做，那一定要让你的App可读、时尚、与整体风格匹配。

配色

sportify-fitness-app-ui-kit.jpg

人生来对色彩有不可把持的欲望。为你的App选择完美的配色非常重要，而这一经历可能会很有趣，也可能极具挑战。过多的颜色会分散注意、造成混淆。尝试不同的配色以测试你的方案虽然麻烦，但可能已经算是最佳的途径了。我们的目标是配色对比舒服而不强烈，而且你的内容不会淹没在背景之中。对颜色来说，少即是多。

测试、测试、再测试

到目前为止，你的想法可靠、设计漂亮、配色协调、排版时尚。那么接下来呢。接下来就是要确保你的App能够完美运行的。在各个手机上测试你的App以保证绝大多数用户的体验——情感愉悦、功能完备。这就是我们所要追求的细节——单手操作时拇指能够触摸到所有重要的按钮吗？可以。那么双手操作时另一个拇指会挡住重要的信息吗？