搜文章
推荐 原创 视频 Java开发 iOS开发 前端开发 JavaScript开发 Android开发 PHP开发 数据库 开发工具 Python开发 Kotlin开发 Ruby开发 .NET开发 服务器运维 开放平台 架构师 大数据 云计算 人工智能 开发语言 其它开发
Lambda在线 > 非科班设计 > 十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT

十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT

非科班设计 2017-10-30

前言:


CRAFT 是 Sketch 上最实用的插件,没有之一,常年被 Sketch 开发团队挂在官方插件推荐榜上。同时,CRAFT 也是很多知名设计师使用 Sketch 进行设计工作时的得力助手。


  • 阅读时间:10分钟

  • 流量预估:4.7MB



官方介绍:


Screen Design. Supercharged.

大幅提速界面设计。



开发团队:


The world’s leading prototyping, collaboration & workflow platform.

世界一流的原型演示,设计协作和工作平台。



插件下载: https://www.invisionapp.com/craft#



十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT


插件功能:


十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT

CRAFT 一共包含七个功能,有用于协作的「协作白板」、「原型」、「同步」和「样式库」,也有实用的本地功能「图库」、「内容填充」和「复制」。


十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT

在启动 Sketch 使用 CRAFT 前,需要先安装并打开 Craft Manager。在这里,你可以管理插件中各个功能的开关,以及检测插件更新。



十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT


Enhance your designs with high-resolution imagery from Getty and iStock.

用来自 Getty 和 iStock 的高清图像给你的设计画龙点睛。


  • 图海:数百万世上最美的图片,就在指间。

  • 动态:强有力的搜索使找到合适的图片变得简单。

  • 流畅:选取一个图形图层,再点击一个图片就完成了,so easy。

  • 便捷:搜索、登录和下载历史,这些功能都集成在你的设计环境中。


十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT


「图库」和「内容填充」中的「图像填充」有所重复,但是里的图像更为高清,需付费使用,是 Invision 对 CRAFT 商业化的一种尝试。



十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT


A fast, flexible new way to collaborate in real time.

一个快捷、灵活的实时设计协作新方式。


  • 无边界:白板有无限大的空间,你的想法和创意不会受到约束。

  • 灵活:Sketch 或 PS;手机、平板或笔记本;无论你在哪,实时获取白板上的输入。

  • 包容:协作白板适用于任何人和任何项目。分享你的设计,然后在线协作。


十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT


首先,创建一个协作白板,既可以导入所有画板,也可以选择需要评审的画板后导入。创建完成后,会自动跳转 Invision。因为是在线协作功能,这里会需要你拥有一个 Invision 的账号以继续使用。


十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT


可以通过手写、打字、插入图片等功能来对界面进行讨论、评审,很遗憾的是打字功能暂时不支持中文,只能用手写功能进行中文注释。作为协作功能,可以用右上角的 Share 功能把链接分享给别的同事,让他们参与到协作白板中。在设计团队内部评审环节很常用,适合跨办公地点的设计协作、沟通。



十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT


Build hi-fi prototypes with your real design files.

用你的设计稿制作高保真原型。


  • 本地制作:就在你的设计环境中制作可以点击的原型。

  • 即时同步:一键将你制作的原型同步到 Invision。

  • 可交互:用可交互的热区将你的画板连接起来。

  • 协作:实时从你的团队获取迅速的反馈。


十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT


这个功能比较复杂,但是很好用,这里只做简单的效果演示。需要配合「同步」功能使用。



十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT


Sync with 1 click from your native design environment.

一键同步本地设计稿到线上。


  • 即时性:只需一键,无缝连接你的设计和原型。

  • 高效:不再有拖拽的苦恼。更少的出错机会意味着更少的烦恼。

  • 一屏操作:就在你的设计环境中把设计作品发送到 Invision。

  • 可靠:时刻保证你的设计稿被同步到线上。


十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT


修改界面后,使用「同步」功能同步到 Invision,保持线上的设计稿为最新版本。作为「原型」功能的一个环节。



