碉堡了-微信团队出品-Sketch插件合集Wesketch

静电说:微信团队刚刚出品了一款针对Sketch的插件合集-Wesketch,让我们一探究竟吧。WeSketch能做什么?更高效的团队协作,如:UI Kit 同步、色板同步等。更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。如何下载和安装?访问Github地址:https://github.com/weixin/WeSketch/blo...

碉堡了-微信团队出品-Sketch插件合集Wesketch

静电说:微信团队刚刚出品了一款针对Sketch的插件合集-Wesketch,让我们一探究竟吧。

碉堡了-微信团队出品-Sketch插件合集Wesketch

碉堡了-微信团队出品-Sketch插件合集Wesketch
WeSketch能做什么?
碉堡了-微信团队出品-Sketch插件合集Wesketch

  • 更高效的团队协作,如:UI Kit 同步、色板同步等。

  • 更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。

  • 更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。

碉堡了-微信团队出品-Sketch插件合集Wesketch
如何下载和安装?
碉堡了-微信团队出品-Sketch插件合集Wesketch

  • 访问Github地址:https://github.com/weixin/WeSketch/blob/master/README-zhCN.md

  • 访问www.sketchchina.com插件频道下载安装

  • 解压后双击打开wesketch.sketchplugin这个文件即可安装

碉堡了-微信团队出品-Sketch插件合集Wesketch
功能一览
碉堡了-微信团队出品-Sketch插件合集Wesketch

安装完成打开sketch后,默认语言为英文,需要在插件菜单中的Setting中设置为中文,此时插件即可完全中文化。同时Sketch会出现一个浮动工具条,如下图所示。

碉堡了-微信团队出品-Sketch插件合集Wesketch

碉堡了-微信团队出品-Sketch插件合集Wesketch

1
UIkit 同步管理

你可以导入一个存在于网络中的UIkit,目前此插件可以导入微信的UIkit以及其它两个内置的UIkit,当然你可以可以导入已存在于网络中的UIkit,但静电目前没有发现在哪里输入网址。

2
导入颜色库

同理,你可以导入插件内置的微信色板到颜色库中,当然,你也可以导入网络中存在的色板文件,这样可以很方便的进行团队协作。前提是,你必须把色板文件传输到网络中哦。

碉堡了-微信团队出品-Sketch插件合集Wesketch

3
批量替换文字/字体/颜色

这个功能很常见,不多说了。微信团队说是调侃产品经理用的,嗯好~~

碉堡了-微信团队出品-Sketch插件合集Wesketch

碉堡了-微信团队出品-Sketch插件合集Wesketch

4
交互连线

好吧,连连看。我在想一个问题,为啥腾讯总是在市面上已经出现已有插件后才“开发”自己的插件呢?所谓的微创新?嗯嗯,人家的微创新是可以自动绕过障碍,碉堡了~

碉堡了-微信团队出品-Sketch插件合集Wesketch

5
注释和标记

不多说了,你懂。

6
自定义宽高导出

本功能用于快速解决一些占位 icon 需要扩大点击区域,或者 icon 需要导出统一尺寸但又不能拉伸的需求。也就是图标周围加透明空白区域。

碉堡了-微信团队出品-Sketch插件合集Wesketch

7
生成代码(支持小程序)

本功能用于开发 GG 用一个快捷键就能导出各种设计稿中的字体及各种基本块状样式能力。(某些标注插件是不是要恼火了~)

8
快捷取色

选中一个你需要获取颜色的字体或图形,使用快捷键 command shift c,插件会导出 web 标准色。或带透明度,会使用rgba形式。

9
图标库

本功能提供常用 icon,并提供搜索功能,让你在使用 Sketch 完成交互稿的过程中不需要再费心去找 icon 了。(静电说:矮油~这个功能好实用诶,喜欢,做UI越来越傻瓜化了,囧)

碉堡了-微信团队出品-Sketch插件合集Wesketch

