Sketch从入门到精通-Sketch3 插件的运用

插件往往是最提高工作效率的,用过Sketch的人,都被Sketch强大的插件所折服,因为真的是太好用了。而且,Sketch还有个专门整合了插件的一个下载器,叫Sketch Toolbox的Mac应用,下载和安装Sketch的利器。

直接在里面安装你感兴趣的插件,然后什么都不用做,再打开你的 Sketch,就会在菜单栏的 Plugins 里找到刚才下载的所有插件。

Sketch3chajiandeyunyong01

好用的插件之一 Content Generator Sketch Plugin,它可以自动随机填充男性、女性或者自然风光的图片。或者是用户的姓名,邮箱,电话和地址。

Sketch3chajiandeyunyong02

Sketch3chajiandeyunyong03

好用的插件之二 Sketch Measure,可以标注界面尺寸,输出规范,颜色属性等,标注的特别规范整洁。真的是太方便给工程师们标注界面规范了。如下图,用插件标好的效果图。

Sketch3chajiandeyunyong04

接下来再看一下插件的显示下拉菜单在Sketch里,如下图:

Sketch3chajiandeyunyong05

 

然后可以直接导出PDF,交给开发的小伙伴,提高彼此的工作效率。

好用的插件之三 Sketch Style Inventory, 可以输出颜色规范,颜色的属性值,而且生成的效果也很规范整齐。如下图:

Sketch3chajiandeyunyong06

还有很多强大的插件,小伙伴们可以在实际需要的时候发掘更好玩的,更提高工作效率的插件,下载Sketch Toolbox的链接在这里:

https://github.com/buzzfeed/Sketch-Toolbox

 

第一季的免费教程到此更新完毕,欢迎大家访问与支持我们的网站:WWW.IAMUE.COM

微信号:woshiue

微博:@我是UE网

网易订阅:科技分类>交互设计

 

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/9013/

(0)
TinadminTinadmin
上一篇 2015-08-28
下一篇 2015-08-31

相关推荐

  • 产品细节中的情感化

    今天分享一篇 视觉设计的文章{产品细节中的情感化设计}说的情感,我们每个人都有,什么爱情、亲情、友情…..等等!但是什么是情感化设计呢?一句话:就是你的设计是否能给用户带来惊喜,温暖…等等!下面让我们一起…

    2015-01-25
  • Origami五分钟入门秘籍

    早在Facebook推出Facebook Home时,相信强大的原型工具Quartz Composer就进入了很多设计师的法眼,无须编写代码就可以输出细腻丰富的动画,这个太刁了,和大家一样,彼时我也信誓旦旦励志要学会这个玩意儿,于是开…

    图形用户界面 2015-08-27
  • sketch 插件 sketch-measure 更新,又大大的提高了工作效率 ~

    今天更新了一下sketch measure的插件,下面说一下都更新了哪些地方 1.新的UI界面 友好的ui界面使你标记起来更加便捷,新界面是不是看起来更加专业了许多,视觉上更加直观 2.输出出口 自动生成HTML的样式,而不仅仅…

    Sketch 2016-07-25
  • 移动应用(APP)UI设计规范之尺寸上篇

    作者:玄岳  http://www.zcool.com.cn/article/ZMzc5MTQ0.html

    2015-12-21
  • 超全面的移动端尺寸基础知识科普指南

    初涉移动端设计和开发的同学们,基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白,感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起,理清关于尺寸的所有细节。由于是写给初学…

    图形用户界面 2015-08-26
  • sketch 3.6.1(破解版涵盖3.0以上版本) 安装and使用指南(20160303更新)

     截至2015  6月23 日  SKetch 常用版本  3.2.2 、 3.3.1 、3.3.2    3.4.4 截至2016 3月2日  常用版本 3.5.1 ,3.5.2  ,3.6.0  3.6.1 Sketch 安装指南 安装版本 : 3.2.2  3.3.1  3.3.2 安装环境:mac book pro 20…

    2016-04-13
  • Sketch从入门到精通-Sketch3四种模糊方式

    现在经常能看到界面上各种模糊效果,或者是背景模糊,然后上面排字,放图片;通常是做背景的时候用到的模糊效果。在Sketch里面就有基本的四种模糊方式,分别介绍一下。 首先是最常见的高斯模糊(Gaussian Blur),…

    2015-08-03
  • UI界面中搜索入口的设计

    写在前面: 我以前是学空间设计的,所以对引导性的感知比其他学设计的要更早。其实,设计总就还是一个“万法归宗”的东西。“吸引”——“引导”——“持续”——“欲罢不能”用用户的这种思维去检验自己的作品(交互/UI)是比较客…

    2016-11-07
  • 优化界面中的文案----最小成本提升用户体验的方式

    这里所说的界面文案,主要是界面中的,提示文案(包括短信文案),控件中的文案,功能或者运营入口的引导文案 一.发现界面文案 怎么让人看到这些文字呢?这主要是视觉层的问题 如果你想要强化它们,就请考虑以下几…

    2015-05-04
  • 如何使用Sketch3创建APP原型

    自从Fireworks逐渐衰落之后, 我一直在找其他好用的app和网站设计工具。后来我发现,只需用Sketch再加上其他一些简单的工具,就能构成一条非常不错的设计生产线。 在这篇文章中,我将谈谈我是如何利用Sketch搭配Flin…

    2015-06-29