不久前，一名拥有数年工作经验的UI设计师打算在春季的黄金招聘季换工作，于是他向我寻求帮助，希望我能够对其简历和作品进行评估，并提供面试时的相关建议。这位设计师所使用的核心设计软件，相信大家都很熟悉。

目前，众多国内的互联网设计团队将其作为主要的设计工具。该工具拥有丰富的插件生态系统、操作简便的标注导出功能以及轻盈的设计体验，使得它成为了UI设计师不可或缺的利器。尽管存在“仅限于Mac平台使用”这一不足，但在UI设计领域，它的优势相较于来说，明显高出许多。

根据国外网站2018年的数据统计，该UI设计工具在排行榜上位居首位，领先于第二位的Figma，差距明显，这充分体现了其极高的受欢迎度。

在交流过程中，我感到十分惊讶：这位拥有数年UI设计经验的同行，在图层分类、命名规范、组件整理以及团队协作等方面表现得相当混乱，缺乏系统化的UI设计理念，这导致其设计效率大幅下降。

实际上，并不仅仅是这位设计师，在我所在的团队以及日常交往的众多UI同仁中，他们在使用过程中依旧沿用着传统的界面设计方法，并未充分利用其强大的功能，而仅仅是将其视作一款常规的视觉设计工具。

在实际操作中，我们常常遭遇样式、文字、颜色等细节的不一致，同时还有团队协作的混乱、组件共享的困扰以及分工不清晰等问题。在交流中，这位设计师也坦白，这些问题不仅是因为个人工作习惯的不规范，还因为对进阶使用方法的不熟悉。

以下是我归纳出的这位设计师在使用过程中存在的三个不足之处，相信作为设计师的你也会有所共鸣。截图已经获得相应授权。

1-图层命名及分组混乱。

在面试过程中，我向他索要了源代码文件，这是因为不少面试官都会要求查看源文件。查看的重点在于你的图层分类。作为UI设计师，不仅需要具备敏锐的像素感，更应具备对细节的严格追求，即所谓的“洁癖”。

大家都不愿看到这种状况的源文件，想必你也曾遭遇过队友的失误。事实上，我们大量的时间都耗费在看似微不足道的命名和分类等习惯上。因此，熟练掌握一种科学且高效的命名管理技巧显得尤为关键。

2-组件管理混乱

这究竟是什么？实际上，那是他项目中的组件页面。我想你肯定也见过类似的、由一串杂乱无章的组件构成的界面……这种状况极大地妨碍了我们的设计效率。当它展开时，你会看到这样的画面，其中没有任何分类。

随后，他调用了文字样式功能，不出所料，发现众多文字尚未进行归类整理，而且在设计界面时，并未对文字进行有针对性的分类并赋予名称。

实际上，众多设计师在日常工作中的大量时间被耗费在组件的搜寻上，导致任务无法按期完成，加班现象变得司空见惯。在抱怨996工作制的同时，我们还需反思，究竟是什么导致了工作效率的低下。

3-团队协作坑太多

在这位设计师的阐述下，我针对团队协作这一领域，归纳出了若干问题。

该项目由他与另一位设计师共同承担，所设计的按钮、文本、组件、色彩以及视觉风格均呈现出显著的不统一。同事完成设计后，还需将两人的设计文件合并，此过程中频繁出现样式不匹配的情况，导致反复修改，工作效率极为低下。

每次进行页面开发时，程序人员必须依照设计师各异的设计风格制作额外的样式，这导致了重复劳动。原本只需一个样式就能解决的问题，却不得不添加额外的样式，给编程工作带来了大量无谓的负担，实际上，这种做法大大降低了开发效率。

这些问题，对于各位UI设计师而言，无疑是熟悉的，或许您个人或团队正面临此类难题。

这些问题在很大程度上源于未能充分运用高级功能。其优势在于能够有效解决这些问题sketch打不开，显著提升UI设计师的工作效率，使时间得以投入到更为关键的任务之中。

其卓越性能主要体现在以下五个核心领域：包括组件、文本样式、图层样式、组件库以及智能缩放功能。

下面我们就一起简单了解下。

组件

这是最为根本，同时也是最为关键的一个特性。若缺失了它，整个事物就如同失去了生命之魂。

它的作用同样易于把握，譬如一个蓝色的按键，被多个界面频繁使用。然而，老板突然提出一个任性的要求：蓝色不够美观，我们得换成红色。若我们采纳了这一建议，操作起来将十分简便，不仅能够轻松更换按钮颜色sketch打不开，甚至只需几步操作，就能实现整个界面色调的调整。

此外，借助组件，我们能够实现众多高效能的功能；例如，通过嵌套操作，我们可以快速更换图标。

Text style文字样式

设计师们在处理界面文字时，往往缺乏全局观念，随意选用文字，忽视了字号、色彩、对齐和加粗等元素的统一规划，这使得细节显得杂乱无章。若在项目初期未能妥善管理，到了后期修改阶段，不仅会发现自己陷入了一个巨大的困境，而且还会给技术开发工作带来诸多不便。

面对混乱无序的文字内容，我们需借助Text style进行统一调控，从而构建起项目的文字标准。实际上，在开发工作开始之前，技术团队就已经对文字的样式进行了预先整理。同时，我们的UI设计师在设计界面时，也需运用技术思维。

Layer style图层样式

与Text style相仿，Layer style主要负责对UI项目中各类图层的样式进行管理。这包括但不限于边框、投影以及常用的色彩设置等。