最后静电的感受:腾讯是个善于微创新的公司,这个插件很先进,很人性化,解决了所有设计师的刚需,并且是市面上“首次”出现的惊世骇俗的插件,真的很棒!不过终归是件好事,因为使用Sketch的人真的是越来越多了,你感受到了吗?

往期文章精选

↓ ↓ ↓

超热门素材整理工具Eagle 7折限时团购

【求职季·作品篇】UI设计师如何更好的展示作品

【求职季·简历篇】UI设计师的简历脱颖而出的10项技能

【求职季·面试篇】UI设计师面试 逃不出这些套路

请干了这碗《纪念碑谷》鸡汤

图标设计so easy!史上最全UI设计图标解析


碉堡了-微信团队出品-Sketch插件合集Wesketch

写《不一样的UI设计师》祝福及感悟 

送Sketch/Flinto/Eagle注册码

千元礼品等你来拿,马上点击这里参加

碉堡了-微信团队出品-Sketch插件合集Wesketch

点击阅读原文-购买《不一样的UI设计师》



第一手设计文章及内容

尽在静design(长按关注)

碉堡了-微信团队出品-Sketch插件合集Wesketch

碉堡了-微信团队出品-Sketch插件合集Wesketch

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35474/

(0)
交互精选交互精选
上一篇 2018-03-02
下一篇 2018-03-02

