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

相关推荐

  • 智能语音交互设计 2 — 语音理财案例分析

    Image credit:Kuromon Ichiba Market, Ōsaka-shi, Japan大家好,这个星期将通过一个Alexa案例分析来介绍用户如何使用语音交互来解决功能性问题。(10分钟左右阅读时间)笔者作为用户体验设计师就职于一家人工智能公司,17年12月和18年1月进行了2轮为期两周的用户研究来了解:语音理财助手的用户特点,用户为什么会使用语音理财助手,用户如何与语音理财助手交互,常见的语音交互错误类型,以及用户期望...

    2018-02-12
  • 提升用户体验 抢占用户心智

    马云提出的新营销是连接线上线下的全新核心载体,超越单纯线上或者线下的全网营销概念。但华帝李洋认为,线上和线下只是连接用户的媒介,核心仍然是用户体验。抢占用户的心智,提升用户认知,是“新零售”的前提。打造新型厂商关系 构建全新服务体系在产品端,最初的模式是线上采用完全与线下独立的产品线,无论价格、卖点、功能配置都与线下产品区隔,线上和线下营销团队完全独立,各说各话。但随着时间的推移和互联网的蓬勃发展,这种割裂式的操作手法已经成为过去式。企...

    2018-03-29
  • 立足用户体验 “好换灯”助力雷士赢得好口碑

    2018注定是不平凡之年。全面开展质量提升行动,推进与国际先进水平对标达标,弘扬工匠精神,来一场中国制造的品质革命。2018年,雷士照明将迎来20周年庆典。雷士照明正在以此为契机,潜心修练,以促进雷士品牌再上新台阶。2018年被雷士照明定义为“品质服务提升年”,并于近期在全国开展了“诚信3·15,惠民大行动”为主题的“好换灯”主题推广活动,帮助千家万户升级改造居家光环境,传递雷士照明“全国性升级服务”“免费服务”理念。雷士“好换灯”全国...

    2018-03-16
  • 【新锐玉商风云榜】颜传赞:以‘用户体验’为支点 撬动家装行业“一键式”转型升级

    在父辈创造的奇迹上,是传承、是创新、是开拓,每一位新生代年轻玉商都在给出自己的答案。——“新锐玉商”专栏总题记新锐玉商风云榜他是“2016浙商年度创新人物”;他提出“构家”如“构车”的“一键式”整体家装新理念,推动家装行业从传统的手工作业升级为家装工业4.0;他的公司“构家”获得复星集团数亿A轮投资。他就是坊间广称为“船长”——杭州构家创始人兼CEO颜传赞。在经济创新这条漫长的大道上,颜传赞以玉环人海派的作风和追求卓越品质的韧性,谱写“...

    2018-02-03
  • 读书会第二期:《用户体验要素》(上)

    《用户体验要素》的作者Jesse James Garrett是美国用户体验咨询公司Adaptive Path的创始人之一,2005年他发表了《Ajax:A New Approach to Web Applications》这篇文章,标志着Ajax的诞生,因此他在又被称为“Ajax之父”。《用户体验要素》的中文版第1版比英文版整整晚了6年,英文版在2001年就出了,国内常见的是2010年出版的中文版第2版,书里的概念在互联网设计界广为流传...

    2018-04-12
  • sketch都能设计海报了?PS爸爸慌了...

    sketch只能做界面设计?曾经我也这么觉得,自从我知道了他的这款插件——looper惊!呆!了!大写的“服”,sketch你越来越接地气了,废话不多说了,让我们先欣赏一张我用这款插件做的一张海报:不得不说,他打破了我对sketch的偏见,对线条的处理过渡很自然到位,我做的时候只花了5分钟,没错!5分钟搞定!所以重点来了:如何用looper做到这张海报的效果呢?第①步1.下载安装包2.双击  looper.sketchplugin完成安...

    2018-03-09
  • UI交互设计专业-第三十六期学员作品

    专业:UI交互设计班级:第三十六期学员学员:李银学校:湖南理工学院

    2018-03-12
  • Axure案例练习-点评打分效果

    现在,外卖也好,购物也好,打车也好,点评打分是网站常见的用户互动的功能,一般都是1~5分之间评分,分值对应几颗星或者几颗心,当用户点击确定之后打分就完成了。下面我就以大众点评网为例,制作了打分效果。做之前,我们先来分析一下,点评共涉及到6个状态:没有打分的时候、一颗星的时候、二颗星的时候、三颗星的时候、四颗星的时候、五颗星的时候。根据之前的学习,知道点评区域是一个动态面板,这个动态面板有六个状态,当鼠标分别悬停时,切换出不同的状态。我们...

    2018-04-29
  • 案例:交互设计七大定律分享

    一费茨定律(Fitts' Law)1、费茨定律(Fitts’ Law)简介费茨定律是由保罗·费茨(Paul M. Fitts)博士,在对人类操作过程中的运动特征、运动时间、运动范围和运动准确性进行研究之后提出的,时间是1954年;该定律被用来预测从任意一点到目标中心位置所需时间的数学模型,在人机交互(HCI)和设计领域的影响却最为广泛和深远。费茨定律指的是:使用指点设备到达一个目标的时间,与当前设备位置和目标位置的距离(D)和目标大小(...

    2018-02-28
  • 为你的App增加WiFi认证检测,让用户体验更加丝滑

    前言前段时间在上海坐地铁时连接了花生地铁WIFI,打开QQ音乐开始听歌,QQ音乐居然给了我一个"WIFI认证提醒"的弹窗,点击认证就跳转到了花生地铁WIFI的认证页,之后顺利联网成功,体验非常爽。作为一名iOS开发,不禁思考这个是怎么做到的呢?忘记WIFI重新连接后,打开手机里各个应用轮番测试一遍,发现QQ音乐、QQ、QQ空间三个应用都做了比较好的WIFI认证提示:成功提示.png而其它的大应用如微信、手淘、支付宝、钉钉、美团、点评、爱...

    2018-02-07