网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索
uegood吧 关注：205贴子：2,001
  • 14回复贴，共1页

Sketch的10个经典高效插件功能

UEgood的Sketch的10个经典高效插件应用教程
学习过UI的同学大多都知道Sketch是一款效率非常高、上手非常简单的清亮、易用的矢量设计软件。今天我们为大家带来的是Sketch的一款小插件，SketchMaterial，可以更加快捷地生成复杂的MaterialDesign风格交互插件，使得我们的设计工作效率再蹭蹭蹭的上一个台阶。
----------------------需要插件的同学请加QQ：1106669996--------------------------------------
首先我们打开Sketch，找到Sketch Material,我们可以看到里面有10个功能，分别为
1 按钮生成 | Button
2 标签生成 |Chips
3 弹窗生成 |Dialogs
4 表单生成 | Forms
5 图标库 |Icons | shift+command+i
6 吐司生成 | Snackbar
7 表格生成 | Table
8 提示生成 | Tooltip
9 文字样式选择 | Typography
10 浮高调整 | Elevations


1 、按钮生成 | Button
使用文字工具输入文字，选中后选择Plugins— Sketch Material— Buttons ，选择所需要的Buttons样式，即可直接生成。在右侧边栏中使用No Share Styles可以选择按钮的具体样式。


2 、标签生成 |Chips
选择Plugins— Sketch Material—Chips，然后弹窗中输入所需生成标签内部的具体内容，回车后确认生成一个标签，在左侧可以选择生成标签的具体的风格样式，点击Generate即可直接生成一行标签。


3、弹窗生成 |Dialogs
选择Plugins— Sketch Material—Dialogs，在弹窗中可以直接对弹窗内容进行编辑，左侧可以选择Mobile（移动端）或者Desktop（桌面端），勾选Hide title可以隐藏标题。确定内容后选择Generate即可生成。


4 表单生成 | Forms
选择Plugins— Sketch Material—Forms
在右侧的type中可以选择所需要生成的表单类型，包括了text文字，text area区域文字，Dropdown下拉列表，Radio Button 单选选项，CheckBox 多选选项
在左侧编辑区域，添加栏的数量可单击ADD，如需在横向栏中进行添加可以直接在对应的行中按+


5、 图标库 |Icons | shift+command+i
图标库应该是这个插件中比较好用的部分，即使不是Material Design风格，也可以使用这里面的Icons，即使不用，也可以在设计初稿时起到非常好的占位作用。快捷键Shift +Command+i即可调出。该插件提供了四种颜色可以供选择，选中的图标可以直接拖入画板中。


6、吐司生成 | Snackbar
选择Plugins— Sketch Material—Snackbar
吐司功能即可以生成吐司，可以选择Desktop桌面或者Mobile移动端两个选项，另外可以通过Hide Button选项将按钮省略，单击generate即可生成。


7、 表格生成 |Table
这个可以说是该插件又一利器，它可以直接把Excel中的表格直接复制到内部。
另外，该插件还提供了一系列的细微的控制如：
Table Caption表格标题
Shadow 阴影控制
Pagination翻页按钮
Checkboxes勾选框
同样也可以对表格个空间进行调整。单击GENERATE即可输出


8、提示生成 |Tooltip
该功能和Bottons按钮生成比较类似，使用文字工具输入文字后，选择lugins— Sketch Material—Tooltip即可直接生成提示。


9、文字样式选择 | Typography
使用文字工具输入文字，选中后选择Plugins— Sketch Material— Typography ，选择所需要的Tyography样式，即可直接生成。需要注意的是，这里字体只能是符合Sketch Material的样式。




10 、浮高调整 | Elevations
选中一个图层或者组，选择Plugins— Sketch Material—Elevations，里面有6种预设浮高可供调整，选择中以后会加相应的一个投影效果。


需要插件的同学们也可以添加UEgood的微信 15000986079，第一时间获取


用这个插件skecth闪退怎么办？


软件都有稳定性，等升级就会解决以往软件的Bug


扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！
  • 14回复贴，共1页
分享到: