如何培养设计眼光？

原文来自公众号：希音的设计笔记

当我开始设计时，我很糟糕。

我痴迷于复制流行的 Dribbble 镜头的片段，但没有注意到所有片段是如何协同工作的。如果你能看到我为事物添加的刺眼的阴影和不必要的华丽，你会惊恐地倒吸一口凉气。

虽然我不是产品设计神童，但我想出了如何快速整合所需技能的方法。现在我想和你分享其中的一课。无论你是否是设计师，此练习都将有助于增强你的产品意识并提高你的设计眼光。

  不要只使用应用程序，研究它们  

如果你是一个产品的设计师，你就可以通过思考来发展你的设计能力。打开一个你经常使用的应用程序，抵制开始滚动浏览内容的冲动。相反，我希望你积极地专注于你面前的屏幕。以下是一些需要牢记的事项：

1.层次结构设计如何引导你的注意力？突出显示了哪些信息？颜色和文本处理如何表明某些元素的重要性？

2.内容

为这次体验选择了什么具体措辞？哪些内容是可见的和有趣的，哪些内容不是？如何使用间距来构建内容？

3.意图

为什么有人会打开这个应用程序？它解决什么问题？设计如何帮助更好地解决这个问题？

4.受众

谁是使用该产品的人？他们的用意与你的用意有何不同？设计如何服务于这些用意？

  分解应用程序  

在下面的 GIF 中，我解构了应用程序，以便更轻松地关注每个组件。当您尝试预测动画中的下一个组件时，您可能会观察到之前没有意识到的细节。当您观察每个组件构建在下一个组件上时，对您所看到的一切感到好奇，并仔细思考必须为该产品做出的选择。

Airbnb 解构

  一些可以帮助你入门的观察   

观察1：

搜索栏中的占位符文本可能只是说“在这里搜索”，但他们提到了一个特定的城市。虽然我无意去伦敦，但看到它的可能性令人兴奋。

我想知道他们尝试了多少次迭代，日期和来宾仅在流程的稍后时间点才可见。我相信许多设计都经历了探索，直到您选择一个位置才显示日期。这让我对人们如何搜索以及何时在搜索中引入过滤器感到好奇。

推特解构

观察2：

注意转发和喜欢的数量是如何加粗的。

时间戳不仅包括日期，还包括具体时间。为什么会是这样？另外，请注意应用程序中其他地方缩短了时间戳的位置（例如，Feed 视图中的“5h”或“Profile”视图中的“4/14/18”）。仔细思考这些观点的不同意图。

有一位作曲家打算添加另一条推文，而且语言是特定的。这不仅仅是“添加一条推文”，而是“添加另一条推文”。

Spotify 解构

注意 Spotify 如何让正在播放的歌曲保持在视野中。

他们选择为此“新发行”视图显示的内容包括新播放列表和新专辑/单曲。

播放列表 New Music Friday 有粉丝数，而播放列表 Release Radar 没有。让我们深入研究这个限制——因为发布雷达是特定于用户的，所以它不会有追随者。有人必须绘制出所有的内容用例，并决定合适的子标题与它们配对。

知道规则，所以你可以打破他们。

下次你坐在 starbucks 或等朋友时，打开一个应用程序，想想设计师选择这样设计的原因。 通过定期分析其他应用程序，你将发展你的产品思维并更好地自己设计应用程序。

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

作者：Kathleen Warner

译者：希音

本文翻译已获得作者的正式授权（授权截图如下）

本文由 @希音 原创发布于微信公众号：希音的设计笔记。未经许可，禁止转载。