花火译文 | 设计水平停滞不前，六种方法让你突破困境！

花火设计

北京/UX设计师/5年前/300浏览

版权

花火设计

当你的设计能力总在原地踏步，看不到进步时，该如何重新培养新的设计技能。

Fed 17 阅读时长约9分钟

作者：Richard Yang

翻译：cyruan, 罗几，周慧敏，田晓青，Dong Cong

审校：DongCong

当你的设计能力总在原地踏步，看不到进步时，该如何重新培养新的设计技能。

图片来自Oleksandr Aleksandrov的Dribbble。

四年前，我准备从医学预科跨行转职到产品设计时，我已经放弃了所有医学预科课程，每个周末去参加黑客马拉松（又称黑客松），每周工作平均80-90小时，这是我的第一份设计师的工作。

尽管成为资深设计师，我还是经常被问到这个问题。

我向自己保证一直以最初的热忱不断地提高设计水平，但不幸的是，增长不是在连续的线性规模上发生的，而是存在着停滞期。

在我的设计生涯中，我已经经历了几个停滞期和成长期，这儿有几个我想出的设计练习帮助我打破停滞状态。

“很多人停滞不前是因为他们不再驱动自己，也因为失去了提升技能的积极性。他们会觉得自己“足够优秀”，觉得努力提升的感知力没有待在舒适区强。”

就像读过《异类（不一样的成功启示录）》（作者：马尔科姆·格拉德威尔）一样，我相信10000小时设计练习会让我成为专家，我花费无数时间漫无目的地随意设计UI界面，却没有明确的目标。

最初的几个月是快速成长阶段，然而，过了差不多一年我才意识到我很久没有进步了，一开始，我获得的令人兴奋的快速增长开始放缓。

无论我做什么，都不能再现最初快速进步的激动之情。有一天，我偶然发现Anders Ericsson & Robert Pool 写的Peak（中文译：《刻意练习：如何从新手到大师》），才意识到自己是错的。

“当你首次学习新事物时，很容易快速进步——至少是稳定的进步，当这种进步停滞了，很显然你已经达到某种难以逾越的技能。因此你会停止向前，在停滞期安定下来，这是大家停进步的主要原因。”

为了打破我现在停滞的状态，我得理解单纯的练习和有目的练习间的区别，刻意练习也是存在的（行之有效的方法），但不是这篇文章的重点。

. . .

单纯的练习

单纯的练习指的是在你的舒适区范围内进行练习，在行动的背后却没有更深层次情况下进行练习。这种练习是很容易就能做到的，而且大多数人默认会这么做。

举个例子，你可以练习弹奏一首歌曲，当你弹错音符时，会继续练习弹奏，但是在达到基本熟练程度后，你便不再有更多的提升，因为你没有设定更高目标，因此就没有更多的挑战。

回想起来，这似乎是显而易见的，但在我看来，这对于设计师在工作之外的练习尤其普遍。

“人们常常有一种误解，认为持续的开车、打网球或烤馅饼是一种练习，假设他们一直这样坚持做下去，肯定会在这方面做得更出色，也许会慢一些，但还是会有进步……然而并没有。研究表明，一旦一个人达到了“可接受”的表现程度并且可以轻松呈现出来，那么额外的几年“练习”就不会带来提升。”

作为一名设计师,我第一次通过“挑战100天UI”来学习视觉设计。通过这100天的练习，我总结出了一套UI模式的心智库，一组常见的UX启发式方法，并且对iOS人机界面指南熟练掌握。

之后，我用相同的知识库创建了数百种UI效果展示。我一次又一次用相同的形式重复练习，显然我不再进步了。

练习“挑战100天UI”的进步比较分析

. . .

有目的练习

有目的练习比单纯的练习要高出一步。这种做法侧重于实现特定的目标，而不是单纯地进行练习。这些目标还必须是可测量的、可执行的和有时限的。

例如，你在单纯的练习中可能会分心，但你必须把注意力集中在有目的的练习上。有目的的练习也需要反馈和解决创造性问题的空间。

在尝试新的想法和理念时，试着忍受不适和自我怀疑的时期。当遇到障碍时，试着挑战自己，打破传统，从外界寻找灵感来源。

根据过去四年中，我在一系列项目和公司工作中所学到的经验知识，整理了一个包含六项练习和资源的列表，涵盖了广泛的设计方法，可以进行有目的的设计练习。我提供了一些练习，帮助您改进视觉设计、交互设计、产品思维、用户体验写作、信息架构等方面的内容。

练习1：UI组件和样式

为了扩展UI组件和交互方面的知识，可以从分析UI组件和模式开始。

主要包括以下几个方面…

了解每种排列的优缺点-例如，将图标添加到多选复选框界面与将纯文本相比有什么优点？
了解组件背后的用例-例如，什么时候应使用单选按钮？复选框？选择框？
了解特定模式的最佳做法-例如，你是否知道输入框的宽度与待输入的字符长度有关，而不是宽度一致？
了解特定组件在所有平台上的所有可能的交互状态（例如，对于Web组件而言，其鼠标按下，鼠标移开，悬停和选定状态（除了移动设备上不存在选定状态）对于特定组件来说是什么样子？

通过这些练习之后，我会在实际项目中将这些知识活学活用。如果您可以通过AB测试或可用性测试来验证这些方法，就更好了。

有一个名为UI配方的网站（https://uirecipes.com）会从一些热门App中分析一些用的最多的组件样式以及一些设计趋势，但它最近好像没有更新。Pttrns上也可以找到AppUI组件库。

截图源于UI Recipes.

最好日常收集一些有趣特别的UI样式设计，这样当你对特定的组件有疑惑的时候，可以有足够的素材来进行深入的研究。

练习2：为新平台重新设计产品

为了扩展设计系统和UI框架方面的知识，您首先需要熟悉核心平台的差异，然后尝试用新的设计形式来设计之前的产品。

可以从Google的《 Android 的材料设计指南》和Apple的iOS 的《人机界面指南》开始学习，Web的设计指南没有统一的规范，但是通过学习Webflow，Webflow University，阅读Smashing的文章以及从Odin Project中学习了一些前端开发方面知识，我收获了特别多。

来自 Webflow 的截图

我还在Design Systems Repo上下载了一些设计系统指南，剖析了它的构建方式，并尝试在不使用系统本身规范或源文件的情况下重新设计页面。

练习3：交互成本优化

如果要提高交互设计能力，可以先从学习使用流程图软件开始，例如Whimsical, Overflow,或可以提供流程图插件的软件（如Sketch、Fifma）。

接着在你选择的工具里做如下练习：

对应用产品的主要交互流程进行截图。网页端我使用谷歌浏览器全屏截图插件来截图（或Mac快捷键Shift+Cmd+3），手机端就用系统自带截图功能。
将截图上每个控件和跳转页面用箭头连接起来，并在连接线上标记出交互类型。

在每一条连接线上方标注出交互成本。虽然我觉得并没有标准的计算交互成本的方式，但我使用费茨定律和各种手势交互成本等级（例如：在移动设备上，垂直滑动比横向滑动交互成本更低）来综合计算物理成本。
使用“红色路线分析法”找到具有争议性的路径（有时候使用逻辑和直觉判断更好）。
为那些包含大量不合理交互成本的争议性路径重新设计用户流程以及交互方式。