十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT


The ultimate plugin to bring real data to your design.

给你的设计带来真实数据的究极插件。


十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT

  • 切题:从图源中选取真实的内容并直接放置于你的设计中。

  • 自定义:从网上,API或你自己的文件中选取内容。

  • 快捷:一键填充真实数据,加速你的工作流。

  • 实用:搭配 CRAFT 其他功能,给你的设计加料。



十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT



十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT

  • 情境带入:从真实的网站上获取图像、文字内容。

  • 真实:使用真实有意义的内容,而不是假字符

  • 敏捷:一次给选中的多个图层添加内容。

  • 高效:光速填充内容。


十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT


「WEB」中内嵌一个浏览器,输入网址后可以获取链接网站上的同类型字段或图像。



十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT

  • 预览:在你的设计中置入真实 API 内容。

  • 健康:在每一个界面中都使用真实可靠的数据。

  • 灵敏:给每个单独的图层安排精准的 JSON 数值。

  • 面向企业:使用所在组织的 API 进行极致的设计。


十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT


「JSON」中可以链接一个 json 或是拖入文件,选取同组字段进行填充。这里提供一个简单的 json 文件供大家实验。



十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT


Cloud-connected design assets for your team.

团队共享云端设计资产。


  • 云端共享:用共享的设计资源保持整个团队的设计流通畅。

  • 专业:一键生成基于现有设计的样式规范。

  • 一致性:在你的样式库里产生的变动会在其他设计组员的设计中同步变更,所以每个成员都不脱节。

  • 自定义:基于你独有的设计给样式库添加特殊的元素。


十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT

采集 Sketch 文件中的已有样式,制作共享样式库。在国内可以通过「坚果云」实现样式库在线共享。



十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT


采集所有 Sketch 文件中的已有样式,生成一页设计样式导航,包含配色、字体以及字体样式。




十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT


Forget copy+paste. Perfectly clone any design element at lightning speed with Duplicate.

忘记粘贴复制吧,用「复制」功能可以快速、完美克隆任何设计元素。


  • 迅速:对设计元素进行快速的、精准到像素的完美复制。

  • 干净:不用手动移位确保了设计元素的一致性。

  • 设计检验:复制足够的设计元素填充界面,以此检测你的设计。

  • 情境带入:Choose an exact number of duplicates, or make a live section.(这个 feature 官方说明太牵强了,笔者就不翻译了。😓)


十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT


这个功能和官方的「Make Grid」有些重复,不过如果之前使用了「内容填充」,那么复制出来的图形图层也会被填充上图像。




总结:


CRAFT 给单兵作战的 Sketch 提供了团队作战的能力,配合另外几个本地实用功能,它绝对有资格常驻在你的 Sketch 中。


我是 Teambition 的交互设计师徐小马(微信:heiheilaugh),欢迎交流,抛砖引玉,请大家多给意见。


假舆马者, 非利足也, 而致千里; 假舟楫者, 非能水也, 而绝江河。 巨巨生非异也, 善假于 CRAFT 也。



扩展阅读:







Teambition 深圳在招交互实习生,有意者请和我沟通微信:heiheilaugh


有交互设计实习经验;

熟练使用常见设计工具,比如 Sketch,PS;

了解 FramerJS 、Origami 等动效设计工具者优先;

保证3个月以上实习时间;

应聘请附简历、作品集。


Thx for your time.



qawsedr0125  让小伙伴拉你进群。(为啥不放二维码?因为满100已经失效了)




版权声明:本站内容全部来自于腾讯微信公众号,属第三方自助推荐收录。《十分钟了解兵器榜排行第一的 Sketch 插件 :CRAFT》的版权归原作者「非科班设计」所有,文章言论观点不代表Lambda在线的观点, Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458

文章来源: 阅读原文

相关阅读

关注非科班设计微信公众号

非科班设计微信公众号:gh_5bc8801a9953

非科班设计

手机扫描上方二维码即可关注非科班设计微信公众号

非科班设计最新文章

精品公众号随机推荐