sketch设计不得不知道的五个高级功能

Sketch 是为图标设计和界面设计而生的。它是一个有着出色 UI 的一站式应用。在 Sketch 中，画布将是无限大小的，每个图层都支持多种填充模式。Sketch为您提供了真正协作设计过程所需的所有工具。从早期创意到像素完美的艺术品、清晰原型以及与开发人员交接。

为了方便大家高效的使用sketch，下面小编将为您分享几个公认强大的sketch高级功能，能很好地帮助大家高效的使用sketch

Sketch v89 最新版下载https://www.evget.com/product/4326/download

其实很多sketch用户效率低下，很大程度是因为没有好好利用Sketch的高级功能造成的。学会高级功能才能真正提高UI设计师的设计效率，把时间花在重要的地方。

Sketch的强大功能主要集中在这5个方面：Symbol组件、Text style文字样式、 Layer style图层样式、Library组件库、Resizing智能缩放。

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

高级功能一：Symbol组件。

Symbol是Sketch最最基础，也是最最重要的一个功能。没有了Symbol的Sketch就仿佛没有了灵魂。

它的功能也很好理解，比如一个蓝色按钮，几十个界面调用，现在老板任性地要求：蓝色不好看，我们换个红色的吧。如果我们使用了Symbol就很好办了，不仅能一键换按钮，甚至能通过两三下操作更换整个界面颜色。

此外，通过Symbol组件我们还能实现很多有效率的功能，比如Symbol嵌套，通过嵌套能实现迅速更换icon。 

高级功能二：Text style文字样式

对于界面中的文字，很多设计师没有全局性思维，想到什么文字就直接使用，字号、颜色、对齐方式、加粗都没有统一的规划，导致细节混乱。如果前期不管理好，那么后期遇到修改的时候就会发现给自己挖了一个很大的坑，还会给技术开发带来困扰。

面对杂乱无章的文字，我们需要使用Text style来统一管理，建立起项目的文字规范。其实技术同学在开发之前，也会对文字提前进行样式整理，我们UI设计师也需要使用技术的思维去设计界面。

高级功能三：Layer style图层样式

同Text style类似，Layer style主要是管理我们UI项目中的各种图层样式。比如描边、阴影、常用颜色等等。

举个例子，一个图标需要不同的状态颜色，按照传统的做法，我们需要制作图标1、图标2、图标3等Symbol，这样会造成组件的重复，维护起来非常不方便。

那么使用Layer style后，颜色就变成了一个可全局调用的样式，我们只需要做一个图标Symbol，需要什么颜色直接调用即可，大大减少了工作量，以及降低了样式错乱风险。

高级功能四： Library组件库

以上的Symbol、Text style、Layer style共同组成了Library组件库。其实Library可以简单地理解为一个UI规范，这个UI规范定义了项目的颜色、文字、图标以及各种组件，我们在设计的同时需要严格遵守和调用，这样才能保证一个项目具有一个完整的、统一的视觉语言。

同时Library也包含了原子化的设计思路，原子-分子-组织-模板-页面这五个部分共同组成了一个项目的基础。

此外Library也可以通过一些方法共享给其他设计师。也许你所在的公司需要多位设计师共同设计一个项目，在如何保持风格统一、如何调用组件、如何同步更新的问题上，可以采用Library的共享功能，打造自己团队的Library库。

高级功能五： Resizing智能缩放

Resizing与上面四个定位于组件样式的功能不同，它主要解决了响应式式设计的一些问题。通过Pin to Edge 和Fix Size两功能的配合实现多种响应式布局，让界面设计更加灵活。

在以前的PS时代，拉伸是属于破坏性的一种操作，我们在遇到样式一样、宽度不一样的组件时，只能重新建立一个新组件，这就造成了样式重复。而这在前端的面前都不是事儿，只需要改变宽度，内部使用的float、position等属性就可以发挥响应式作用，实现组件的复用。Resizing其实就是赋予组件响应效果的。

不使用Resizing，拉伸后，里面的组件会被破坏。 通过Resizing功能，我们就可以实现下面这种非破坏性拉伸效果。  

 

以上五大功能还离不开一个最最基本的属性，就是命名和分组，这也是众多设计师容易忽略的两个点。在设计一个项目的时候，命名和分组其实在无形之中占用了我们相当多的时间。如何通过命名和分组提高设计效率，也成为一个UI设计师所必须解决的问题，同时也欢迎踊跃尝试，有问题可以及时提出来哟~