惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

L
LangChain Blog
阮一峰的网络日志
阮一峰的网络日志
WordPress大学
WordPress大学
博客园 - 司徒正美
罗磊的独立博客
D
Docker
Last Week in AI
Last Week in AI
爱范儿
爱范儿
M
MIT News - Artificial intelligence
V
V2EX
Google DeepMind News
Google DeepMind News
小众软件
小众软件
Apple Machine Learning Research
Apple Machine Learning Research
Microsoft Security Blog
Microsoft Security Blog
T
Tailwind CSS Blog
MyScale Blog
MyScale Blog
V
Visual Studio Blog
博客园 - 叶小钗
B
Blog RSS Feed
A
About on SuperTechFans
F
Fortinet All Blogs
T
The Blog of Author Tim Ferriss
Martin Fowler
Martin Fowler
P
Proofpoint News Feed

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
Sketch 插件新势力:WeSketch - 少数派
2017-07-09 · via 少数派

7 月 4 日,继推出 WeUI 后,微信团队再一次发力为设计师和开发者带来这一款多功能的良心插件 WeSketch 。这款插件从库,字体,颜色,切片,交互等方面提供了各类很实用的功能,实用程度堪比 invision 的 Craft 插件,虽然从稳定性、美观等方面来说可能不及已经迭代了许多版本的 Craft ,但是这依然是一款优秀的效率插件。

工具栏

在 GUI 里已经很明显的告诉我们这款插件的全部功能,一共 11 个功能在接下来我们会一起来看看,究竟 WeSketch 可以为我们带来些什么。

连线 

在设计 App 的过程中,为了让开发更清楚整体的交互逻辑,我相信你用过各类工具做过原型图,墨刀、Axure 等等。也有一部分人会选择直接在在设计稿里进行连线,这样在设计稿里就可以清晰的表现整个流程了。不只是原型里会用到连线,包括在平时对图片进行标注的是时候,也是可以用到连线的功能。

原来连线的时候都都是自己打着锚点,调整位置,加上圆点,其实这个过程并不简单,但是 WeSketch 的连线的连线你只需要选中要进行连线的元素,点击工具栏或者使用快捷键就可以了,虽然说在美观程度上不及自己细致处理的,但是却大大简化了你的工作流程,在没有太大的视觉要求时这一定是一款利器,或者我们一起期待微信团队对它的进一步美化。

标注

这个功能可能是整个插件里比较「鸡肋」的,我觉得这一块有很大的「上升空间」,它的功能其实就是标记注释的功能,你可以选中页面中的一个元素,点击标注按钮,就会按照选择顺序生成从 1 开始标注序号。和目前几款比较火热的标注插件差距甚远,这个功能几乎可以忽略不记,很好奇微信团队是不是会在未来的版本里扩充一下这个功能。

替换

App 设计里,一个版本的迭代,或者是伟大的产品经理的一个不经意的决定,对于设计师来说可能就是整个篇幅字体或者颜色的修改,这个时候能否批量处理就尤为的关键,在 WeSketch 里给你提供了「文本」、「字体」、「颜色」三种类型元素的替换功能。

你可以选择替换全局的元素,或者是单独某一页的元素,其实这里的文本替换似乎有那么一点 Geek ,了解正则表达式的各位在使用文本替换的时候也可以派上用场了,而且这里的文本,不在单纯是文本元素,还可以替换各个元素的名称。

UI、图标、颜色库

UIKit 库的功能可以说是非常的强大了,尤其是在多人协作的时候,这个库在各类常用元素的复用上显得尤为方便,这里开发者给你提供三种基础库,分别是原来的 WeUI、原生 iOS UIKit、Android UIKit,在你需要使用系统元素的时候可以快速获取,当你你也可以在 Sketch 的 Template 里寻找 UIKit。除了三个基础库,更重要的是你可以用它来创建你自己独有的 UIKit ,你可以选择本地的 UI 文件,也可以使用你上传到云的地址,这里建议你需要建立的 UIKit 尽量使用 Symbol ,这样准确建立的概率会高的多,这里除了 UIKit 还可以用同样的方式设置主题色同步,为多人协同设计开启了一个新的方式。

之前在介绍一款 PPT 插件 iSlide 里,我们已经知道了拥有一个图标库是多么的幸福,当然也有很多优秀的设计会在平时就用素材软件整理好自己需要或者喜欢的图标,以便设计时方便查看或者调用,也有人选择去 iconfont 等类型的网站上寻找自己需要的图标。这些一切,WeSketch 里都有,因为它自带的图标库,并且全部都是矢量图,可以进行二次编辑。但是如果你需要拿来商用,还是慎重,这里并没有明确表明是否是可以作为商业用途的。当然对于我们来说,图标库更应该是一个激活你灵感的地方,然后带着灵感创造属于你自己的东西,而不是盲目的照搬。

补齐高宽

在切片导出的时候,对于一些 icon 我们希望他的背景会保留一定的空余,如果你很擅长用 Symbol ,你一定体验过用 Measure 的 Spec Export 导出这种切片的快感,但是也有人选择 Slice ,这对于一个大工程来说工作量就非常大了。这里的补齐高宽,可以一键帮助你导出各类尺寸的占位 icon ,你只需要选择、设置导出即可,并且和 Sketch 自带的导出一样,可以规范化切片命名和尺寸。

快捷取色、样式获取

快捷取色的作用其实就是「剪贴板」+「拾色器」,选择元素点击取色,颜色就会自动复制到你的剪贴板上。而样式获取,其实是一个生成代码的功能,如果你对接是的是一个前端开发,那他一定会很喜欢这个功能,因为你只需要选中字体或者图形,就可以生成相应的 css 代码,在一定程度上可以减少程序员的工作量,会不会让你和程序之间的合作因为这一点点小小的改变而变得更加的融洽呢!

其实 WeSketch 的这些功能都是一个雏形阶段,在未来的版本里,WeSketch 是否可以给我们带来不一样的体验,能否让我们眼前为之一亮,让我们一起拭目以待!

如果你喜欢这一款 Sketch 插件,你可以在 Github 里下载它。