如何培养“设计之眼”

作者：Kathleen Warner

翻译：Lareina

审核：Zoe. YANG

原文：

https://uxdesign.cc/how-to-develop-an-eye-for-design-c5a4c64bb26c

文章由交译所成员翻译，如需转载，请先申请授权。

译文如下：

在我刚开始涉猎设计领域时，我的设计真的糟透了。

我沉迷于借鉴Dribble上面流行的设计作品的元素，但却从未注意过所有的元素如何组成在一起的。如果你看到我的那些很重的阴影和添加的多余的华饰的设计作品，你就会吓得喘不过气。

尽管我不是产品设计专家，但我发现了如何快速掌握所需技能的方法。现在我想要和你们分享其中的一种方法。无论你是不是设计师，这个训练都会帮助你提高你的产品嗅觉和培养你的设计眼光。

不要只是使用app，去研究它们

你能通过把你自己设想为产品的设计师来思考，从而培养你的“设计之眼”。打开一个你经常使用的app，抑制住浏览内容的冲动。相反，我希望你积极有意识地专注于你面前的屏幕。这里有一些你需要记住的点：

层次结构

设计是如何引导你的关注点的？突出显示哪些信息？颜色和文字的处理是如何体现某些特定元素的重要性的?

内容

这个使用体验选择了什么样的具体措辞？哪些内容可见，同时更有趣的是，哪些内容不可见？间距是如何为框架内容服务？

目的

为什么有人会打开这个app？它能解决什么问题？这个设计如何帮助更好的解决那个问题？

受众

谁在使用这个产品？他们的用例与你的用例有何不同？设计是如何服务于这些用例的?

将app分解开来分析

在下面这个GIF动图中，我对app进行了解构，让我们更容易专注于每个组件。你可能会观察到以前没有发现的细节，因为你试着去预测这个动图里下一个会出现的组件是什么。当你看着每个组件建立在下一个组件上时，请对你看到的一切保持好奇心，同时仔细思考为这个产品做的那些设计选择。

Airbnb解构

一些让你入门的观察：

搜索栏中的占位符文本可以直接说“在这里搜索”，但是相反，他们提及了一个具体的城市。尽管我没有计划要去伦敦，看到这个可能性还是挺让人激动的。

不知道他们对尝试了多少次迭代，只有“日期”和”旅客“在信息流的后期才可见。我相信，许多设计都经历过这样的探索：直到你选择了一个地址，日期才能显示出来。这让我对人们如何搜索以及何时向其搜索添加过滤器感到好奇。

Twitter解构

观察结果：

注意转发和点赞的数量是怎么加粗的

时间戳不仅包含了日期，还包含了具体的时间点。为什么会这样呢？同时，请注意时间戳在这个app中其他地方被缩短（比如：推送视图的“5h”或者是个人资料视图的”4/14/18”）。仔细考虑那些视图的不同目的。

视图上有一个用于添加推文的组件，这个语言的使用很具体精确。它不仅仅是“添加推文”，而是“添加其他推文”。

Spotify解构

观察结果：

注意Spotify是 如何在视图中放置正在播放的歌曲的

他们选择在“新歌发行”视图中展现的内容包括了新播放列表和新专辑/单曲。

“周五新歌”播放列表有一个关注者列表，但是播放列表“发行雷达”没有。让我们深究一下这个限制——因为“发行雷达”是针对用户的，所以不会有关注者。有人详细规划出所有的内容用例，并选定和它们搭配的合适的子标题。

了解规则，从而打破它们

下次你坐在来福车里或等朋友的时候，打开一个app，仔细思考设计师选择那样设计它的原因。通过定期地分析其他app，你就会培养出你的产品思维，你自己设计app的水平也会越来越好。