首页
限免课
实战课
免费好课
课程库
经验
问答
会员课程
首页 |经验 |ui |经验详情

Sketch高效UI设计标注插件之Marketch

更新时间:2023-11-07

无私向斑马

ui

3924

作为UI设计师,我知道你最愿意做的事就是设计,最愿意做的事儿就是什么都不做;你最不愿意做的事儿就是标注,最不愿意做的事儿就是切图。

从事UI设计的朋友对Sketch肯定已经不陌生了,它在UI设计方面的效率简直可以甩其他工具几条街,特别是一些丰富的、贴心的、人性化、神一般(原谅我形容词太多)的插件。

今天要给大家分享的神器-Marketch,就是让你只做你喜欢做的,不喜欢做的,喝一杯茶就可以搞定,设计师嘛,还是专注于设计。Marketch是什么?话不多说,先看效果。

效果一:智能标注全部元素;效果二:直接生成代码,点击即复制;

Sketch高效UI设计标注插件之Marketch.jpg

效果二:直接切出@0.5、@1、@2、@3的图标;

Sketch高效UI设计标注插件之Marketch.jpg

如此神器的效果,是不是已经“内牛满面”了?那到底如何才能实现呢,看以下步骤,轻松搞定!

第一步:安装,点击Sketch上方“Plugins”菜单——“Manage Plugins”,弹出第二步对话框;

Sketch高效UI设计标注插件之Marketch.jpg

第二步:点击“Get Plugins”跳转到插件网站;

Sketch高效UI设计标注插件之Marketch.jpg

第三步:点击搜索框搜索“Marktech”

Sketch高效UI设计标注插件之Marketch.jpg

第四步:你会看到“Marktech”插件的效果页面;点击左上角“Marketch”按钮进入到下载页面;

Sketch高效UI设计标注插件之Marketch.jpg

第五步:点击“Download zip”按钮下载插件;

Sketch高效UI设计标注插件之Marketch.jpg

第六步:打开下载文件夹,选中插件文件夹,双击“Sketchplugins”文件实现安装;

Sketch高效UI设计标注插件之Marketch.jpg

第七步:在Sketch文件夹中选中需要标注的画板,点击Plugins,选择Marketch,Export菜单;

Sketch高效UI设计标注插件之Marketch.jpg

第八步:选择“当前选中画板”可标注并切图当前画板,选择“所有画板”可标注切图该文件全部画板;

Sketch高效UI设计标注插件之Marketch.jpg

第九步:操作结束后回生成ZIP压缩文件,解压后得到如下文件夹,在浏览器中点击Index.html可查看标注文件,在如下文件夹中找找就会看到切图文件夹啦。从此效率一百倍!

Sketch高效UI设计标注插件之Marketch.jpg

这下是不是感觉又可以把时间都用在设计上了,设计师就应该专注于设计嘛。

版权声明 | 文章配图仅供学习参考,引用图片版权归属原作所有

               如有问题,请及时与我们联系,我们将第一时间做出处理

上一篇 下一篇

相关课程

ONLINE COURSES
  • 女生学计算机可以从事什么职业

    女生学计算机可以从事什么职业

    讲师:JennyZ

  • 设计类前景较好的专业有哪些

    设计类前景较好的专业有哪些

    讲师:奇思无止境

  • UI作品集怎么做

    UI作品集怎么做

    讲师:行动者帆帆

  • 元宇宙对设计师有哪些影响

    元宇宙对设计师有哪些影响

    讲师:奇思无止境

免费好课

FREE GOOD COURSES
MORE
  • Stable Diffusion - 2024全新AI绘画系统教学

    Stable Diffusion - 2024全新AI绘画系统教学

    1小时40分钟49秒

  • 品牌物料设计课

    品牌物料设计课

    3小时57分钟38秒

  • 网游手绘武器制作课

    网游手绘武器制作课

    3小时55分钟44秒

  • 游戏道具造型表现课

    游戏道具造型表现课

    3小时51分钟28秒

  • AI+UE5轻松实现科幻电影!

    AI+UE5轻松实现科幻电影!

    32分钟36秒

  • 游戏3d设计师模型基础课

    游戏3d设计师模型基础课

    3小时49分钟53秒

Copyright © 2015 - 2021北京云创科讯软件有限公司

京ICP备16013396号-1

经营许可证京ICP证161220号

课程咨询电话 18516802937

  • 在线咨询
  • 插件下载
  • 职业测评
  • 素材下载
  • 微信咨询
学习在线解答