| AI教程 | Flash教程 | Fireworks教程 | Painter教程 | CDR教程 | CAD教程 | 3Dmax教程 | Maya教程 | 摄影技巧 | 广告文案 | LOGO案例 | PS教程

SKETCH秒杀PS CC 2015新功能的7个地方

相信同学们都想知道新版Photoshop的使用体验,@JingDesign 同学在上手感受了Photoshop CC 2015之后,发现这次比较抢眼的几个新功能都很捉急,单从UI设计方面说,Sketch压倒性完胜。特别认真的一篇评测文,强烈推荐 >>>

如果要问大家,这些日子哪件事在设计圈里最火,那你会想到什么?是各种让人炫目的动效设计,还是一个能说会道的“奇才”逆袭腾讯的故事?

不不不,都不是,他们比起这个来,简直是小巫见大巫。6月中旬,设计软件界的大拿Adobe发布了最新款的设计套件Creative Cloud 2015。这样的重磅炸弹无疑让每个还在辛苦P图的设计师犹如经历一场狂欢。所以这就是狂欢的原因?当然不是。Adobe的当家花旦Photoshop已然成为大家讨论的焦点。在加入了多画板支持,图层导出及设计空间等等的新功能后,使用Photoshop设计界面的设计师们终于看到了希望,一时间“Sketch***吧”,“不支持Windows还搞个毛线”,“PS绞杀Sketch”这样的言论如洪水般遍布社交网络与各大设计网站的文章与评论区中。

那么对于作为一直在使用Sketch做界面设计的静电来说,Photoshop推出这样的新功能,到底对于我以及和我一样使用Sketch作为主要工具的设计师有什么影响呢?也许有,也许没有。但是本着眼见为实的原则,静电第一时间下载了Photoshop及其它Creative Cloud 2015套件中的软件,进行了粗略的试用,看看Photoshop到底为这些喜爱PS操作流的设计师来说,究竟带来了什么?

一、Sketch与Photoshop两种图层选择方式操作流的区别

在本文开始之前,静电先描述一下在设计软件中存在的两种操作流派。

第一类,是以Photoshop为代表的图层操作流。第二类,是以Fireworks,Illustrator,Sketch等软件为主的所选即所得的操作流。

大家知道,前者的操作过程中,图层操作在设计过程中所占比例极大,也就是说,当你需要选择一个图层的时候,需要首先转到图层面板,在图层列表中选择你要处理的图层,然后再对这个图形进行相关的操作。鼠标在画布元素上移动的时候,并不进行图层悬停提示框选的操作,当然Photoshop也为使用者加入了点击即可选择相应图层的操作,但是图层外框并不进行提示(即所谓的蓝色选取框的显示)。在第二类软件,也就是Fireworks,Illustrator及Sketch这样的软件中,鼠标悬停在某个元素上,此元素外围即出现蓝色选取框,再次点击即可选中此图层。如下图,左侧为Photoshop类操作流,右边为Sketch,Fireworks及Illustrator图层操作效果。

SKETCH秒杀PS CC 2015新功能的7个地方

对于两种操作流的利弊,静电认为各有各的好,但从Fireworks时代转过来的我来说,这种所指即所得的图层选择模式,可能是我使用后者这些软件的最主要的原因之一。毕竟,在这个效率为王的时代,频繁操作图层对于设计师来说可能很大程度上是一种负担,特别是对于移动端界面设计师而言,这样的方式无疑效率更高,也更容易上手。

如果Photoshop想要在这方面赶上Sketch或者同类型的软件,它对于图层的操作和选择方式,也许应该成为一个首先要考虑的因素。对于后者的操作方式而已,在很大程度上,我们甚至不会过多的将注意点放在如何操作图层上边,这个可以最大限度的避免设计师在设计流程中的分心,从而更专注于设计本身。我们只需要在需要的时候点击图层进行操作,而不是每个步骤中都要点击选中图层,这节省了用户大量的选择和查找时间。对于此种模式,Mac中的Keynote软件同样可以参考,不同的是,Keynote在鼠标未选中时并不会出现提示框,但是在选择后会对选择图形进行标识。相关的操作流如今被越来越多的软件所采用,除了上文提到的使用此种选择交互方式的软件,我们也可以在诸如Axure,以及Xmind等等的工作软件中找到它的影子。下图为此种交互方式的动画展示效果。从所指即所得的逻辑来说,此种方式更符合用户的预期,也可以大幅提升设计效率(对于UI界面设计来说),是未来图层选择模式的更优方案。

3jd20150623

二、画板(Artboard)诚可贵,逻辑在哪里?

