亿品元素设计资源博客

品味经典包装设计,版式设计,分享最新CDR设计软件教程下载及在线书法字体生成!
登录注册 广告合作 投稿

亿品元素 » 设计辅助 » 三款有效提升设计效率的Sketch辅助神器推荐
设计辅助

三款有效提升设计效率的Sketch辅助神器推荐

想要提升设计效率,有时候还得神器来帮忙,今天就给大家推荐三款我在用过之后大呼好赞的sketch辅助神器,包括字体管理神器:RightFont、icon管理工具:iconjar以及Zeplin: 标注神器。…

想要提升设计效率,有时候还得神器来帮忙,今天就给大家推荐三款我在用过之后大呼好赞的sketch辅助神器,包括字体管理神器:RightFont、icon管理工具:iconjar以及Zeplin: 标注神器。

1.字体管理神器:RightFont

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

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

Sketch辅助神器

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

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

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

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

Sketch辅助神器

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

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

2.icon管理工具:iconjar

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

Sketch辅助神器

至于用法,完全觉得是傻瓜级的,首先打开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是设计师与前端的协作工具。

Sketch辅助神器

下载链接:Zeplin for Mac

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

Sketch辅助神器

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

来自热心网友 liangzi的投稿,原文地址http://www.ui.cn/detail/63671.html。

打赏

如果本站对您有所帮助,请考虑对本站进行小额捐赠:

捐赠亿品
相关内容

发表评论 【登录·注册】

所有留言都会被审核,请勿发布垃圾评论!

(必填)*

CorelDraw插件魔镜介绍 关闭
字体设计教程关闭