湖南龙网

  1. 首页 > 生活百科 > >

sketch的核心功能有哪些？分别有什么作用？

生活百科sketch

sketch中有很多自带的强大功能够有效的提高UI设计师的设计效率，把时间花在重要的地方 。下面我们一起来了解一下sketch中有哪些核心功能 。

sketch的核心功能有哪些？分别有什么作用？

文章插图
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其实就是赋予组件响应效果的 。
【sketch的核心功能有哪些？分别有什么作用？】不使用Resizing，拉伸后，里面的组件会被破坏 。

    推荐阅读


    上一篇：Sketch 55 beta版本都有什么新功能？分别有什么作用？

    下一篇：sketch中的文本检查器应用 有哪些编辑功能？