uiimg

作品

  • 作品
  • 文章
  • 素材
  • 欣赏
  • 设计师
登录 注册
首页推荐

uiimg编辑

106粉丝 / 8关注
  发私信

关闭

还能输入140个字 

推荐6款UI设计师必备的Sketch插件

文章分类:  设计资源      发布时间:2016-07-03

16494 0 1 © 版权     原作者:小强   原文地址    举报

请输入举报理由

Sketch作为一个为UI设计而生的工具,全矢量、轻量级、像素级精准,非常适合做移动端界面设计,传统的 Photoshop 等设计工具在网页和 App 界面设计上存在的不足,所以越来越多的设计师开始使用 Sketch 替代 Photoshop 设计 App ,那么作为小而美的Sketch,有哪些值得推荐的插件呢?下面就来看看这几款Sketch插件。


1、Marketch  ( for UI)


来源: tudou527/marketch · GitHub


云盘链接下载 http://pan.baidu.com/s/1nuWRPFj 


密码: mejh


用过Zeplin的同学基本泪流满面,而这个免费插件可以让你泣不成声。


直接在本地生成html,非常便捷查看尺寸颜色等参数,和Zeplin一样的思路。不仅免费,而且公司也不用担心云端的安全/隐私问题了。

如果说Sketch Mearsure可以节省你一杯咖啡的时间,这玩意可以节省你一顿饭的时间。


真正的彻底告别标记尺寸和颜色等dirty work。

做了多年ERP的我明白了一个道理,能用机器代劳的活一定不要人来干。大家的时间都很宝贵,我们还是做点更有意义的事情吧。




2、AEFlowchart (for UX)


来源: tadija/AEFlowchart · GitHub


云盘链接下载:http://pan.baidu.com/s/1qYtgytu 


密码: 6iqn


Flowchart 顾名思义,就是出流程图的。

共有四种控件样式 Decision | Input Output | Process | Start End

自动生成对应样式,一键连接所有元素。

注意:生成连线为1px,且图层默认被锁定。颜色过浅,有时候需要自己调整下border颜色,大神可以自己去调整脚本里的相关参数。

Sketch 升级到3.2.2之后经常没法自动连线,比较苦恼。



3、Content Generator Sketch Plugin (for UI/UX)


来源 timuric/Content-generator-sketch-plugin · GitHub


云盘链接下载:http://pan.baidu.com/s/1pKFmQiZ 


密码: hsfg


这个插件真是酷炫至极

我们做app设计的时候,我们可能会使用各种各样的头像来模拟真实效果。那么找头像也是一件耗时间的事情, 这个时候神器来了, 只需选中你要填充头像的图形,他会帮你随机选择并填充合适的图像。 填充图片还分男女,人名也分性别。还能自动生成邮箱和电话

可以节省大量时间,让你的Mockup看起来更加逼真。


生成图片




生成名字



生成虚拟文本



生成字符串




4、Sketch Measure (for UI) 


来源utom/sketch-measure · GitHub


云盘链接下载: http://pan.baidu.com/s/1c1EnuO4 


密码: 36tj


强烈推荐,满星好评!一款使用在 Sketch.app 中标注和导出设计规范的神奇插件。


解救广大UI Designer于水深火热之中的神器,能够彻底解决开发人员和设计师之间沟通不畅的问题。
UI Designer最终产出物少不了Visual Guideline. 制作这份文档真是庞大的工程。
每个控件,页面的尺寸标记,颜色标记还有字号标记,最终页面的实现效果完全取决于这份文档的细腻程度。通常,有了这份文档,开发严格执行,最终页面还原度还是非常之高的。

这个插件就是可以在页面上自动标记出相关参数。


当然,不同的公司在这个环节执行的方法各不相同,标记的方法也不一样。
Case by case的来看,这款插件还是十分实用的。曾用过Markman和Pxcook,总是觉得还是有不尽人意的地方。
这个插件标记起来不仅仅的自动的,而且在源文件里直接标记...

整齐的文档,带着标记交给开发。相互之间还有什么好抱怨的呢?










5、Sketch Notebook Master (for UX)


来源 marcosvidal/Sketch-Notebook · GitHub


云盘链接下载: http://pan.baidu.com/s/1c1ETsVA 


密码: wpaj


交互设计师都想让自己的mockup变得更加整洁,但为自己的设计写上注释是少不了的事情。整理格式会花很多时间,不整理看起来又很乱,说明太多经常会盖住相关内容。

这个插件可以自动生成一个边栏用来写相关注释。选中相关控件,即可生成标记icon,右侧生成comment.   comment可以自动排序对齐,十分方便快捷。







6、Taobao Image Sketch Plugin -商品模块填充插件


查看视频演示


云盘链接下载: http://pan.baidu.com/s/1jIycvfo 


密码: 9c1p


此插件好像只支持最新的sketch3.6.1版本。









别外推荐一个做app时需要用到的头像网站,上面虽然有推荐Content Generator Sketch Plugin Sketch插件,但是还有很多win系统用ps的同学,希望你们也能节省找头像的时间。

 http://uifaces.com/




感谢作者小强1-6的分享


转载请注明 uiimg.com


1

其他文章
查看全部

已有 0 人评论

你需要登录后才可以评论!

立即登录   还没账号?立即注册

文章打赏

uiimg编辑

微信 扫码打赏任意金额~感谢您的支持!