--李节苓 （北京理工大学设计艺术学院）

摘要：Photoshop CS3是Adobe家族最新推出的一版图像处理软件，随着Adobe产品对设计工作者越来越深刻的影响，它的交互界面也呈现出前所未有的风貌。本文收集有关Photoshop CS3的评价信息，通过任务分析法、视觉链值测试、观察、访谈等，以效率原则和人性化原则为标准，较为全面地总结了它的人机系统的优点和缺点，旨在概括目前设计辅助软件人机界面设计的主要方向和发展趋势。
关键字：Photoshop CS3，人机界面评测，交互设计

一．任务分析

任何人机界面的交互设计，都是用一定顺序的有效步骤，完成既定的某项任务，对这个过程的分析即是“任务分析”，通过任务的抽象、对比，可以评测界面设计是否有冗余步骤，是否逻辑清晰。Photoshop的主要任务，是将来源不同的图像素材，通过整合、调整，最后形成一副完整作品。如图1所示

图1

Photoshop和其他所有设计软件一样，采用的基本单元和单位都是“像素”。像素（Pixel）是一个小的方形的颜色块，一个图像通常由许多像素组成，这些像素被排成横行或纵行。当用缩放工具将图像放到足够大时，可以看到类似马赛克的效果，每个小方块就是一个像素。Photoshop的功能非常强大，但整个“浩大工程”却搭建在“像素”之上。它的主要工作原理如图2所示

图2

从图中可以看出，基于像素，Photoshop区分了处理的两大对象——位图、矢量图，形成了处理的三种方法——绘制新的像素，选择已有像素，修改已有像素。在此基础上进一步产生了Photoshop的一系列工具和概念：拾色器（拷贝颜色）、颜色模式（配色手册）、颜色调板（存储颜色）、画笔（手绘效果）、钢笔（贝塞尔曲线）、蒙版（选区的精致修改）、通道（选区的存储与调用）、图层（图层效果与属性）。这些工具和概念模拟了传统作图的手绘方式，如图3、图4所示

图3

图4

从图中的比较可以看出，电脑操作与传统构图的流程具有一致性，使用者能很快适应，流程中的每一步可以有返回（反悔）操作，能够记忆不同时间的操作纪录，并且可以自由组合进行创作，这是传统手绘难以达到的。借助“像素”“选区”两个概念，实现了计算机语言和传统思维模式的转换。使用者只需要基于认识习惯，对图像进行颜色和形状的各种操作，计算机通过像素实现各种操作命令。如图5

图5

二、视觉链值测试

Photoshop的界面设计具有延续性，在早期版本中出现过的一些工具选项或命令，并不随着版本的升级淘汰，但在版面中的位置会重新布局。在CS3中，仅界面布局就有三大改变：1.工具箱由双列更改为单列，并保留了双列形式，可以在单双列之间进行切换；2.浮动调板被整合为调板区，并区分常用调板和次常用调板，调板的显示和组合方式更加灵活，根据占用显示区域的大小可以划分四个层级：缩略图标提示、图标加文字提示、窗口显示、独立窗口显示；3.工作区增加新的全屏显示方式“窗口最大化模式”，在这一模式中工作区与调板区自动配合，彼此不产生遮盖。除了布局的改变，细节也有两处较重要的改善：1.调板在移动过程中有透明效果，从而减少了在操作过程中对工作区的遮挡；2.预设管理器中增加了“菜单管理”，可以设定某个菜单选项的显示不显示或以某种颜色显示。

下面将Photoshop CS3的界面划分为上视区（菜单栏）、左视区（工具箱）、右视区（调板区）、主视区（工作区）四个部分，并设计实验进行视觉链值测试，如图6、图7所示

图6

图7

对比视觉链值大小和注意力分布数据，可以得到：工作区的视觉链值最大，调板区和工具箱依次减小，菜单栏的视觉链值最小；主视区的注意力最集中，右视区的注意力优于左视区，上视区注意力最弱。所以，Photoshop将工作区放在注意最集中的主视区, 较为常用的调板放在右手操作方便的右视区，工具箱放在右手操作稍弱的左视区，菜单栏放在不影响视线的上视区。对比CS2和CS3的界面布局，可以发现布局三大更改（单列工具箱、整合调板区、窗口最大化模式）都是为了突出视觉链值最大的工作区——扩大有效范围，减少遮挡。

三．观察：对菜单栏、工具栏、工具箱，针对具备以下特征的用户进行观察：对windows操作界面熟悉；有一定平面设计经验；没有接触过photoshop产品以及adobe系列的其他产品。观察结果：

1.对photoshop cs3的菜单栏能迅速了解其展开使用的方法：菜单栏置于顶部，只有一行，按任务分类收纳，构成多级菜单，与windows的界面系统一致，并且是几乎所有软件界面的通用布局——分隔线表示归类，黑色三角表示有展开下级菜单，灰色字表示当前命令不可用，黑色字表示当前命令可用，附加的字母组合表示快捷键。

2.对各个菜单的熟悉速度如下：基本没有障碍——文件、编辑、帮助；阅读菜单条目即能掌握——视图、窗口；可以试着操作——图像、滤镜；很难应用——选择、图层。

3. 工具栏的内容随着选择工具的变化而实时变化,采用线状序列,用户可以清楚地知道如何向前推进。对数字输入框、勾选框□、浮雕效果，能准确了解它们的符号指意。

4.工具箱从上到下依次划分为像素选择工具、像素修改工具、矢量工具、视图工具，图标具备良好的区别性和引导性，因此有良好的识别性。基于图标良好的识别性，用户能容易地记忆。

5. shiftctrlalt的快捷键组合，当进行“选区加法运算”时需要加入长宽等比的选区，或在进行“选区减法运算”时需要减去定位中心点的选区，由于shiftalt键具有多重定义，只能配合鼠标点击和键盘释放的先后顺序进行快捷操作，容易混乱。

四．访谈：对调板区针对具备以下特征的用户进行访谈：使用过photoshop cs2之前的版本；对photoshop的使用过程比较熟悉。访谈焦点：“对调板的使用有哪些印象较深的切身体会？”访谈结果：

1.调板可以自由组合，也可以恢复默认设置，默认设置的组合已经有很好的归类性；

2.通过右上角的弹出菜单，可以执行当前调板的所有命令；通过下方的小图标，也可以执行几乎所有常用命令；通过快捷键的配合，可以执行“复制”、“创建选区”等使用频率最高的命令。菜单、图标和快捷键具有不同的域，形成从初级到高级的使用阶梯，越熟练的使用者越趋向使用快捷键，从中提高效率，初级使用者也能从完整的菜单条目中找到所需命令。

通过以上评测可以看出，Photoshop CS3在用户界定上的针对性很强，需要有相关的色彩、摄影、印刷知识，以及一定的平面设计经验。因此，提示语言、流程设计不能完全考虑到一般人的需求，而是在特定范围内的优化设计。鉴于这个原因，photoshop cs3在信息分类、信息引导上已经做得很好，界面风格一致，空间利用合理，信息反馈全面，纠错宽容性强，记忆负担较小。目前，在逻辑清晰、操作简洁的基础上，如何用计算机语言更好地表达和模拟人脑模式，从而在细节中体现用户的使用习惯和人性情趣，已经越来越成为设计辅助软件的发展趋势。

参考文献：
《Adobe Photoshop CS标准培训教程》 人民邮电出版社
《人机界面设计》第5部分“人机界面设计评价” 机械工业出版社
《照相馆的故事》 北京希望电子出版社

相关链接
» None