性感Sketch52正式版发布,全新UI,在线换暗黑皮肤

Sketch教程 夜雨 1080℃ 0评论
在2018年国庆节期间,Sketch发布了52正式版,带来了macOS Mojave系统下的暗黑皮肤,随机填充的数据源以及全新的UI设计界面。下面我们将逐一体验有哪些重要的更新。

1.全新的UI设计界面

Sketch52版本采用了全新的UI设计,虽然总体上布局没有太大的变化,但是细节处变化明显。具体表现为:重新设计了大部分图标样式,包括工具图标、图层图标等;部分配色有所变化,例如标尺处对图层尺寸大小的强调色(原来为灰色);交互变化,例如检查器中“填充”可以直接在外面输入颜色代码。
所以,总的而言,新版的UI设计还是有所进步的。

2.macOS Mojave下暗黑皮肤支持

要体验这个一键换肤的功能,需要先将手里的MacBook的系统更新到macOS Mojave,否则是没法体验暗黑皮肤的。(来自找了半天没找到换肤按钮小白的血泪控诉)

然后打开“系统偏好设置”-“通用”,在“外观”中选择“深色背景”。

回到Sketch主界面,发现已经换上了暗黑皮肤,按照macOS Mojave的说法,这种皮肤能让人更专注,但最终还是取决于个人的喜好。

3.随机填充的数据

我们一般都会在设计稿中使用虚拟的数据文本、头像、图片等填充设计稿,以便尽量模拟线上真实的场景。在Sketch推出Data(数据)之前,已经有插件提供类似的功能,但不及现在Sketch内置的方便快捷。
使用的方法也比较简单,选中图层(形状、文本),然后在工具栏的“Date”中选择要随机填充的的数据源即可。

如果觉得Sketch默认提供的头像、英文名不符合中文习惯,我们也可以自定义数据源,在菜单栏选择“Sketch”-“Preference”,根据个人的需求喜好增加本地的数据源即可,文本数据需要选择 .txt 格式的文件,一行一条,图片则是选择图片所在的文件夹。

4.嵌套布尔运算

在新版本中,文本、形状、符号都可以使用布尔运算功能了,即文本与形状、形状与符号、符号与符号之间都可以执行布尔运算,不再局限于原来的形状。如下图所示,文本和渐变矩形执行了布尔运算后的效果,文本执行布尔运算后,依旧可以更改文本内容,而不是转化为轮廓。

5.样式覆盖

在旧版本中,如果要替换符号中的文本、图像,就需要用到嵌套符号,但这样会导致组件出现冗余,例如不同状态的图标,就需要制作两套颜色的组件。
在新版中,如果对符号指定了style(样式),再把图层创建为Symbol,那么符号中文本样式和图层样式就可以像嵌套符号那样被覆盖。

6.写在最后

经过笔者实测,在更新到Sketh52.1版本后,由于大部分插件还不兼容Sketch52.x,可能会导致插件不可用,或者Sketch频繁闪退的现象,请谨慎更新。

转载请注明:爱交互 » 性感Sketch52正式版发布,全新UI,在线换暗黑皮肤

喜欢 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址