2019-11-28 UI设计培训

UI设计培训 | 智能对象使用技巧

最近有许多小伙伴向UI设计培训像素妹儿吐槽智能对象——不能使用选区也不能使用画笔,简直就是“智障对象”,完全无法理解PS里面这个功能存在的意义。这主要是因为大家对智能对象的了解还不够深入,看完今天这篇文章后,我保证你一定会喜欢上它的。

智能对象好处多,主要有以下四个方面。

代替图层编组

在设计圈里有这样一句话——没有什么效果是一千个图层搞不定的,如果有那就两千个!任何一副作品少则几十个图层, 多则成百上千也是常有的,这么多图层如果不好好整理,那简直是一场噩梦。

UI设计培训

我们在整理图层时通常会通过图层编组来进行分类,这是一种好的方法,但是与智能对象比起来还是有不足,比如使用图层编组不仅不能减少图层数量,反而还会多出一个图层,而通过转为智能对象,无论之前有多少个页面,转为智能对象后都会压缩为一个图层,简直不能再少了有木有。

而且图层编组还有一个致命弱点,那就是无法对下方图层使用剪切蒙版,但是智能对象就不会存在这个问题啦。

除此之外还有一点需要特别说明的地方是使用智能对象编组可以极大地压缩文件质量,通常情况下文件压缩率能达到80%以上甚至更高。

有小伙伴会问,我使用合并图层不是也可以实现文件压缩吗?从结果上来说是可以的,但是合并图层破坏了文件的原始属性,一旦合并就无法再进行调整了。如果后期效果不满意那只能重新做了,而智能对象则完全保留了源文件的原始属性,可以随时修改,相比之下具有无可比拟的优势。

保持图片清晰

我们在设计中处理一些图片素材时会经常调整图片的大小,有些小伙伴可能会发现,当我们频繁放大缩小或者将图片严重缩小再放大时,图片会变得异常模糊。原因在于当我们缩小图片时,PS会压缩一部分图片信息,当我们放大时这些压缩的信息无法还原,缺失的部分会有临近像素补全,这样缺少细节就会导致图片模糊。

UI设计培训

想要解决这个问题就需要我们在缩放图片前要先将图片转换为智能对象,这样无论我们如何缩放调整图片都不会模糊。

这是因为当我们把图片转位智能对象后,相当于给我们的原始图片创建了一个相同的缩略图,原图的源内容及原始特性都保存在了智能对象内,无论我们对智能对象做何操作都不会损坏原图,只要我们的原始图片质量够好,那么即使缩得再小,放大后依然会非常清晰。

随时调整滤镜参数

毛玻璃效果堪称UI设计领域的常青树,从早先的WIN 7到后来的IOS 7以及目前许多产品都有用到,可谓长盛不衰。想要制作毛玻璃效果那就一定会使用到滤镜中的高斯模糊功能,通常情况下当我们对一张图片的模糊参数不满意时往往需要后退一步,重新选择滤镜调整,非常麻烦,如果能够先将图片转为智能对象再使用滤镜,那就不用这么麻烦了。

UI设计培训

当我们对智能对象使用滤镜效果时,在图层下方会出现智能滤镜,如果我们对当前的效果不满意,双击滤镜名称就可以打开参数设置面板重新调整,而不用再返回重新选择。

图层复合

以上几点只是智能对象的基础操作,“图层复合”才是智能对象之所以“智能”的关键。

Symbol可以说是Sketch中的核心功能,通过复用样式极大地提高了工作的效率,在PS中我们可以通过智能对象的图层复合功能在一定程度上实现Symbol的功能。

我们以电商产品中常见的商品列表页面为例进行演示。

首先我们需要创建4个单独的商品模块,将4个模块选中水平垂直居中对齐,然后右键整体转换为智能对象;

UI设计培训

转为智能对象后在图层面板中会出现一个新的图层,在缩略图的右下角有智能对象的图标;

UI设计培训

双击智能对象缩略图进入智能对象内部,在PS中会打开一个后缀为psb的新文档,然后选择菜单中的窗口-图层复合选项;

UI设计培训

在图层面板中将除商品1外的其他图层隐藏,点击图层复合面板右下角倒数第二个图标,新建状态,命名为商品1;

UI设计培训

将另外三个图层依次按照上一步骤创建复合状态,共有四个状态,COMMAND/CTRL+S保存并退出;

UI设计培训

回到我们之前的文档,点击我们创建的智能对象,在属性面板会看到一项选择状态的属性,切换不同状态会发现智能对象的内容会相应改变;

UI设计培训

将智能对象复制到我们需要的页面中,复制并调整排列,然后选中各个智能对象分别切换不同的状态,这样很快就做好了一个商品列表。

UI设计培训

怎么样,是不是超简单?同样的方法也可以用于具有多种状态的按钮和图标,以后做页面再也不怕麻烦啦!

总结

PS作为一款经典的设计软件,所有功能都是在用户长期使用的过程中经过严苛筛选所留下来的,所以每一个功能都有其特性。俗话说工欲善其事必先利其器,想成为资深设计师,对软件的熟练操作是最基本的要求,各位小伙伴还需要继续加油哦~


林老师:0371-5556 6060