Sketch 插件介绍:Style Inventory(样式清单)-阿里云开发者社区

开发者社区> 阙如> 正文

Sketch 插件介绍:Style Inventory(样式清单)

简介:
+关注继续查看


译者最近在做一个比较大的设计项目,才开始系统接触设计规范相关的内容,根据项目也需要生成一套样式清单供其他设计同事和研发团队使用。看到这款 Sketch 插件后发现有几个功能比较实用,比如能够一键汇总、导出所有项目/画板中所用到的颜色、字体样式信息。因此简单翻译了一下本插件开源地址的 Readme,希望有需要的朋友可以参考,原文地址如下:getflourish/Sketch-Style-Inventory · GitHub

注:原文页中有 gif 动图,因为专栏不支持动图显示,所以只截取了一帧,如果需要可以去 github 页面查看。


翻译:镇雷

设计需要自由,需要在一片混浊中探索出光明所在,但是设计同样也需要条理性和组织结构。Sketch 在自由与条理两方面都做的不错,设计师们经常需要清理画布与文档,把所做的工作整理出来(交付给其他同事),但要在一个硕大的工程中整理出字体样式、颜色等信息结构并非易事。 Style Inventory 就是帮助你做这样一件事的:能够纵览所有设计过程中使用的样式信息,并且帮助设计师将同样样式的图层进行合并。

软件最近更新于2015年4月26日,目前已支持当前最高版本的 Sketch3.3。具体安装方法可以在开源地址下载安装文件并拷贝到 Sketch 的插件目录下,或者也可以使用 Sketch Toolbox 搜索进行安装。

功能简介:

Generate(生成)

选中某一个页面后,使用本功能可以自动生成一个包含了所有使用过颜色、字体样式、符号在内的画板。

快捷键:ctrl + ⌘ + ⌥ + I

bfae96533156966ab515bd470fba436c7898b812


(Export Metadata)导出元数据

当在配置窗口中勾上「Export Metadata」选项后,Sketch 可以将你项目中的元数据和图片导出,这样就方便交付给开发同事了。导出形式:颜色(JSON)、符号(PNG)、字体样式(JSON)。

快捷键:ctrl + ⌘ + ⌥ + I


efa3d458cd576b16c92cfe7486143d19083ae161

(Select Layers by Color on Artboard)在画板中根据颜色选择图层

选中一个图层之后,可以通过此功能将本画板内所有与当前图层具有相同填充或字体颜色的图层一起选中。

快捷键:ctrl + ⌘ + C

a3a9c07965092114986fcf771b6ea596d95a4e09

(Select Layers by Name)根据名字选择图层

选中一个图层之后,可以通过此功能将所有与当前图层名字相匹配的同层一起选中。此功能同样适用于复制图层时自动命名产生的数字结尾,如 Rectangle 1,Rectangle 2,…

快捷键:ctrl + ⌘ + N


(Replace String)批量替换字符命名

通过本功能可以将所有选中的文字图层进行统一命名替换。

快捷键:shift + ⌘ + K


e1b21ef53aad821ca09402a64b9797c4c0349709

最常用的功能就是下面两个了,再简单提一下:

样式清单

生成包含颜色、字体样式在内的可见样式清单,方便用户纵览所有设计要素,也可以将样式非常接近的内容进行合并,还可以将字体样式通过 CSS 文件导出。b7317ba6db63e570c58e2f83b4c05c552097a72d

生成字体样式清单

生成一个画板,其中包含了本项目中所有用到的字体样式。

0ab7d3e1f06e5f1290ff889b4a1cadaa2fc375f3

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
固若金汤 - PostgreSQL pgcrypto加密插件
背景 默认情况下数据都是以明文存储在数据库中的。 如果未使用数据传输层加密手段的话, 数据一旦在传输中被截获的话就很容易泄漏数据。 本文将要介绍的是数据内容的加密。 数据内容的加密可以在数据库服务端进行加解密, 也可以在客户端进行加解密. 在数据库服务端加解密的话, 网络
13224 0
Serving Client 介绍
通过前面的一系列文章你已经知道如何基于 kubectl 来操作 Knative 的各种资源。但是如果想要在项目中集成 Knative 仅仅使用 kubectl 这种命令的方式是不够的。是需要在代码中基于 Knative Serving SDK 进行集成开发。本文就从 Knative Serving SDK 入手,介绍如何基于 Knative SDK 进行 serverless 开发。
418 0
怎么设置阿里云服务器安全组?阿里云安全组规则详细解说
阿里云服务器安全组设置规则分享,阿里云服务器安全组如何放行端口设置教程
8428 0
有关ThinkAPI短信服务的详细介绍
下面由thinkphp框架教程栏目给大家介绍有关ThinkAPI短信服务的详细介绍,希望对需要的朋友有所帮助! 服务概述 为了更好的服务开发者和ThinkPHP生态,官方优选优质稳定的短信服务商正式推出了短信API服务,目前仅支持验证码和通知短信,后续还会陆续开通更多的短信服务。 由于短信服务是单独规划和设计的,调用接口统一纳入了ThinkAPI服务,所以我们对短信API接口做了统一规划,将来还会陆续接入更多的短信服务通道和短信业务,由于调用参数和返回数据等规范已经统一,所以不会影响原有接口的使用。
52 0
AndroidStudio笔记(2)插件介绍
前言 Android Studio作为基于IDE的专业开发Android的开发工具,插件市场为我们提供了各种方便快捷、提高工作效率的插件,本文记录一些比较常用的插件。
1205 0
CSS样式中选择器失效问题
对于怎么排查样式失效:    1. 学会使用小程序开发者工具提供的小程序调试工具和Chrome调试工具来排查原因(这会很大程度上减少排查问题的    时间);    2. 首先需要确认标签有可能使用什么来作为样式选择器,最常用的是标签、class、id,确认是否设置了相应的属性;    3.
733 0
Jenkins常用插件介绍之权限控制插件Role-based Authorization Strategy
除了搭建jenkins时默认安装的插件之外,有时候扩展功能,还需要安装一些其他的插件,下面为大家简单介绍一下Role-based Authorization Strategy插件。
11 0
+关注
23
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载