别着急学软件！先掌握科学有效的UI设计自学姿势

Date 2025-04-06 14:37:45

编者按：这可能是历史上最值得阅读和转发的UI设计自学指南。作者是一名全栈设计师，复制了大量教程，掌握了PS、人工智能和其他软件发现他们对真正的设计一无所知，所以他们写了这篇文章，希望帮助你以正确的方式学习UI设计，不要本末倒置，在错误的道路上浪费时间。

为UI设计初学者写信

几乎每隔几天，我就可以在简单的书籍或其他设计网站上看到关于自学用户界面设计的共享文章。这些文章的一个共同特点是描述作者如何从零基础设计小白人成长为一个熟练掌握PS或人工智能的设计专家，或者分享一堆有参考价值的设计网站或工具。这些文章的点击率很高，因为通过这些初学者眼中的“干货”，它们可以很容易地模仿，并迅速提高技能。

但我想问的是，这真的是学习UI设计的正确方法吗？如果没有，有没有一篇文章能正确引导大家学习UI设计？不幸的是，我在网上搜索了很长时间，但我没有找到我认为正确的文章。

我认为这个问题可能有以下两个原因：

这类文章的内容往往“湿”，理论性强，需要时间慢慢体验，不能用。因此，文章的点击率往往很低。随着时间的推移，它很快就淹没在新鲜出炉的设计干货中，无法搜索。

那些真正优秀的设计师往往已经过了初学者的阶段，他们更愿意分享自己的设计观点或杰出的作品，但很难从初学者的角度写如何学习设计的文章。

和许多设计初学者一样，我在自学过程中感到困惑和绕道而行。今天，我仍在努力学习，试图理解设计的真正含义。我也希望通过这篇文章，我能给那些仍然在设计之外的学习者一些不同的灵感。

为什么我自学UI设计

我自学UI设计的原因实际上来自于一个失败的创业实验。它被称为实验，因为它不是一个真正的创业，我和我的合作伙伴没有放弃他们的工作，而是利用一些业余时间做一个以实习生为主题的社区（当时仍然“快乐”、“人人” 这样一个流行的SNS社交平台时代)。当时我是一家500强金融集团的应用架构师。因此，我在我们的团队中扮演着程序员的角色，负责整个平台的架构和开发。但一直困扰我们的是，找不到一个优秀的UI设计师，可以把这个平台推到产品的高度。我们也通过朋友的介绍或在淘宝上寻找，与几位设计师合作，但由于各种原因（技能问题、概念问题、投资问题等等)不能满足我们的要求，最后也不欢而散。当然，我们的创业精神最终以失败告终。现在回想起来，失败的原因有很多，但缺乏可靠的用户界面设计师，导致我们的产品无法推向市场，这是失败的一个非常重要的原因。

5mxtt20160407

我一直认为我仍然是一个有产品梦想的人（鼓励自己^-^）。因此，为了在下次重新启动航行时不重复同样的错误，我决定开始自学UI设计。

自学路上的烦恼

在自学UI设计的道路上，我走得并不平坦，遇到了很多麻烦和挫折。事实上，今天最大的障碍是由于对UI设计本身缺乏全面和深刻的理解造成的。

综上所述，主要有以下发面：

学习用户界面设计的困难准备不足：由于在此之前一直从事企业应用的研发，设计师（我们更称为“艺术家”）在我们的圈子里属于一个非常边缘的辅助角色。我也认为学习这些技能对我来说是理所当然的，可以在几周内完成。但实践证明，我错了，真正的用户界面设计远不像预期的那么容易掌握，直到今天，我不敢说我已经掌握了用户界面设计，可以被称为用户界面设计师。随着我对设计本身理解的加深，我对设计师的看法已经完全改变了。他们不再是我所说的艺术家，而是影响产品质量和驱动产品研发的关键角色。

认为学习UI设计 = 学习 PS、人工智能和其他工具：当我决定学习UI设计时，我开始在网上搜索如何学习UI设计，“杜娘”给了我很多PS、人工智能和其他设计教程。我也一路努力下载，然后日夜学习。不久之后，我真的可以根据这些学习指南P一些图片，或者做一些图标，但当我试图独立做一个完整的UI设计，我突然发现我做的东西和我看到的优秀设计仍然很不同，即使我完全模仿那些优秀的设计，仍然感觉奇怪，好像有问题，他们不清楚。在这个时候，我意识到我的学习方法可能是错误的，简单地说，捡芝麻丢西瓜，虽然掌握了一些设计工具技能，但对真正的设计一无所知。

缺乏审美能力：我遇到的另一个困难是缺乏我自己的审美能力。事实上，我想说的是，这不仅是我自己的问题，也是我们这一代甚至几代人的共同问题。由于整个教育体系对学生的审美教育重视不够，我们从小就缺乏艺术和美的影响。艺术课程往往被语言数量以外的主要课程所占据，从成为装饰品。由于缺乏对美的感知和判断，我们很难准确判断作品的优缺点，更不用说如何改进了。从更大的角度来看，我们很难像苹果一样设计出伟大的产品。

重新理解UI设计

