前言：6月份Adobe更新了PS等设计软件的，这次升级对界面设计师而言并没有什么值得关注的内容。不过我也想借此机会回顾下自 CC 版本以来PS为我们带来的那些在界面设计中便捷的新功能或改进。

画板

画板是在 2015 版本中引入的。伴随着sketch在界面设计中的兴起，photoshop对界面设计的不友好及大而全的功能为很多界面设计师所诟病。

而早在 2014 版本中，Adobe 就开始尝试在 PhotoShop 中逐步探索基于界面设计的功能点。2015版本引入画板更是成为了当时一大话题点，同时也把PS 和 Sketch 拿到一起做了一番比较。

画板概念在设计工具上并不稀奇，PS上的画板也并没有什么特殊之处。只能说，为了顺应设计趋势。PS从最初的图片修饰到现在不得不承担起了编排的工作，本来这应该是 AI 的工作。这也是我一直很好奇的一点，为什么 Adobe 没有把 AI 设计成一个适合界面设计工作的工具。或许这跟早期拟物化设计时期，人们重修饰而轻编排的起源有关吧。

此处的画板和AI的画板最大区别在于画板层级关系。即PS中的画板是一个大文件夹，它包裹着涂层及组。所以当图层或组移出画板边缘时，图层或组会在组层视图中移除画板。所以为了防止这种事情发生可以在图层视图中开启 锁定 > 防止在画板内外自动嵌套 （第四个小图标）

图层样式的多层叠加

在 2015 版本之前在一个图层或组中每个样式只能用一次，要再添加你得嵌套一个组再给组添加新的样式，非常麻烦。这个功能之前版本用户呼声也是很高。

这个功能的引进我们在基于原生功能做界面的时候叠加样式就方便许多。做阴影你可以叠加多层以达到透光效果，而不需要在一个样式中费劲的调整渐变什么的。

形状工具圆角功能

于上面的多层样式一样也不知为何到这么晚才加入。我觉得这个东西很有必要吧，是个没什么好讲的功能～

新建文档类型

从 CC 版本开始每个版本都有在根据当时的趋势需求对文档类型做调整。从引 入移动设备 到现在完整的区分 各主流设备的尺寸 ，不可谓细枝末节的调整。也是对设计人员提高效率的一种便捷。

Creative Cloud 库

CC 与 CS 最大的区别就是基于云的整合服务。从CC开始应用不再是单体一次性买断制，而改为了包月包年的服务形式。同时基于云，把各个独立应用整合在一起，使得无论跨应用或夸设备、平台使用都成为一种便捷。而 库 就是这一切的纽带。

你只需要注册一个 Adobe 帐号，在最新版Creative Cloud 中登录，然后你用的应用是CC 之后的版本 就可以在应用中使用 库。你可以在AI中做好LOGO 保存到库，再在PS中直接从库中拖出来应用到你的界面中再保存到库，继续区AE把界面变成动效。而这一连串的操作不再需要各软件之间切换、导图…

感觉很宣传的口吻…反正这个这个东西存些常用的组件还是蛮好的。

与之相对应的还有一个 Creative Cloud Libraries 来链接 Adobe Stock （一个付费图库）。这个就没什么好讲了，毕竟是一付费服务，本人也没用过。

其实所有关于云的功能都可以在这里讲一下。夸平台的同步设定可以让你在多台电脑中同步你的工作台，而在收购了Behance 之后，你现在可以直接在PS中发布你的项目到 Behance 上了～

CSS样式导出

随着界面、网页的发展，能更加智能的从设计到代码实现成为很多设计、代码软件努力的方向。比如 Adobe 自己旗下的 DreamWeaver 就是一款所见即所得的网页编辑器，以降低程序门槛。

理论上，PS中用工具图形绘制的样式都可以导出成CSS样式。不过其中存在着或多或少的问题，很难达到直接拿来用的地步。不过作为程序人员理解设计稿的一环，倒是可以为我们开启一些协作上的思路。

设计空间（预览）

这货在刚出来时候被认为是 Adobe 对sketch吹响的一次反击，不过可惜的是到现在还是处在 预览 阶段。不过最近新推出的 XD 大有整合界面设计和交互设计的势头，不过问题还是在与开发进度的缓慢推进上。现在的版本能提供的功能太有限。

导出资源

相较早起版本只能导出web格式的整张图，从 2014.2 版本开始引入的 提取资源 则可以以图层为单位提取图片资源，并且提供了图片的倍率关系。是专为界面设计而打造的功能。

这个功能点在几个版本的变迁中也发生了很多变化。2015版本进一步优化了这一体验，将导出分为 导出为 和 快速导出为 png 等多种细分目录，提供了多种且便捷的操作方式。

同时值得一提的是，除了导出外，PS还为我们提供了 生成 > 图像资源 这种切图方式。软件自动为我们在源文件目录下生成了一个含有自动切图的资源文件夹。

参考线功能增强

2014.2 这个版本可为在界面设计上下了血本。

参考线在原先的添加参考线的基础上又添加了 参考线面板 和 通过形状添加参考线 两种方式。前者为我们列出了比较详细的分栏方式,而后者帮我们轻松定边界。

职能参考线，这个功能也是神来之笔。不过可惜的是在PS上的体验远没有Sketch上来的好

Device Preview

这个功能在之前是有替代功能和产品的。在首选项下面的 增效工具 启用远程链接，然后在手机上利用一个腾讯开发的叫 PS Play 的工具。

原生功能总归好过第三方。通过数据线，即使在复杂的环境中也很和方便的将及时图像传输到手机上。不过比较麻烦的是App Store国区不提供移动端应用下载，需要一个港区账号才能顺利下载也是不小的麻烦。

虽然就sketch而言，PS已经不太适合用来做为界面设计的首选工具了。不过，基于PS本身强大的功能。很多sketch无法完成的工作，我们还是需要基于PS来完成，而PS在界面设计上的改进也无疑在推动整个行业的前进。