相关推荐

  • 通过SEO提高网站用户体验

    爱美之心人皆有之,在内容相同的情况下一个干净清楚的页面必然要比一个杂乱无章的页面更吸引访客注意,更能留住访客的目光和逗留的脚步。在用户体验问题上,通过SEO优化分析的过程是可以帮助提升网站的用户体验的。那SEO与用户体验冲突吗?通过SEO优化是否能够提高网站的用户体验呢?有人说SEO和文章用户体验是相矛盾的,因为在网站SEO的优化过程中,SEOer将其关注点更多的放在了关键词排名、流量的提升上,他们并不会过多的关注网站用户体验,其实不然...

    2018-03-30
  • 星环AI部门招聘 | 春风十里,星环有你

    星环简介星环科技是全球领先的大数据与人工智能基础平台供应商,专注于提供企业级容器云计算、大数据和人工智能核心平台的研发和服务,打造大数据和人工智能生态的“中国心”。公司以上海为总部,以北京、广州、多伦多为区域总部,并在南京、郑州、成都设有支持中心,同时在深圳、天津、武汉等地设有办事机构。经过多年自主研发,星环科技建立了四条产品线:一站式大数据平台Transwarp Data Hub(TDH)、基于容器的云操作系统Transwarp Op...

    2018-04-02
  • 用户体验设计与创新怎么做?首期高端讲座,听世界知名企业用户体验设计总监为你答疑

    4月28日一大早海信学院的阶梯教室就已经满!满!都!是!人你看,现场是这样的还有这样的大家聚精会神,全神贯注地在做什么?原来,咱们首期高端讲座开讲啦!大家都知道,做高质量好产品一直是咱们集团的重点战略在高端讲座的首期,我们就邀请到了世界知名企业用户体验设计总监现任韩国某体验设计公司总裁Yoo老师给大家进行分享三个小时的讲座中,Yoo老师阐明了他对用户体验设计创新的理解他提到,大部分大企业往往就问题而直接解决问题,而忽略了去进行充分调查,...

    2018-05-05
  • 交互设计暑假基础进阶班报名通道开启中

    编辑//花花对于考研,方向大于努力,为了找准跑道,慢慢摸索的路上你听了很多分享会,看过很多大牛干货,但是实践才能见真知,经验谈打不了胜战,没有领路人,考研太容易进入误区。这个暑假我们针对考研,定制了一套造型能力训练考研强化班,其作用在于,用最专业的的指导,在短时间内向学员传授训练手绘提高造型能力的方法。课程介绍01Day 01Introducing Interaction Design交互设计概论认识什么是交互设计,了解交互设计的历史演...

    2018-04-08
  • Sketch导入图片丢色、变白解决方案

    周五晚上回家作图遇到点状况,折腾了半天才好。整理一下发出来,估计有人用得上。以下内容为磨磨叽叽的瞎逼逼顺序,着急解决问题的同志可以快速下滑,会有提示周五到家日常打开电脑作图,做的做的发现不对劲,之前导入进来的图片好像不正常了。如下图一开始还以为是不小心降低了透明度,cmd+左键,发现没降。再想可能是加了纯色,看了一眼属性,也没有叠加颜色。醉了,这什么鬼。我一看既然不成那就算了。重新再导入一张图片,这张后入的是好的。没当回事,接着做图。过...

    2018-04-25
  • 交互设计工作流程6步走

    点击信息与交互设计关注我们!欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn经常有人会问交互设计到底是做什么的?交互在工作中的流程是什么样子的?那么今天就来讲讲交互设计在工作项目中需要做哪些工作。这里结合笔者本身的个人经历,将交互工作流程总结为以下6点:1、发现问题这里的发现问题,主要是找到一些体验不合理或者未达到预期效果的地方。发现问题的方式有很多,在实际项目工作中,可能大部分的问题反馈来源于客服或者产品需求,这里交互更...

    2018-01-30
  • Facebook的用户体验评判规则

    Facebook的产品设计五维情感精准定位——设计对受众定位清晰,符合该设计目标用户群的使用体验。亲和力——所有交互元素的设计上,用户对信息沟通顺畅,感觉似有人一般的亲和感。分享——承载对Facebook连接、自由、生活的文化认同。留恋度——给人超出想象的空间,让人留恋往返,对产品期待更多,得到二次访问。易用反馈及时——在交互过程中,用户的操作能够在屏幕上及时得到反馈效果,帮助用户提高效率。方位清晰——清晰的知道自己在那里,退路在那里,...

    2018-03-25
  • 【干货】学交互设计,毕业以后该做些什么呢

    大家对于交互设计有没有基本的认识,上一次的文章中给大家有过简单的介绍。平时和朋友同学之间再聊到交互设计,会觉得,交互设计都是app网站,但是随着科技的发展交互设计行业涉及很多方面,也有很多新的变化。所以在2018年之后,交互设计会有新的一些行业趋势。全感官体验因为未来找设计会越来越脱离我们所认知的app界面,会从app界面转移到其他的媒介上面去和其他设备上去做交互。全感官体验,因为平时我们都是从视觉上面去或者其他界面上做一个新的交互设计...

    2018-04-25
  • 这场UED界的大会堪比最近最火爆的雄安楼市

    2011年,阿里UED委员会的几位童鞋一商量,想给互联网的UED们一个搭交流学习的场子,就发起了第一届UCAN。如今,UCAN已经从阿里的UED的大团建发展成了国内最热门的设计大会之一。2017届的UCAN今天在阿里巴巴西溪园区召开,小编在现场看到走道都坐着人,800多人的场子,10000人报名,快赶上抢房摇号的阵仗了。报名的观众不但专业齐全,视觉、交互、用研、工程师、产品经理一个不拉,而且来自的公司阵容也很强大,腾讯、百度、亚马逊……...

    2018-02-01
  • 设计中的交互设计

    今天的文章,我们来讨论一下设计的本质。这是一个比较大的话题,我也只能抛砖引玉,带给大家一些我的思考。欢迎大家留言讨论。首先我们来看一下什么是设计。下面这个定义是引自王受之老师的《世界现代设计史》:所谓设计,指的是把一种设计、规划、设想、问题解决的方法,通过视觉的方式传达出来的活动过程。它的核心内容包括三个方面,即:计划、构思的形成;视觉传达方式,即把计划、构思、设想、解决问题的方式利用视觉的方式传达出来;计划通过传达之后的具体应用。从王...

    2018-03-06