以图标为例，若需呈现不同状态下的颜色，依照惯例，我们得分别制作图标一、图标二、图标三等，这往往导致组件的冗余，且在后续维护过程中显得尤为不便。

应用Layer style之后，颜色便转化为了一种可供整体调用的样式。这样一来，我们只需创建一个图标，所需颜色即可直接调用，这不仅显著降低了工作量，还大幅减少了样式混乱的可能性。

组件库

上述的文本样式、层级样式共同构成了组件库。实际上，我们可以将其视为一种UI规范，该规范明确了项目的色彩、字体、图标以及各类组件。在设计过程中，我们必须严格遵循并引用这些规范，以确保项目能够展现出完整且统一的视觉风格。

这同样涵盖了将设计分解为更小单元的理念，其中原子、分子、组织、模板和页面这五个要素共同构成了项目的基础结构。

此外，还可以采取若干途径与其他设计师进行信息交流。或许你所在的团队需要众多设计师协作完成一个项目，在此过程中，关于如何确保风格的一致性、如何正确使用组件、以及如何实现同步更新等问题，可以利用共享功能，构建起属于团队的资源库。

智能缩放

不同于前述针对组件样式的定位，该功能主要针对响应式设计中的若干难题进行解决。借助“固定边缘”与“固定尺寸”两大功能的协同作用，它能够实现多样化的响应式布局，从而使得界面设计更具灵活性。

在过去的PS时代，对图像进行拉伸是一种具有破坏性的处理方式。当面对样式相同但宽度不同的组件时，我们不得不重新创建一个新的组件，这种现象导致了样式的重复。然而，在当前的前端技术中，这根本不是问题。我们只需调整宽度，组件内部应用的float等属性便能发挥出响应式的功能，从而实现组件的重复利用。这实际上就是为组件赋予了响应式的能力。

不使用，拉伸后，里面的组件会被破坏。

通过功能，我们就可以实现下面这种非破坏性拉伸效果。

这五大功能均依赖于一个最根本的特性，即命名与分类，这两个方面往往是众多设计师容易忽视的。在项目设计过程中，命名与分类实际上耗费了我们大量的时间。如何通过有效的命名与分类来提升设计效率，已成为UI设计师亟待解决的问题。

福利介绍~

针对上面的这些问题，UI黑客联合共同推出一套视频课程

《加薪进阶—设计必备的组件管理与团队协作》

使设计师们深刻领会并熟练掌握关键特性，增强个人工作效率，向更高级别的UI设计师迈进，达成薪资提升和职业晋升的目标。

课程内容完全源自实际工作场景，并且汇聚了众多UI设计师在实际工作中所遭遇的问题案例，旨在有效解决设计过程中的难题，进而提升工作效率。

众多大型企业的用户体验设计团队特别强调组件的管控以及团队间的合作，而这正是众多UI设计师所欠缺的一项关键技能。

本套课程适用人群

1-刚培训毕业的设计师

由于缺乏实际操作经验，我仅将其视作一款类似于PS的绘图工具，未能深刻领悟其卓越的潜能。对于其样式、组件和命名规则不甚了解，导致工作中效率低下。为了更有效地提升个人技能，并长期在UI领域内发展。

2-有几年工作经验的设计师

日常主要聚焦于视觉设计领域，但每当面临系统UI样式的维护、组件的整理以及团队间的协作时，常常会遇到诸多挑战，缺乏一套完善的UI维护策略。工作似乎陷入了僵局，为了自我提升，追求加薪和职业晋升。

《加薪进阶—设计必备的组件管理与团队协作》课程正在促销中

限时特价 99元

课程原价 299元

长按识别二维码报名

除此之外，这套课程并非仅购买和观看便告结束，我们还设立了专门的课程交流群，不仅提供问题解答，还分享课程内容之外的其他实用技巧与资源，确保大家能真正掌握知识，有效解决工作中遇到的实际问题。

课程购买后，添加课程小助手微信 ，通过购买认证后即可入群。

课程介绍

Q&A常见问题

Q：本套课程适合0基础学习吗？对设计师有什么要求吗？

本课程定位为高级课程，因此未涉及基础操作和基本工具的使用说明。然而，它所涉及的设计软件入门相对容易，只需简单操作即可掌握基本技能。此外，课程还将介绍众多基础设计理论与方法，对初学者而言非常友好，有助于培养高效的设计习惯。

此外，对于那些渴望掌握高级应用技巧、寻求解决组件共享难题以及团队协作挑战的设计师来说，本课程正是根据您的需求精心设计的。

Q：这套课程是永久有效的吗？

购买后享有终身使用权，可不限次数地观看。在此建议各位设计师在学习过程中，将所学知识与自身工作实际相结合，实现触类旁通，深入理解并掌握高级应用技巧，从而提升设计工作效率。

Q：除了课程之外还有什么福利吗？

我们学习每一门课程的目的在于解决实际工作中所面临的挑战，然而，仅仅购买并观看这套课程是不够的，那样做将导致课程价值的丧失。

各位设计师在购买课程后，请添加课程小助手的微信，完成购买认证后，您将被邀请进入专属的交流群，以便参与互动和知识分享。我们将竭诚为您解答工作中遇到的设计难题，并定期举办直播答疑会。此外，我们还将额外提供丰富的设计资源，确保您能真正掌握所学知识。

课程咨询微信

小咖老师：

往期回顾

咨询微信 ：

官网 ：.cn

学习群：请添加小咖微信拉你入群

如有侵权请联系删除！