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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
Sketch辅助神器推荐:用工具来提升设计效率
0.0°
2015-08-31 原创文章 教程 原作者: 原作者 举报 33530 245 73 39

告诉你如何用sketch来高效设计

分享三款我在用过后就大呼好赞然后想要分享给大家的sketch辅助神器,由于我发现我不会写导语了,我就直接开始写它们的用法吧。

1.字体管理神器:RightFont

这可能是我在Mac上邂逅的最惊艳的一款字体管理工具了,当然其他的其实我也没遇到过,只不过是觉得这个的简洁和高效,已经给了我一种一见钟情的感觉了。 

打开它后,在你的界面上就会出现这样一个玩意儿,如下图:

这里集中了你的Mac中所有的字体,看见上面【叶根友特楷简体】旁边的那个星星了么,你可以通过点击它来收藏你常用的字体,这些字体可以在顶部菜单那个星星里找到,至于用法,就更简单了。

打开sketch,在画板中选择你想要改变字体的字体,然后双击RightFont中你喜欢的字体,就会惊奇的发现sketch中的字体也随之发生改变了。

除了直接去选择字体,你还可以在上面的搜索框中找到自己想要的字体(当然只是存在于你的Mac之中的字体),并且可以根据字体样式/字重/字宽三个维度来筛选字体。

除此之外,你当然可以预览字体样式了,在RightFont中右键,选择【change preview...】,在输入框中输入你要预览的文字,这会让你更加便捷的去筛选出合适的字体。

在这个过程中,RightFont会一直置于屏幕最前,方便你快捷的选择想要的字体,同时会在Mac顶部的那个不知道叫什么栏就是有WIFI和电量啊之类的地方显示。

下载链接在此处,快去试试:RightFont for Mac

2.icon管理工具:iconjar

在之前,我管理icon的办法是,在sketch中新建一个空白文件,把经常用到的icon拖进去,然后命名为【icon大全】后保存……当再次要用到的时候就会打开,在去里面一个一个挑,入坑不久,那个时候还真不知道有icon管理的工具,于是就只能用这种笨办法,直到那天在微博搜索sketch相关话题的时候,看到了iconJar。(请忽略我用细中粗来分别命名我收集的icon素材……)

至于用法,完全觉得是傻瓜级的,首先打开iconjar,然后选择那个【+Add Icons】建立目录,命名,然后将自己日积月累的素材导入进去,Iconjar 目前支持 SVG、PNG、Gif 三种格式的图片,建议大家尽量保留 SVG,这样在 Sketch 还可以对icon进行二次修改。

然后,在你需要icon的时候打开iconJar,直接把你想要的icon拖进设计界面里就OK了,简单快捷高效到令人发指。

下载链接在此处:IconJar

3.Zeplin: 标注神器,堪称设计师与前端间的休战协议

sketch上有个插件,Sketch Measure,也是用来标注的工具,不过在用完zeplin之后,我做的第一件事就是删除了Sketch Measure,相比Sketch Measure,zeplin道行明显要高,并且重点强调,zeplin是设计师与前端的协作工具。

下载链接:Zeplin for Mac

安装完成后,在sketch中选择想要标注的页面,快捷键【⌘+E】快速导入到zeplin中,你就会看到如上图的画面。右侧会显示界面配色,而当你选中了某一元素的时候,各种元素就会出现在右侧,如下图:

嗯,由于我只是个设计爱好者,还没有和前端愉快的交流过,所以与前端协作部分的功能还没有发掘,这个……就交给大家了。

更新:2015-08-31

收藏

245人已收藏

Hoenheimer

一个立志成为视觉设计师的自由诗人

  • 1

    作品

  • 153

    粉丝

  • 8

    关注

相关标签

    猜你喜欢

      2015-08-31 原创文章 教程 原作者: 原作者 举报 33530 245 73 39

      Sketch辅助神器推荐:用工具来提升设计效率

      0.0°

      你确定要举报Sketch辅助神器推荐:用工具来提升设计效率

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2015年08月21日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      73
      245
      39

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

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

      登录

      手机号

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

      登录
      第三方账号登录