要如名￡１ｉ 开充 ＧＵ！设计在手机ＡＰＰ中的感官表现 口刘摘隽 要：网络技术的日新月异带领社会步入丰富又便捷的数字化时代，电子通讯工具以及更多新型的数码电子产品正在全球拥 有逐年递增的受众。与此同时，电子商务Ｅｌ新月异，从上一个十年风靡中国的“淘宝”ＰＣ版到如今几乎人手不离的“淘宝”手机版，越 来越多的人正成为手机ＡＰＰ的使用者。图形用户界面ＧＵＩ设计就是将程序语言演变为可视化界面，更是减少用户认知负担的捷径。 关键词：ＧＵＩＣＲ．计手机ＡＰＰ感官表现 一、ＧｕＩ设计的风格与色彩 ＧＵＩ设计能将ＡＰＰ最直观地呈现给用 户，也是用户与之互动操作的接口。手机 已成为人们随身携带以及与外界沟通联系 的必备产品，因此手机ＵＩ的发展更注重便 利与快捷。另外，手机产业由多方参与，这 些参与者都能直接影响手机ＵＩ的可用性， 从而决定ＧＵＩ的设计风格。 手机中的ＧＵＩ设计是以用户为中心而 展开的，强调风格的一致性，并以创新元素 贯穿整体设计，如苹果的ｉｏｓ系统。在ｉｏｓ６ 与ｉｏｓ７的手机界面中，苹果做了性的风 格变化——从拟物化到扁平化。新版的 ｉｏｓ７中削弱了高光与投影，减少了细节，增 大了图标面积，而不变的是界面元素与实 际生活的贴切性。无论是怎样的形式，如 果能利用好贴近人们生活感情的元素进行 设计，并能体现出现代感的时尚风格，就能 拉近虚拟画面与现实操作之间的距离。 ＧＵＩ设计的色彩可以在增强界面视觉 冲击的情况下传递出不同的情感，在心理 知觉效应上也能产生不同的审美效果。大 部分餐饮类ＡＰＰ会选用纯度较高的暖色 系，通过视觉迎合味觉的需求，从而使人产 生进食欲望。而大多数播放类ＡＰＰ则会选 择理性的冷色调，侧重体现智能化的播放 效果与富有科技感的便捷功能。无论选择 哪种色调，界面的色彩与风格形式都是保 持统一的。 二、Ｇ…设计的版式与布局 在手机ＧＵＩ布局设计中，其比例关系 主要体现为手机屏幕的长宽比、图文与空 白的面积比、界面被分割的比例。正由于 手机屏幕的面积过小，因此任何细小的变 化都很难逃脱用户的眼睛。组成手机ＧＵＩ 最关键的部分为图标、按钮与面板，要在如 此有限的空间内传递必要而有效的信息， 这些组件的视图化与各组件之间的有机组 合尤为重要。虽然结合平面设计中的构成 法则，可将主界面采用和谐、对比、均衡、重 ５２ 复等一般设计手法展现得多姿多彩，但注 件反射下的自然感知，如对时间或材质的 入ＧＵＩ设计的主题风格才能赋予该手机 隐喻。此外，交互时的对话框、使用提示等 ＡＰＰ与众不同的性格特征。 都能在兼顾功能的条件下成为可发现的视 手机中的ＧＵＩ设计并非单纯的版面设 觉吸引，使用户在可发现的视觉吸引下寻 计，想要使视觉信息得以顺畅、高效传递， 求可持续的视觉吸引。 界面须具备清晰的条理和严密的组织，产 四、视觉引发的多元感官表现 生一定的主从关系。如调整主从对象的对 动效可以引导用户触碰ＧＵＩ设计中的 比与空间密度、色彩与重复频率，也可以改 按钮，在界面中可以用视觉元素告诉用户 变主要对象的视觉流程设置安排，从而在 接下来该做什么。静态的视觉界面可以引 有限空间里突显主体。在界面的可视化设 发人们产生视觉联想，如在开车过程中遇到 计中，还必须关注如何引导用户完成导航 红灯，随着指示灯的秒数减少，人们很容易 操作，由此信息内容能实现可视化，导航、 理解之后的行为是绿灯通行。又如苹果手 操作、反馈也能实现可视化。与其说设计 机的解锁界面通过文字和滑块，让用户迅速 者选择了界面布局，不如说布局选择了设 感知移动滑块便能解锁。设计者可以通过 计者，这是一个相互作用的过程。布局是 具有指向性的视觉符号提醒用户触发后将 手机ＡＰＰ内容组织的必然结果，一旦考虑 会发生的转场事件，如箭头指向、滑杆位移、 周全了界面的所有需求与细节，完美的布 虚实反转或易产生联想的图形和色彩等。 局便能逐渐形成。 声效能配合手机中的ＧＵＩ渲染出更真 三、Ｇ…设计的视觉吸引 实的用户体验，可更深入地营造出ＡＰＰ的 每一位ＡＰＰ设计者都期望用户对自己 使用氛围，也可帮助手机ＡＰＰ发挥出提醒、 的ＧＵＩ设计一见钟情，要做到这一点，关乎 推送、警示等功能。手指点击虚拟键盘时 太多的细节，如色彩时尚或图形幽默再或 候的“嗒嗒”声、ＱＯ消息传入的“嘀嘀”声 者文字风趣，也有可能是这些因素的总 等，都可以给用户带来身临其境的乐趣和 合。在ＡＰＰ ＳＴＯＲＥ中会显示成千上万种应 享受。 用图标，而这样的图标就相当于每一个 ＡＰＰ市场目前正进入一个高速、良性 ＡＰＰ的移动名片，受众第一眼的好感就来 发展的轨道，ＡＰＰ也是当下最时髦的一种 源于此。图标设计是方寸之间的艺术，需 沟通方式。手机ＡＰＰ已成为实用性极强的 要在很小的范围表现出该ＡＰＰ的内涵，利 讯息传播媒介，并能满足用户对个性化软 用色彩和网点的空间混合效果进行设计。 件的多种需求。ＧＵＩ设计与用户密切相 首次打开手机ＡＰＰ之后通常会出现欢 关，只有美观实用的手机界面才能带给用 迎界面，这部分时间实际正在同步服务端 户视觉上的舒适感和操作上的成就感。 联网的数据。ＧＵＩ设计师可以巧妙地利用 ＧＵＩ设计是手机ＡＰＰ的表现载体，又同时检 这部分缓冲时间传递给用户该界面的友好 验着应用程序的合理化与人性化，这一个 性。欢迎界面的视觉图形可以抓住用户的 汇聚各种视觉演绎的现代化设计平台正带 眼球，同时在亲和的氛围中引导用户进入 领用户步入魅力无限的未来。 ＡＰＰ主界面。 为了减少用户的记忆负担，隐喻的手 （作者单位：无锡科技职业学院） 法在ＧＵＩ设计中占有不可忽视的地位，适 当的隐喻可以使用户在头脑中显现出对现 编辑杨婷 实生活的映射，从而引导用户进行环境条
