看APP设计师如何思考？（二） / 木子杰软件教程

小编：大家看过《看APP设计师如何思考？（一）》是否有收获？让我们继续来看看APP设计师如何思考下半部分吧

用各种各样的操作系统

当你设计移动应用的时候不能只参考自己的手机。如果你的目标是全球移动市场，你必须至少用包括Android, iOS 和 Windows Phone设备，并且不断的习惯于使用他们完全明白每个平台不同的使用场景。

事实上世界上的设计不从iPhone开始和结束。很多设计师把自己局限在iOS里面，当设计安卓的时候，他们只是转译——通常几乎逐字逐句转译原始的App。

一个像tab一样简单的导航资源以不同形式应用于iOS，Android 和Windows Phone

交互模式（例如设计中已经确立的解决问题的方法）在每个操作系统中是不同的。同样的，设计师必须频繁的换系统从而了解和正确的使用他们。

举几个例子，在每个操作系统中tab的位置，怎么样去展示菜单，什么时候、怎样展示首要和次要动作都是不同的。

你可以跟随这里的几个实用的小练习学习每个系统的模式：在不同的手机上下载和安装同一App，并用仔细分析他们的异同；他们的模式将是不同的。所以，如果你发现一个App在iOS和Android看起来运行起来几乎一样，可能哪个做的不太正确。

Instagram在iOS和Android上看起来极其相似。开发者看起来将没有遵循基本交互模式的app传到Android。例如，tab在安卓版本中应该在屏幕的上部。

此外，不断的看和试玩别人的应用是一个解决你自己界面问题的很好的方法。比如说很多时候当我们感到创作受阻或者不知道如何解决一个问题，我会玩我的手机看看它们如何解决我正面对的问题。

如果你身边没有手机，可以点开包含丰富案例网站像PttrnsAndroid App Patterns和Windows Phone UI Design Patterns,可能对你有帮助。

规范所有东西

敏捷开发的方法需要理解一些东西将会呈现出什么样子和功能实现之前的样子。同样的，原型帮我们评估产品的可用性（通过用户测试）。理想上，我们搭建第一个原型不需要太长时间。

原型可以是覆盖着纸的木板，像这个例子中掌上电脑原型。

可能很少有人记得掌上电脑：第一个原型之一是木板带着画着界面设计的纸。员工可以像真实设备一样把它放在行李里带着。

它的目的是测试尺寸和使用的舒适程度，这个原型已经足够了。问题在于测试你构思到什么程度才可以开始设计，然后着手工作。

如今出现了许多原型工具甚至可以在智能手机上看起来像完成的产品一样。也就是说，原型不止展示静态设计；它同样包括图片、转场效果和手势。

POP可以让你拍摄纸上的设计并且在几分钟之内建起可交互原型。

通过你的工作流程、你想实现的和你期望的结果来决定选择最合适的工具。比如说，当只有纸上的简单线框图时我常常用POP。用这个App我可以为设计拍照，添加手势和转场效果，又快又简单！

但是当一个概念更超前时我发现使用像Sketch这样的设计专用软件更加方便，用Marvel,Flinto或InVision,可以做出更优美的原型。（注意有些时候它未必比另一些好。选择哪个在一定程度上取决于你觉得哪个用起来更顺手。）

之前提到过，现在出现了大量的原型App，几个月前我决定建立一个小网站列出所有我知道的。网站提供每个工具特征的概述帮助你选择。

我的个人项目Prototyping Tools

另一方面，像安卓系统的“material design”将更多细微交互效果。设计制作细微交互效果的原型是今天很多设计师的职责。（像Keynote这样的工具可以让你轻松制作这种细节。Keynote魔法动作选项迟早派的上用场。）

不要相信你看到的

当设计web端产品的时候，可以在工作的时候看到它运作起来的样子。但是App你必须在移动设备上测试才能看到界面的样子（功能）。首先，这种测试对决定对比度和尺寸是必要的。

针对Android和iOS帮助设计师在不同分辨率的移动屏幕上看他们的作品的工具，对于iOS，最有名的是LiveView。另一个我用的最多的是带台式机版本可以在Mac上使用的Skala(Android和iOS同样适用)，如果你用Sketch你可以尝试Sketch Mirror。

不幸的是，这种工具没有适用于Windows和Windows Phone (至少我不知道)。

Pixate拥有一个app可以将电脑和手机预览你的作品。

在的工作流程中，每下一步开始前我常在手机上预览设计以确保它是我想要的样子。同样的，我通常一次以一个系统的设计作为开始，而且大部分时间将手机放在身边。这样我可以时常检查我的作品将怎样在屏幕上呈现，同时完成第一批线框图，我确定尺寸（图形、文本和控件），对比度和颜色是不是我预期的样子。如果你不这样做，可能当你后来发现问题的时候将需要更多的时间修正。

同样重要的是用与预览作品的手机同样尺寸（长和宽）设计文档开始工作。（注意：如果你为不同屏幕尺寸设计，请记住像素不再是测量尺寸的做好方式，因为不同系统他们会发生变化——例如，注意iOS上的点和安卓中的density-independent pixels。某种程度上你必须完全理解如何设计和在移动应用领域制作图片的不同。）

当你的设计已经被开发者实现，检查App在不同的手机和不同版本系统上看起来和运行起来的样子，而不是只是你手边最好的手机。