这个世界上从来没有一个针对App UI设计的通用公式（当然如果有，你也可以分享给我们），但设计过程中总会产生一些致命的错误。这些错误会发生在不同设计师身上，不过如果你犯错了，不要觉得丢人，因为一个好的UI设计是多方面的，不能以偏概全。不过，虽然许多由这些错误产生的细微影响在某些情况中也是微不足道的，但这并不能成为我们忽视它们的理由。

今天，我们的主要目的不仅要指出这些错误，更要去探讨一下如何解决这些问题。下文中，我们将通过一些具体的情形描述这五个致命错误，并将告诉你，如果以后你的团队再遇到这些问题，就知道如何处理啦~

Mistake I：字体的误用

我们先从一些字体的样式说起。

众所周知，San Francisco是IOS系统的默认字体，而Android则是使用Roboto，而这两种字体都具备简洁易辨认的特点。当然，使用系统默认字体是一个安全可靠的选择。但也有一些手机允许用户更改系统默认字体，比如三星，那你就会发现如果用户将choco cooky字体设置为默认，你精心制作的App将会变的面目全非。。。

同时，在很多情况下我们也需要使用自定义字体。这时，设计师们需要记住以下两点：

“Less is more”，这句话想必你已经听了很多遍了。没错，确实有许许多多令人眼前一亮的字体形式，但使用时依然需要考虑这种字体的合理性。在选择这些字体时，需要结合App本身，是否可以配合以独特的字体以提升用户体验，而不是一味的为了使用独特设计的字体去使用它。

版权问题。对，你没有看错，是版权。当你在用心设计产品的时候，你有没有考虑过自己选用的字体和素材是不是拥有使用许可呢？如果这些本就是开源的，那么当然会省很多时间和精力，但仍需要去了解一下，以防在后续的工作中产生更大的麻烦，甚至付出更大的代价。

Mistake II：过度密集的页面

你知道，在一些移动端上，屏幕的界面空间其实并没有你想象的那么充足，那这个时候你就需要有所取舍，而不是将自己认为重要的内容一股脑儿地添加上去。

有的时候，详细并不是一件好事。用户在遇到充满大量信息的页面时，会产生迷茫，甚至排斥的心理。所以设计师们应该将设计的重点聚焦到用户的视线，才能更有效的让用户按照App的设计思路去获得信息。

Mistake III：缺乏一致性

设计师的思路要保持一致，不能让用户产生混淆的感觉。比如说，如果你准备使用一种元素或风格去定义一个类目，那么请坚持下去。用户一向习惯在操作中进行学习，但是一旦他们遇到与预想中不同的操作，便会极大的影响他们的用户体验。

另外，布局和风格的一致性也同样重要－－嗯，在大部分的情况下。例如，可以创建一种风格的标准，防止自己在之后的设计中渐渐偏离轨迹。

延续性一直是极为重要的一点。但是，一些特殊情况下，你也可以考虑做一些不同的东西。例如尝试将登录界面或者使用时弹出的新窗口的风格进行改变，这就会产生画龙点睛的作用。但也务必记住一点：在尝试使用脱离整体风格之外的元素的时候，你仍然需要考虑到元素与整体风格的相关性，或者互补性。

Mistake IV：IOS到Android的1:1转换

如今，这种不同系统间的复制效果已经变的不是那么理想了。

很多人会问，直接进行这种1:1的复制难道不是很节省成本和时间吗？

当然，是这样的。但是我们更追求用户的体验，不是吗？用户一直在使用他们自己的手机，并且肯定已经形成与其手机系统相对应的习惯。那么，如果你创建出来的操作习惯与用户的习惯完全不一样，用户就极有可能抛弃你的产品。

举个比较典型的例子，IOS和Android都有自己系统独特的互动模式，暂且不提产品是否能够在两个系统间平滑的进行转换，但如果你让一个系统的用户从零开始学习另一个系统的互动模式，那么他们肯定会不太愉快。

但也不需要过于极端，同一个产品在不同的系统之间也不需要完完全全的不同，因为风格的一致性依然是你需要考虑到的因素，以确保考虑到更多的使用情况，也能延续自己产品的风格。拿租车App Silvercar为例，他们创造了属于自己的导航风格，在不同的系统中也坚持维持着使用相同的元素，这就让这种风格完全扎根到他们的产品中，体现了其产品的特色。

Mistake V：贫乏的信息层级

当你设计一些产品，不管是一张名片、一面网页还是一个软件，用户总是会以不同的途径去与之产生互动，那么你就需要考虑如何基于产品与用户的互动途径，来表现自己想要呈现的信息。

在开始工作前，抽一点时间，坐下来想一想什么才是这个产品你最想突出和呈现的。我相信，一旦你理清了所传达信息的层级，那么你一定会产生一个清晰的想法，如何使用不同的字体、颜色、尺寸、位置去体现这种层级。并且你也需要考虑产品针对的用户群体以及他们的使用习惯，制定出理想型和非理想型的方案，并围绕这些在后续的工作中设计和测试。

 - 实践中解决问题的途径 -

现在，我们将告诉你这些问题通常是如何在实践中表现出来的，并且应该如何去解决它们。我们在这里将使用一个订餐软件的界面修改作为例子。

假定一个开发订餐软件的客户需要增加一个餐厅评级的选项，那我们该怎么做。那我们就开始吧：

之前的界面是在iPhone 5仍占有极大市场份额的时候所设计的，所以界面上一些小的单元格、logo、文本在新设备上查看时会变的更为密集，极大地影响用户的操作。从上面对比图你应该已经能看出一些不同，而下图给你放大展现了我们做出改变的地方：

正如你所看到的，单元格之间的距离变的更远了，现在的整体更为清晰且不会被互相影响。同时通过字体、字号的改变，信息层次也得到了改善，品牌的logo得到了突出。用户现在完全可以通过logo找到自己的需求，而不是费劲地去阅读餐厅的名字和信息。

我们做的另外一个工作就是排版，我们使用了Oswald的字体去做名称和标签。最初，我们只预计有一行标签，但后来考虑到餐厅一些多样化的优惠报价，所以现在采取了适应更多标签的方式。

我们还考虑到了不同版本Android内系统字体和三星系统内choco cooky字体的可视化，在这一点上面，我们以添加Roboto作为自定义字体作为解决方法。

而对于评级的标志，我们愿意使用与酒店评分、米其林评分相同的星星标志，直观且有意义。但我们同时也发现了一个问题，我们曾经使用星星作为用户标记喜爱餐厅的标志，现在我们就无法将这两个标记同时放出，因为会引起用户的困惑。我们不想产生近似标志含义不一致，也不想更改评分星星的设计。最后，我们通过增加了一个页面，以告知用户增加了新功能的方式去解决了这个问题。

（酷九合金社）