七、使用图层样式(layer style)
图层样式可以实现非常丰富的特效,包括投影,光泽,纹理,发光。
除了常用的发光、投影、浮雕外(在webUI设计中其实它们反而不常用),
图层样式可用于填充纯色、渐变和纹理。比较与填充图层,图层样式最显著的特点是便于移植。
描边可用于创建border。内发光可用于创建padding。外发光可用于创建margin和小圆角边框。
混合模式、透明度、填充透明度都是图层样式的一部分。他们可以被一起方便地移植
单纯使用样式可以创建多种玻璃质感、水晶效果、金属拉丝、塑胶质感的按钮样式。
图层样式的优点:
图层样式可以通过复制、粘贴操作来传递到其它图层中。可以通过多选,一次向多个图层粘贴某个样式。还可以通过快捷键来操作。Alt+拖拽,是移动某个图层样式,alt+crtl+拖拽是复制图层样式。(使用鼠标快捷时,透明度,填充透明度和混合模式这3个属性将无法像粘贴图层样式那样也传递过去。)
图层样式不会破坏原始图像质量,允许随时修改样式的配置参数。
更改原始图像时,应用其上的图层样式会立即自动变换以适应新图像。
图层样式支持无损缩放。(涉及像素纹理的除外)。另外当psd文件的图像大小(分辨率)发生改变时,图层样式可同步缩放。必须保证“图像大小”的设置对话框里,
如图这个复选框被选中,同步缩放才能起作用。
图层样式可保存为预设配置,进入资源库,在多个pad文件之间复用,保证样式的继承和统一。
下面这些链接中可以提供大量的图层样式下载,双击.sal文件,可以直接加载样式在预设配置里。
八、资源管理——定义预设配置
对于交互界面设计这种存在大量需要风格统一的工程文件和多人团队协作的项目而言,资源管理是必须的工作。
和程序写作一样,需要先统一接口、函数,PS里也有许多可以预先配置好的元素。
包括 渐变、纹理、色卡、图层样式、矢量形状、画笔、等高线、工具、图案等,更专业的还需要做统一的颜色配置。
PS提供在”菜单: 编辑 —> 预算管理器”里管理这些资源。可对资源进行分组,命名,添加,删除,存储,载入等操作。
每一种资源都有对应的控制面板,每一个面板右侧都有折叠小三角。点击后展开统一的管理菜单。
在项目开始前,
将logo和标志性装饰图形 作为 矢量形状预设载入。
将主配色 作为 色板预设载入
将常用渐变 作为 渐变预设载入
将主按钮和背景条样式 作为 图层样式预设载入
将常用纹理 作为 图案或填充纹理预设载入
将常用虚线 作为 画笔或图案载入
……
花一些前期准备时间,将设计风格进行商讨统一,然后新建组别存储。并将不同类别的预设分别存储为预设文件:如色块文件:***_pro.aco , 渐变文件:***_pro.grd。分发给协作设计师使用。除了能大幅度提高工作效率,还能保证文档工作的专业和规范。
且无论项目持续了多长时间,或者经历时间漫长的频繁改版,或者更换过几个设计师,都能保证基础风格的协调和统一。
八. 多人协作项目的ps文档版本控制
Adobe的从CS版本开始,在套装中提供了Version cue 和 Bridge.
Version cue: 用户PSD文档的版本控制,多人在线协作管理
Bridge:图片管理/浏览工具。支持Adobe的所有工程文件预览(得保存为pdf兼容格式)。拥有支持 tag , 图片尺寸,类型 等多种维度的强大过滤器,用于管理本地数量庞大的素材库很好。
这两个小工具软件很容易被忽略,(我觉得是它们2.0之前的版本都做得太差了,Bridge曾经导致我频频死机。但是从cs3版本后,这两个小工具都在性能上做了很大优化,变得非常好用)
关于结合使用Version cue 和 Bridge,创建一个属于设计师的SVN系统,对工程文件进行版本控制,这有一篇写得很好很详细的教程。在阿里集团中,淘宝的UED团队还是最靠谱的。