sketch 傻瓜式入门教程(三)常用插件安装与操作技巧

用户头像
北京/设计爱好者/10年前/11604浏览
sketch 傻瓜式入门教程(三)常用插件安装与操作技巧

分享一些实际工作中用到的技巧/插件,以及插件的安装方法,会不定期更新,尽量写的全面!


        sketch的软件安装、界面认识都在上几篇教程里详细介绍过,sketch的强大很大一部分来自于它的插件,所以我又开了一篇教程介绍经常用到的插件以及安装方法和操作技巧。


ps:提到的插件在文章下载附件里!


一.常用插件介绍


      1.1  插件的安装方法

              先来介绍下怎么安装插件,毕竟不是很多初学者都会。我先说我常用的方法吧:(这个方法适用于你在其它地方下载下来插件文件),这时你有插件,不知道放到哪去。看下图:

             

bd52579062b00000018c1bda623a.jpg

887e579062d30000018c1bd5d78c.jpg

de61579062ff0000018c1b09d0ba.jpg

    

插件的文件后缀是.plugins,把你下载到的插件都拷贝放到这个文件夹里面!OK了!下面是我的plugins文件夹:

da8057906df00000012e7e928457.jpg

附件里的内容直接拷进去就可以了!


还有一种情况:你听说了插件名字不知道去哪下载?这时就需要用到(文章最下面下载)附件里的sketch toolbox,双击打开,如下图:


a339579064e40000018c1b2bc5fa.jpg

在搜索框里输入插件名称,下面会出现搜索结果,点击install,就可以了!

 

       1.2  介绍几种常用的插件:


Content Generator Sketch Plugin:做 Mock up 的时候就再也无需操心占位内容,它可以自动随机填充男性、女性或者自然风光的图片

27c4579068940000018c1ba02127.jpg

或者是用户的姓名,邮箱,电话和地址

0df25790682c0000018c1bf1414a.jpg

还想要文本和日期

19ea579068490000018c1b385973.jpg

Sketch Measure:超级智能的帮你在作品上添加图形尺寸、距离、颜色和文本属性的附注,方便快捷,而且成品整洁漂亮。

b38757906c950000018c1b069f76.jpg


Gb-sketch-segmentcircle:如果你需要创建带有区块、线条的环状图形,那么这个插件就能满足你。

440457906ee40000012e7e1a095e.jpg

Qordoba for Sketch:这款插件可以帮你将设计好的视觉稿中的内容翻译成成其他语言,让你的视觉稿更加国际化。


3b7857906f470000018c1bbd9783.jpg

好了,先介绍这几款,以后再更新其它好用的插件,可以根据自己的需要选择安装,并不是越多越好。有的附件里没有的插件,可以自行安装,然后在plugins文件列表中可以看到就是成功了。


二.常用操作技巧

     1.1使用bc0c579065bf0000012e7ef2b6b5.jpgrotate copies 创建神奇的图形


         在画板上插入一个元素,选中工具条上的按钮“rotate copies”,接着选择要复制的步数。我这里选择10。如果你找不到rotate copies,那么看以前的教程(二),把图标从工具库中拖到toolbar上。看下图对比:

9939578f2e970000012e7e8f8c29.jpg


      1.2  使用位图和创建遮罩


插入位图,用圆角矩形工具画正圆(按住shift)并放在位图上面,选中2个图层(按住shift),点击8653579071370000012e7e28ec21.jpg蒙板,遮罩完成了!做头像的时候很常用。


     1.3运用 alt 键 和 cmd + D


我们经常会有这样的需求,整齐的去重复排列某个按钮或者图标。这里有两个最快速的方法:

57fa579071a80000012e7e61c71d.jpg

dd84579071dc0000018c1b5531c9.jpg

     1.4  R:Rectangle “创建矩形”


f2795790725c0000012e7e56c342.jpg


        单击R并拖动鼠标后,你会得到一个矩形为基本元素。单击选中这个矩形后,即可在右侧的属性栏中任意改变它的位置尺寸,圆角半径,透明度,颜色等。双击这个矩形,即进入设计师们熟悉的贝塞尔曲线编辑(Edit)模式。选中已有的点即可编辑点的各项属性,点击矩形边缘可以新增编辑点。按住shift或者直接拖动,即可选中并时移动多个编辑点。如果想创建其他形状的基本元素(比如圆形来表示头像),也可以按下O并拖动来新建一个圆形,或者L来插入一条直线。多个图形可以通过布尔运算迅速组合成新的图形,方法包括“组合”,“相减”,“相交” 和 “相异”。

Tips:如果想看到某个元素和其他临近元素的距离,你可以选中它并按下alt。 这能帮助设计师精确地调整布局。

 


      好了,就到这吧,发现更好的技巧,会在本帖不断更新!下次见!

cc63579072cf0000018c1b40d470.jpg

116
举报
|
74
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面插画情侣/矢量
平面插画设计女孩喝咖啡
城市园林平面布局航拍
平面书法字手写
金色颗粒质地的平面
空的平台平面和自然景观
中国传统纹样创新图案设计
空的平台平面和自然景观
古风平面仕女与瓷器
金色颗粒质地的平面
金色颗粒质地的平面
平面设计 吊牌设计
平面人物插画
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
平面风格黄绿色系花朵装饰
牛奶乳液层次梯田平铺平面
牛奶乳液层次平面平铺平面
平面花卉图案扁平简约无缝拼接插画
平面男孩喝咖啡插画设计
玄关入门地毯印花图案红地毯
倒计时,海报,平面
水蜜桃和李子的平面水果图案
城阙凡花
你可能喜欢
大家都在看
登录注册