Facebook 产品设计师：如何提高自己的设计审美？

我刚刚进入设计这个业时，常劲。曾经有段时，我沉迷于模仿 Dribbble 上流设计元素，却不知该如何把它们和谐地统起来。

如果你看到我的那些作——糟糕的阴影和冗杂的、全必要的，只会称个字：眼睛。

不是计才，但有一套「如何快速掌握所有计能」的方法。现在想把其中一些经验分享给你们，无论你是否是设计师，这些经验都可帮助你对产的感知和对设计的审美。

一、别单纯使用 App，要学习这些 App

如你是位产品设计师，么你需要通思考来锻炼你的设计眼光。

打开个你经常使用 App，遏制住去刷它欲望，专注于它呈现在你眼前那个页。

你需要注意这些东西：

1. 层级结构

• 个 App 是何通设计来引导你的注意力的？
• 哪些内容是突出显示？
• 那些特定元素是如何通过颜色和本样式达到恰如分的效果的？

2. 内容

• 这篇经验的关键词是什？
• 哪些内抓人眼球的或者十分趣的？哪些内好与之相反？
• 行间距、字间距、段间距等式是怎样的？

3. 图

• 们为什么会打开这个 app 呢？
• 它解决了哪些问题？
• 这个 App 是通过什方法解决了这些问题？
• 什么它解决得很巧妙？

4. 户

• 是哪人在使用个 app？
• 他们使用习惯和你可能有哪些不？
• 这个App 的设计是如何为那些同的习惯务的？

二、分解这个App

下面个 gif，是我曾经分的一个 App。

分解 App 有助于我们把注意力分放在这个 app 个版块。你可以跟随这个 gif 去预测下个版块即将出现内容，这样来，你可以观测到很多前没有察觉到细节。在观察组又组依出现组件，保持你好奇心，去观察、去思考这个品选择个元素。

△ Airbnb App 分解

针对 Airbnb 的一些观察心得：

• 搜索栏里占位符，写不是「用这里搜索」，而是写着城市名称「伦敦」。这样来，即使我并没有想去伦敦，是我看到这个城市也会感到很兴奋。
• 我知道「Date」和「Guests」这两个按钮迭代了多个版本，现在是直接放在搜索框面。我相信很多设计是这样的：「日期」这类择信息只有在你择了「目的地」后才会现。这就我非好奇了：户的搜索习惯是么样的？他们是如何评过滤后的结果的？

△ Twitter App 分

针 Twitter 些观察心：

• 注意：转（Retweets）和喜欢（Likes）的数字是加粗的。
• 时标签不止括了日期，括了确切时。为什么要这样设计呢？另，也要注意下这个 app 缩短了时标签（比如：在小写页，使用「5h」，在介绍页则使用「4/14/18」）。考虑用法不用意。
• 在添「tweet」的输入框里有一句特别好的案「填写另一条 tweet」，而是「添一条 tweet」。

△ Spotify App 分

针 Spotify App 些观察心：

• 注意观察 Spotify 是何让歌曲不停播放的。
• 新碟页展示，括新歌单和新专辑/单曲。
• 我们可看到「New Music Friday」后面有注人数，但是歌单「Release Radar」并没有。究原因，是因为「Release Radar」是户的定制歌单。

三、了解规则，你才能打破规则

坐在出租车里，或者等一个朋时，你以打开一个 app，去分版块分析个 app 的设计师为什么要样设计它，用意是什么。样细致且大量地分析其他的 app，以锻炼并提高你的产品思能力，帮你更地设计自己的产品。

原文链接：《How to develop an eye for Design》  Kathleen Warner

注译者的微信公众号：「蓝湖设计协作」

图片素材作者：Lina Leusenko