碉堡了-微信团队出品-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

相关推荐

  • Google 内部资料:提升用户体验的三大设计原则

    想提升用户体验?在你运用自己的创意和设计思路时,请考虑这些由 Android 用户体验团队秉承用户体验至上的理念而制定的 Android 设计原则。一、让人着迷1. 以意想不到的方式让人眼前一亮漂亮的界面、精心布置的动画,或恰到好处的声效,都会带来快乐的体验。精细的效果能产生一种轻松的氛围,让人感觉自己拥有强大的力量。2. 实际对象要比按钮和菜单更有趣让用户可以直接触摸和操作你应用中的对象,这样,可以让执行任务更轻松,让用户更满意。3....

    2018-02-06
  • 想为 iPhone X 做交互设计?你需要读这篇文章

    点击上方“CSDN”,选择“置顶公众号”关键时刻,第一时间送达!作者丨NIELS译者丨陈冬【编者按】尽管 iPhone X 采用的全面屏设计方案已经是当下技术的最优解,但其“刘海”却依然引起了众多吐槽,在无法达到真正全面屏之下,为何苹果会选择使用非主流的“刘海”设计,而不是主流的“窄额头”?这是一个仍然在讨论的问题。对于众多的 iOS 工程师及设计师而言,为 iPhone X 进行屏幕适配以及交互设计才是重中之重。对此,本文作者 —— ...

    2018-02-01
  • 从用户体验的视角评析《CSR赛车》手游

    我最近一直在玩《CSR赛车(CSR Racing)》和《CSR赛车:经典(CSR Classics)》,在近期的游戏中我发现,Natural Motion在该系列的核心玩法、货币体系、社交机制和盈利模式中都引入了许多新的花样和用户体验功能,这些新元素的加入为游戏的某些方面带来了更好、更流畅的玩家体验。CSR系列专为手游玩家设计,会话时间极短(10-15秒),玩家们可以在忙碌的间隙进行一场快速竞赛,这是一个非常好的设计。在《CSR赛车》中...

    2018-03-07
  • 美国|四大艺术院校交互设计解析,不要等毕业后才发现读了个假的专业

    今天的主题是交互设计,有同学希望了解美国开设此类专业的院校,并获取各个院校的教学内容侧重方面的信息。于是,康石石选择了美国四所具有代表性的院校为同学们进行介绍:艺术中心设计学院(ACCD)卡内基梅隆大学(CMU)纽约视觉艺术学院(SVA)普瑞特设计学院(Pratt)一、艺术中心设计学院(Art Center College of Design)交互设计:本科ACCD交互设计专业只开设本科阶段课程,学习时长8个学期。尖端的课程设置,旨在培...

    2018-05-07
  • Axure RP 8.0软件安装教程及下载地址

    破解文件下载地址在文末,请查看!1.双击AxureRP-Setup.exe安装文件。2.点击Next。3.勾选I Agree,然后点击Next。4.一般是默认安装路径。5.点击Next。6.点击Next。7.等待安装。8.取消勾选!取消勾选!Run Axure RP 8使其处于未选中状态,然后点击Finish。9.在桌面找到Axure RP 8,鼠标右击选择打开。10.点击确定。11.勾选Don’t  show this at star...

    2018-03-27
  • 解析「交互设计七大定律」在设计中的应用(上篇)

    交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,笔者通过一些实例来解析下这些原则在设计中的应用~由于文章有点长,影响阅读体验,本文将分为上下两篇来发~一费茨定律(Fitts’ Law)1、费茨定律(Fitts’ Law)简介费茨定律是由保罗·费茨(Paul M. ...

    2018-02-03
  • 联想实习 | 手机事业部招聘交互设计实习生

    公司简介联想是一家营业额达460亿美元的《财富》世界500强公司,在全球消费、商用以及企业级创新科技领域居领先地位,为用户提供安全及高质量的产品组合和服务,当中包括个人电脑﹙经典的Think 品牌和多模式YOGA品牌﹚、工作站、服务器、存储、智能电视,以及一系列移动互联产品如智能手机﹙包括联想和摩托罗拉品牌﹚、平板电脑和应用软件等。招聘岗位手机事业部-交互设计实习生岗位描述1. 参与联想ZUI手机操作系统的交互设计;2. 参与产品的规划...

    2018-04-21
  • 用户体验必读:将用户需求转成产品需求

    如何挖掘需求,来和大家聊聊如何全面分析收集好的需求,如何判断需求真伪。通常收集到的需求,绝大部分都是“用户需求”,所谓用户需求,是指听到用户说想要的东西,以及用户以为自己想要的东西,而产品经理要做的,就是思考如下三个问题:1、这个需求靠谱么?(需求的判断)2、这个需求真的是需求么?(需求的挖掘)3、怎么向别人讲清楚这个需求?(需求的描述)需求的判断产品经理先要判断这个需求是否靠谱,判断的标准就是需求是否有“价值”,这个价值,具体包括:用...

    2018-03-03
  • 玩转交互设计,给景观来点生命力!

    景观设计从一开始关注项日的审美性,再到功能性,全社会对于它的要求已经在逐步升高。现代景观设计中,公园、绿地,甚至校园景观、风景名胜区等需要从单纯的生态意义中提升到一个更高的层次。在诸多国内的项日中,虽然将“以自然为题,以人为本”定为设计目标,但是往往停留在服务于人们行为上的舒适性、安全性,而忽略了人性中的更多需求。与此同时,人们每天被层出不穷的新鲜事物所包围,绿色环境对人的吸引力逐渐降低。在现代化工业大发展的背景下,人与人、与其他生物间...

    2018-02-07
  • 【用户体验】从了解用户的注意力开始,创造更优秀的用户体验

    【点击上方蓝字↑↑↑关注「艺恋优梦」获得每晚推送】刚下班回家,今天又没时间写教程了。。。委屈这是一篇源自心理学家和 UX设计师的关于人类注意力研究的文章。在产品团队中,用户体验设计师的工作是输出高可用性、易用性的可交互数字产品。当我们在设计这些产品的时候,我们花费了大量的时间来探索不同的研究方法,了解不同用户的行为、习惯和需求。对于绝大多数的用户而言,在行为模式和心理结构上有着相似的地方,只要有意识地探索,我们能够更好地了解人类的认知过...

    2018-04-04