在意识到学习方法的错误后，我再次寻求“杜娘”的帮助，但这次我想找到的是优秀设计师自己的设计感知、设计经验和推荐阅读的设计书籍等等。我也放下了手中的PS、AI，冷静下来大量阅读。通过这些阅读，我逐渐理解并重新理解UI设计。

经过对设计知识的重新梳理，我将需要掌握的基本设计技能总结为以下10点（我将在未来的设计谈话系列文章中展开以下每一点，并分享我的设计经验）

颜色：需要了解颜色的基本原理和颜色匹配方法。颜色很难控制，因为它很容易被过度使用。如果你还是一个初学者，尽量使用柔和的颜色，只在需要强调的地方使用更引人注目的颜色。

字体和排版：文本通常占整个设计内容的80%以上，因此理解如何使用正确的字体和排版是非常重要的。请将清晰易读的内容作为您定义字体和排版的主要目标。

动态效果：动态效果可以显著增强应用程序的用户体验。如果你设计的动态效果快速、流畅，并且符合用户的预期，它们可以使你的应用程序更加愤怒和迷人。

图标:优秀的图标往往与我们每天看到的事物密切相关，比如相机、垃圾桶、云等，一眼就能识别出它所代表的功能。因此，使用具有良好识别能力的图标，以避免混淆用户。

声音效果：声音效果在设计中很少使用，但适当的声音效果可以改善用户体验。用户不需要看到你的应用程序，只要听到一个熟悉的声音就可以识别你的产品。

获得设计灵感：设计灵感不是天生的，你需要不断地寻找它。获得设计灵感的方法有很多，下面我将分享我的一些经验。

设计原则：流行是转瞬即逝的，但设计中最基本的东西可以是永恒的。设计大师们很早就意识到了这一点，并将它们提炼为设计原则。你所要做的就是理解这些设计原则，并将它们应用到你的设计中。

用户体验设计：您需要了解您的用户，以便设计满足用户需求的产品。学习设计心理学将有助于您设计更人性化的产品。

基于不同平台的设计：产品在不同平台上的设计差异很大。您需要了解产品所在的平台（如 IOS，Android），并符合各自的设计规范。

设计工具：有许多设计工具。对于UI设计，我建议使用Sketch3，因为它是专门为UI设计的，可以给您带来更高的设计效率。

改变设计工具

自从我改变了学习UI的方法，直到今天，我坚持每天阅读Designer News上的日常推荐文章可以让我知道优秀的外国设计师在想什么或做什么。其中，给我带来最大的变化是我放弃了我最初使用的 PhotoShop，并开始使用Sketch进行UI设计。因为我惊讶地发现越来越多的外国设计师，尤其是初创公司的设计师，开始使用Sketch作为他们的设计工具。

（下图为2015年Substraction.对来自不同领域的4000名UI设计师进行问卷调查后，com获得了UI设计工具的使用情况，Sketch已经大大超越了PhotoShop，成为设计师首选的UI设计工具)

4mxtt20160407 2015 Subtraction.com Design Tools Survey – Interface Design

实践证明，Sketch的使用确实给我带来了很大的惊喜。

小巧快捷:Sketch只有41M，与1.6GB的Photoshop相比非常小。因此，Sketch在安装、启动和运行方面都非常快。

Photoshop是一种图像处理工具，它包含了大量的图像处理功能，这对UI设计师来说是多余的，并将成为UI设计师工作时的噪音，从而降低其设计效率。Sketch专注于UI设计，其所有功能仅服务于UI设计，如使用统一的测量单元 Pixel 你不必关注其他计量单位（cm，ml，picas），支持HSB、RGB颜色模型和色板功能，使用Symbol可以方便地重用您的设计元素，为任何设计元素或元素组导出不同分辨率的图片等等。此外，你不必面对一个半功能无法触摸的工具栏，也不必关心与UI设计无关的事情，这使你更容易学习和掌握这个设计工具。

强大的插件功能：虽然Sketch的核心很小，但它提供了非常强大的插件功能。不同的插件可以用于不同的设计场景。例如，您可以使用Sketch Palettes保存您的常用色板，并方便与朋友分享。使用 Magic Mirror 您可以轻松地将您的设计展示到不同的实体模型（例如： iPhone，iPad，书的封面等等)。也可以使用 Sketch Content Generator 批量生成内容可以为设计师节省大量时间。还有Measure等、Dynamic Button、Sketch Constraints 很多优秀的插件可以帮助你大大提高工作效率，让你更专注于设计本身。

以上只是Sketch带来的许多优秀特征的一小部分。网上有很多关于Sketch的设计教程和指南。你可以通过这些材料快速学习和掌握Sketch。我正在看到越来越多的Sketch，Affinity Designer, Affinity Photo 他们不再追求创新工具在设计工具领域带来的变化，而是更注重以最简单、最高效的方式为不同的设计目的服务。这也是互联网思维在设计工具领域的体现。因此，如果你是UI设计的初学者，或者你已经是UI设计师，并且正在使用PS、我建议你尝试使用Sketch等人工智能工具，因为它是一个优秀的设计工具，可以给你带来巨大的变化，代表未来。