说起Sketch的一大痛点,就不得不提颜色样式。明明已经建立好完整的图层颜色样式,文本就是无法调用,必须重新建立。导致实际项目中的文本样式非常复杂,特别影响效率。
在69版本中,这个问题将不复存在,新增的颜色变量功能将会统一文档中的颜色调用方法,与Figma类似。此外还增加了组件视图、插入窗口等新功能。69版本整体改变还是挺大的,下面一起了解下。
如果想体验Sketch最新Beta版本,请进入Sketch测试版主页下载 https://www.sketch.com/beta/。但是要记住,一定不要用在自己的正式文件中,防止修改后,低版本打不开。
Sketch 69要求Mac系统版本是macOS 10.14.4及以上,下面是Sketch各大版本对应的Mac系统版本,如果遇到新版的Sketch打不开就需要检查下自己的系统版本。
这是69版本最大的改变。因为增加了独立的颜色变量属性,所以无论是图层、文本、投影、描边,都可以通过颜色变量来调用同一种颜色。在颜色选择面板中,可以对当前颜色制作变变量,并且支持编辑、更新等操作。
原本颜色选择区域右侧换了新图标,这就是颜色变量。以前的图层叠加模式放在了右上角。
下图中展示了描边、投影的颜色区域,跟填充一样,都可以添加颜色变量。应用后图标会变成紫色,并且底部会显示颜色变量名称。
因此,以后的文本和图层就可以共用同一种颜色,非常方便。有点类似于前端的CSS样式名,符合代码样式逻辑,向代码化迈进了一小步。
又是新增的大功能,组件管理更加细致。原本的图层和组件标签切换被去掉,工具栏最左侧增加画布Canvas和组件库Components面板切换。
组件库面板又分为组件、文本、图层、颜色四种分类。其中的颜色是上面讲的颜色变量,也被归类到此。
组件
文本
样式
颜色
在插入工具中新增搜索功能,可以对组件、文本样式、图层样式进行快速搜索。
并且右侧新增独立窗口按钮,或者按快捷键C即可快速打开搜索面板。
组件Symbol的图标更新了,从原来的刷新变成菱形。话说,Figma的组件也是个菱形,不过是由4个小的组合而成。
另外路径偏移功能和用户反馈功能新增对应图标。
这次的69版本在组件样式方面做了大量的改动,无论是颜色变量还是新的组件库面板,都会对我们后面的设计流程产生影响。尤其是颜色变量功能,以后的文本样式可以把颜色单独提取出来,让颜色成为全局的一个基础原子属性,减少组件库的复杂度。
不过和隔壁的Figma相比,组件和样式的灵活性还需要加强,Sketch要加油了。
Figma 和 Sketch 哪家强?来看这篇超详细的对比:
欢迎关注作者的微信公众号:「UI黑客」
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
这么设计才好玩
已累计诞生 612 位幸运星
发表评论 已发布11条
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