恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
sketch部分插件教程
0.0°
2017-02-18 好文转载 教程 原作者: Riceman 举报 2829 30 10 0

学sketch快有一年了,也看了很多知乎上的一些设计师对sketch的分享,我会 转载一些自己觉得写得好的也会加上自己的一些小教程。希望大家共同进步啦


1. Sketch Toolbox

下载地址:http://sketchtoolbox.com/

——这个插件其实是一个基本上所有sketch插件都能包括在内的吧。是不是很有用呢Image title

2. Content Generator
下载地址:https://github.com/timuric/Content-generator-sketch-plugin
——用于生成人名、头像、邮件、占位文字、地理位置、随机数字等等,这样就不用自己设计的时候还要花时间想这些没什么用的东西啦,这个插件可以一键生成呢,详细教程链接里面都有。Image title

3. Rename It
下载地址:https://github.com/rodi01/RenameIt
——用于快速重命名图层,比如可以使用例如「%n」这样的语法快速命名一个连续列表,也可以自动使用图层尺寸来给图层命名,可以很方便地使用「ABC Icon 36px * 36px」来导出Asset文件。总的来说还是很节约工期的Image title

4. Sketch Arrange Artboard
下载地址:https://github.com/kenmoore/sketch-arrange-artboards
——帮助整理你混乱的Sketch Artboards,比如有时候想要更改部分画板位置的时候要一个个画板的点击选中,有了这个插件之后就可以托选你想要更改未知的画板再点击插件就好。Image title  5. Icon Font
下载地址:https://github.com/keremciu/sketch-iconfont
——直接在Sketch里添加FontAwesome的图标Image title  6. Sketch Constraints
下载地址:https://github.com/bouchenoiremarc/Sketch-Constraints
——通过标注父子图层间的关系,我们可以让Sketch设计文件也可以Adaptive Layout,快速将同一套设计扩展到多种尺寸。Image titleImage title

7. Measure
下载地址:https://github.com/utom/sketch-measure
——在Zeplin和Marketch等工具出现前的Spec标注神器,但即使有了Zeplin和Marketch,我还是会有时候用它来手动标一些自动标注器说不清楚的Spec。但是个人还是喜欢用Marketch,因为有时候貌似图标是导不出来的,根据开发反应有时候显示的标注尺寸是百分比,可能是没有设置好吧,但是有了这个插件也能减少设计很多时间啊Image title

8. Marketch
下载地址:https://github.com/tudou527/marketch
——Zeplin是一个神器,但是很多公司(尤其是大公司)出于商业机密的考虑不允许设计师使用在线的Spec标注软件,Marketch就是一个几乎完美的替代品,它是一个可交互的Spec文档,选择某个元素后,各项尺寸都会显示出来,右边栏甚至还有写好的CSS Code。自从用了它,和我厂的工程师沟通腰也不疼了、腿也不酸了!这也是本人最喜欢用的插件了要知道它解决了多少设计师的问题啊
Image title

9. Magic Mirror
下载地址:http://magicmirror.design/
——这款插件可以说相当于ps play咯,有时候做的页面可以通过手机上这个软件在线预览,更新时间也是很快的,真的是超级超级方便啊根本不用担心手机上看不到效果只要你电脑和手机连着一个局域网就可以Image title

其实个人感觉sketch是可以代替部分ps的功能应用的但是有些平面色彩方面的还是要ps配合着一起完。有些交互或者操作上个人更喜欢sketch的操作因为更加方便吧。ui设计师做页面的话用到的插件更多的是切图标注类的还有就是sketch mirror了。这是我转载过来的本人觉得对学习sketch很有帮助的一篇文章,里面也有部分我自己对一些教程的看法和介绍。可能具体操作还不是很明白但是每个链接都是有详细介绍,希望可以帮助到大家吧

Image title喜欢就请点个赞哦


更新:2017-02-18

收藏

30人已收藏

此处有掌声hiahia

一直在路上

  • 14

    作品

  • 7

    粉丝

  • 15

    关注

  • iPhoneX 设计适配原则拆解以及个人对iPhoneX的看
  • Principle学习临摹
  • sketch练习
  • 好带感哈哈
相关标签
UI设计教程

    猜你喜欢

      2017-02-18 好文转载 教程 原作者: Riceman 举报 2829 30 10 0

      sketch部分插件教程

      0.0°

      你确定要举报sketch部分插件教程

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年02月18日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      10
      30
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录