关键词：手持移动设备;界面;交互设计;研究
软件界面是人与手持移动设备之间的信息交流界面，软件界面的设计直接影响用户在使用和操作手持移动设备系统时的可用性、便捷性和舒适性。在人与手持移动设备之间的信息交流界面中，人应始终体现主体地位。在软件界面中主要包括用户界面视觉设计、操作流程设计、以及操作反馈设计。
一、视觉结构设计
创建成体系的视觉方案会为设计师节省大量的时间，并能够保持界面的一致性。通过视觉结构所创建的视觉路径有助于用户在界面中自由使用和操作。没有清晰的视觉结构，设计师所设计的界面会使用户难以理解并可能引发错误操作。下面我们将讨论以下几种构建视觉结构的方式。
（一）分组
1.将界面中的视觉元素进行分组，不仅可以帮助用户理解和使用界面，也有助于降低界面的复杂性。
2.分组通过视觉元素的靠近来体现，可以在设计中通过对齐、对比等视觉手段体现分组。
（二）分层
1.分层的目的是引导用户以正确的方式和顺序使用界面，设计师应首先明确最明显和最主要的视觉元素或者分组。
2.用位置来分层。一般来说手持移动设备中界面上方的视觉元素比界面下方的视觉元素突出。
3.比例的大小是建立分层的一种方式。比例大的视觉元素比小的视觉元素更能吸引用户注意，在同一个视觉分组内也可以通过比例大小进行视觉分组。
（三）对齐
设计师在设计对齐方式时要避免无序的对齐方式。在一个界面中设计一种视觉元素的对齐方式，同一个应用中的不同界面也要保持一致的对齐方式。这种方式能够让设计更易于理解，同时有利于提升界面的整体性设计。
二、图标设计
图标指手持移动设备界面中表示命令程序的符号。具有风格统一，整体性强，图标设计应该有焦点， 图标要保持简洁， 使图标显得有趣，富含娱乐性， 主题文化内涵蕴含其中的
特点。
三、字体设计
（一）字体颜色
1.在界面中进行字体设计最重要的就是色彩的对比，选择比背景颜色深或者浅的颜色来设计字体以达到良好的显示状态。
2.选择简单的界面背景颜色来衬托字体颜色，过于复杂的界面背景颜色会干扰字体颜色的显示。
3.在字体上使用阴影颜色，加入阴影颜色可以拉开字体和背景之间的对比。可以選择比背景颜色深或者浅的颜色表示字体底部突出的边缘，加强背景纹理的印象。
（二）字体选择
1.字体的选择设计首先要与该界面的界面特点保持一致。
2.在9px以字体选择时，抗锯齿字体会变得模糊，这时通常会选择像素字体。
3.如果采用过多的字体，会增加视觉干扰。
（三）字体大小
1.字体大小的单位是point。在手持移动设备界面中，字体的大小是根据界面中元素的类型来预选的。
2.大标题之下的文字应该比当前字体至少大1号，并且在所有元素之间需要更多的留白，即行间距。
3.设计师应尽量确保文字的易读性。
4.字体大小的设计是一个统一的整体，如果改变某一处的大小，意味着可能需要调整界面中其它地方字体的大小。
（四）字体粗细
字体的另一变数就是粗细。在标题的字体中经常使用，它可以将用户吸引到标题上。与下面的文字相比，标题显得“更重”。
四、色彩设计
（一）界面和图标的色彩设计
色彩是界面视觉传达中最具表现力的因素之一。用户在操作界面时，最先看到界面和图形的色彩。色相、明度、纯度是色彩的三要素，色彩的对比是其核心内容。在手持移动设备界面交互设计中，要求色彩在“简”不在“繁”。随着时代的变化，用户对色彩的偏好也在不断地变化。如今，手持移动设备界面更加趋向简洁醒目，用色简单反而容易给用户留下较深的印象。对手持移动设备界面进行色彩设计时，色彩不宜过多，必须统一于整体之中，确定一种颜色为主色调，一般以浅色居多，有利于体现界面主题;主色调要与文字和图标的颜色产生对比，图标多选择深颜色，形成既有对比又相互协调的色彩体系。
（二）对比色设计
1.导航栏中使用对比色。设计师在设计时会使用对比色让导航栏的颜色有别于背景颜色。
2.列表标题中使用对比色。列表标题是用于区分相关条目的，它的作用是指导，而不是主要焦点，因此要考虑采用对比度相对较低的颜色。
3.段落控件中使用对比色。段落控件色彩对比度设计目的是为了区分不同的段落。因此，足够的对比能够更好的区分不同的段落。其次，界面生成器也会使控件的色彩有所改变。
4.按钮中使用对比色。颜色可以强调界面中的主要动作，按钮色彩的设计应与背景颜色产生对比，如果和背景颜色相同或相似，用户很难察觉到。因此，设计师一定要确保按钮设计的颜色不会与界面颜色相冲突。例如，在电话中，绿色用来表示拨通电话，红色用来表示挂断电话。
5.视觉元素分类时使用对比色。颜色是将界面内容分类的有效手段，在用颜色进行分类时，要处理好颜色所传达的含义。
参考文献：
[1]黄荣怀，郑兰琴.隐性知识及其相关研究[J].开放教育研究，2004，10（6）.
[2]Dawn G.Blasko. only the tip of the iceberg：who understands what about metaPhor？ [J].Joumal of Pragrnaties，1999，31.
[3]Faueonnier G. Mental Spaces [M].Cambridge： Cambridge University Press， 1994.
作者简介：孙奕颖（1980–），女，河南开封人，助理讲师，研究生，研究方向：视觉影像设计。
最新评论