美文网首页UI设计
你知道Sketch软件的这几款设计插件吗?

你知道Sketch软件的这几款设计插件吗?

作者: 万一设计说 | 来源:发表于2018-08-26 18:57 被阅读66次

Sketch软件,师作为UI设计师,不可缺少的软件。它大大地提高了设计师地工作效率,无论是在动效设计还是数据可视化,亦或是其他的设计组件,都是提供了强大的助力能力。那么,作为Sketch这样的强大软件,可不缺少的就是它的强大插件,Sketch庞大的设计插件总是让你事半功倍。下面来了解下Sketch的几款强大插件。

Sketch Nearest 8

Sketch Nearest 8插件是一款快速将形状图层大小舍入至接近 8 的倍数的神器。

使用方法:

1. 选中一个形状图层

2. 执行 Plugins > Sketch Nearest 8 > Nearest Width 或使用快捷键 command⌘+8将形状图层宽度舍入至 8 的倍数

3. 执行 Plugins > Sketch Nearest 8 > Nearest Height 或使用快捷键 command⌘+ control⌃+8将形状图层高度舍入至 8 的倍数

4. 重复执行操作将以 8px 累加

Convert To Grayscale

Convert To Grayscale插件是一款一键将矢量形状转换为灰度颜色的神器。

使用方法:

1. 选中一个或多个需转为灰度颜色的图层 / 组

2. 执行 Plugins > Convert To Grayscale > Convert To Grayscale 或使用快捷键 command⌘+ option⌥+ control⌃+G完成操作

3. 适合需要去掉色彩的徽标墙、多种填充的边框和渐变

Exporter

Exporter插件是一款导出原型流为可点击的HTML文件的神器。

使用方法:

1. 打开带有原型流 Sketch-native 链接的 Sketch 文档

2. 执行 Plugins > Exporter > Export to HTML 将 Sketch 原型导出至 HTML(Sketch 文档未保存情况下导出至 Sketch Document 文件夹)

3. 选中图层,执行 Plugins > Exporter > Set External Link for layer 添加指向外部站点的链接

4. 选中一个画板,执行 Plugins > Exporter > Configure Artboard 在弹出的对话框中勾选 Enable overlay 可将选中画板设置为遮罩层,勾选 Show overlay shadow 将为遮罩层增加半透明黑背景

Auto Fix Android Text Line Height

Auto Fix Android Text Line Height插件是一款修复字体行高与安卓 TextView 显示相同的神器。

使用方法

1. 选中单个画板或多个文本层

2. 执行 Plugins > Auto Fix Android Text Line Height > FixAndroid 或使用快捷键 command⌘+ option⌥+ shift⇧+O修复文本框行高,使之与 Android 手机上 TextView 最终显示高度相同

BaseAlign

BaseAliqn插件是一款根据基线对齐文本图层的神器。

使用方法

1. 选择两个或多个文本层

2. 执行 Plugins > BaseAlign > Baseline-align Text Layers 或使用快捷键 command⌘+ shift⇧+B在弹出的对话框中选择基线对齐方式与是否对齐像素

关于Sketch软件的强大插件还有很多,今天万万就先介绍到这里,下次再介绍其他的插件给大家,希望大家的设计工作更上一层楼

相关文章

网友评论

    本文标题:你知道Sketch软件的这几款设计插件吗?

    本文链接:https://www.haomeiwen.com/subject/swooiftx.html