为了尽快赶上Sketch的脚步,Photoshop CC 2015中新加入了画板(也叫做艺术板)设计模式。对于画板的溯源,可能追究起来,要算是Illustrator的原创。相比较Sketch的画板,Adobe的产品经理可是为了artboard操碎了心。这个功能的加入更被PS的粉丝们称之为逆袭Sketch之举,可是这个画板究竟怎么样呢?我们来对比一下Photoshop CC 2015和Sketch中的画板。

大家知道,一般的绘图软件,在新建文件时会提示我们输入画布的大小,分辨率及颜色模式等等参数。这也是Photoshop等Adobe系软件的常规操作,但加入画板后,Photoshop如何处理画板(Artboard),画布,图层分组这些层级的逻辑呢?首先我们在Photoshop CC 2015中新建一个文件,输入画布尺寸。静电在这里新建一个800-600的画布。

4jd20150623

接着,静电费劲千辛万苦,终于找到了如何在这其中添加艺术板,首先它在标准模式下,是没有可以添加的入口的,我也找不到它的按钮所在,后来才发现他被藏到了选择指针的二级菜单中。

那么接下来,选择画板工具,看看会有什么情况发生吧。拖拽了一个画板后,画布消失了(如下图所示)。这个时候整个工作区变为灰色,我们刚才建立的画布就再也找不到,也回不去画布状态了。原来如此,Adobe硬生生的添加了一个画板模式进来,无比粗暴,同时右侧图层列表中新加了一个名为画板的类似于组的图层,此时的灰色区域,静电理解为工作区,这个区域是可以无限延展的,跟之前新建立的画布尺寸似乎没有任何关系。

静电研究了很久,感到非常的疑惑,艺术板和画布的关系到底是什么呢?难道我们不是在画布上增加的艺术板,而是Adobe把我们带进了一个无比奇妙的区域?这个区域可以理解为绘图板模式?在这个模式中,画布消失了,并且我们再也回不去画布了吗?这几个元素的逻辑,或者叫做包含关系,到底是什么样的呢?不知道,也许只有Adobe家的产品经理能说明白吧。

6jd20150623

画布跟画板的关系,傻傻地说不明白?画板模式是来自外太空的神秘空间吗?

接着看看Sketch对画布的处理方式。在Sketch中,软件默认是没有画布这个概念的,工作区域是无限大的,这是艺术板模式的基础 。当然,最差的情况,我们可以在画布上摆放画板,但Sketch显然没有这么做,因为有了画板的存在,我们的工作区域就变成无限伸展状态了。

因此,Sketch中的逻辑更为简单直接容易理解,工作区>画板>文件夹>图层,或者工作区>文件夹>图层(未建立画板或者图层位于画板外的情况)。所以Sketch可以在画板外做你任何想做或者画你任何想画的图形,同样它会被显示在界面中。但是对于操作流不同的Photoshop,当我们要在画板外放置某些元素的时候,必须回到图层面板,操作图层从属关系将它拖动到画板之外,如果从属关系不改变,属于画板图层内的图层在画板外将不显示。Sketch则比较讨巧,如果将从属于画板中的元素拖动到图层外后,它们的图层从属关系也会发生变化。

5jd20150623

对于Photoshop来说,我认为加入画板的功能固然值得大家兴奋一阵子,但是在加入这个功能时,请先将图层的逻辑关系搞清楚,然后再做处理会更好。否则这么简单粗暴的方式,只能让原本清晰的图层从属关系变的无比混乱。

三、画板(Artboard)向下兼容成为奢望

画板功能作为Photoshop创新的第一步,牵一发而动全身。在未搞清楚画板与图层从属关系的逻辑的情况下,匆忙作出改变,其后果必然是画板功能无法兼容老版本的Photoshop。当我们使用具备画板功能的Photoshop在画板模式下完成设计后,对不起,其他人的电脑必须也同样安装此版本的软件,否则画板兼容就会成为问题。

如下图所示,在Photoshop CC 2014中打开2015版本创建的具有画板的文件时,情况是这样的。看起来很好,是的,因为图层被合并了,要想不合并图层打开,抱歉,你的设计稿可能并不是那么的漂亮了,如果人品不好,你可能只会得到一张大白板画布。在此时,画板被作为图层文件夹存在其中,同时在最初我们新建立的画布尺寸好像不怎么起效了,Adobe你这么任性好么。

7jd20150623

8jd20150623

主题测试文章,只做测试使用。发布者:绘画吧,转转请注明出处:http://www.huitu8.com/shejijiaocheng/PSjiaocheng/20190810/53820.html



联系我们

在线咨询:点击这里给我发消息

邮件: