专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

有什么好的sketch插件可以推荐下_CSS学习

当前位置:网站建设 > 技术支持
资料来源:网络整理       时间:2023/3/4 3:58:25       共计:3586 浏览

有什么好的sketch插件可以推荐下?

Sketch中 提供了一个非常强大的第三方插件库功能,可以将第三方开发的插件导入到sketch中,用以弥补sketch部分功能不足的作用。

在sketch的偏好设置中,可以将下载的插件直接导入到插件库中进行安装即可使用。

而在UI设计中,我们常用的插件可以分为:切图标注、交互预览、协同工作、辅助设计排版等四大类。

这里围绕这几个分类介绍一些sketch中的插件:

切图标注与协同工作

1、sketch cloud

Sketch cloud严格来说不是一个第三方的插件,是sketch中自带的一个将设计稿上传到sketch云中进行协作的平台,只需注册一个邮箱账号,就可以将设计稿上传到sketch cloud。

sketch cloud主要作用:预览演示、分享设计稿、协同工作(评论等);官方的这个插件,目前是免费的。

2、蓝湖

蓝湖是一个团队协作平台,蓝湖针对sketch专门开发了一个插件,可以快速的将设计稿通过插件上传到蓝湖平台进行管理,蓝湖可以对接产品、设计、研发的流程,降低沟通成本。

国内有很多的创业团队、中小企业都是在用蓝湖管理设计稿,不仅可以对设计稿进行标注、预览,还可以按版本、迭代次数等管理设计稿。

此外,产品经理、交互设计师还可以将产品文档、原型、交互文档等上传到蓝湖,统一管理。

蓝湖的下载地址为:

https://lanhuapp.com/mac

3、zeplin

Zeplin是一个外国公司开发的sketch插件,主要功能和蓝湖比较类似,主要包括设计稿的标注、同事之间的协同工作,国内访问速度稍微比较慢,但是功能也很强大。

Zeplin的下载地址为:

https://zeplin.io/)

4、 iDoc

iDoc是摹客旗下的一个自动标注切图插件,也是一个协作设计的平台。

iDoc的下载地址为:https://idoc.mockplus.cn/download/sketch

5、Parker

Parker是sketch上一个高效的自动标注工具,能够自动计算尺寸、距离、文字大小、阴影等信息,并按照你的需要进行标注, 它极大节省你标注的时间,大幅度提升设计效率。

Parker的下载地址为:http://www.cutterman.cn/zh/sketch/parker

设计稿预览

1、sketch mirror

sketch mirror是sketch官方开发并推荐的一款可以在iphone上预览设计稿的插件,mirror官方只支持iOS,可以在App store中下载sketch mirror,然后通过USB或相同的Wi-Fi即可连接使用。

2、Desgin mirror

设计稿实时预览工具,完美支持sketch,Desgin mirror可以支持在iOS和安卓系统的手机上预览设计稿,且支持PS、Xd等软件。

3、蓝湖APP

蓝湖App可以支持将sketch设计稿在手机中预览,同时支持iOS和安卓系统的手机。

4、Exporter

Exporter是一个支持在浏览器中本地化预览HTML设计稿的一个sketch插件,可以在浏览器中预览设计稿上设置的热区、交互等效果,比较适用于Web界面的设计稿。

其它插件

1、Sketch Measure

Sketch Measure是一个可以标注尺寸、区域、备注、颜色等的标注工具,同时还可以设置导出规范、颜色命名等。

2、Kitchen

Kitchen是Alipay旗下的一个sketch插件,你可以通过插件将设计稿上传至画板,足不出户就能管理你的设计资产。并且在 Sketch 中做好的交互原型,通过 Kitchen 插件上传设计图后,该 Sketch 中的原型会直接同步至语雀,也可以通过语雀的热区的功能制作 prototype。

此外,Kitchen还可以做模拟数据的快速智能填充,也可以做到文字、段落的自动排版等,大大提高设计效率。

Kitchen的下载地址为:

https://kitchen.alipay.com/

萝卜青菜各有所爱,按需索取。

版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:哪个网站可以看到中国古籍善本的扫描版_CSS学习 | ·下一条:bootstrap标签间距怎么设置_CSS学习

Copyright © 广州京杭网络科技有限公司 2005-2024 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有