介于多设备时代下的界面设计表现方式上的差异性

王倩

摘 要：本文基于多设备时代下的界面设计及其操作平台所表现出来的差异化分析，对多设备时代下的界面变化、由设备变化造成的视觉化影响、操作方式的改变与随之而来的交互式变化三大板块进行浅述。

关键词：多设备；界面设计；视觉化；操作方式

随着移动通信技术的高速发展和信息终端设备被人们所广泛适用，过去由电脑作为主要的网络信息共享、传递、存储设备的方式已逐步被多元化的设备形式所分流。人们不再需要保持在固定的网络环境中，就可以随心所欲地依靠自身携带的智能移动设备终端随时随地地享受互联网带来的便捷。而以个人电脑、智能手机、平板电脑等为重要代表的多元化设备形式被广泛应用，其最为显著的变化表现为基于各个设备中的屏幕大小和输入输出的呈现方式上的差异化，也使得界面设计的表达方式和表现形式变得更加复杂多变。介于这样的多设备模式的发展情况，今后的发展方向想必是更加多元而又复杂多变的。

1 多设备时代下的界面变化

基于同一界面设计表现在不同的设备及其操作平台所表现出来的差异化，使得我们在设计中如何适应这些多元性进行有效呈现，从而为用户提供更好的操作体验则成为了重中之重。压力感应屏已逐步投入量产，即可预知会有越来越多的不同类型的高科技设备等着我们。而在多元化的趋势之下，作为设计工作者必须具备的前沿就要求我们需要以现在和未来的角度来观察这些设备的多元性造成的现象。我们抛开不同的设备所呈现的处理器运算速度和操作系统差异化等硬件设备的条件限制，影响界面设计的物理性因素是基本相同的，其中就主要包含了屏幕的大小尺寸（屏幕尺寸一般由屏幕物理尺寸、屏幕分辨率和屏幕密度所影响）、屏幕的长宽比例、设备的操作方式、输入输出方式等等。

就目前网络环境而言：我们现有的解决方法基本是利用自适应界面模式进行界面设计：根据设备界面的差异性产生的不同需求和其运行的环境进行自动化裁减，用以定制系统的显示和交互行为。但这也只能在一定区域范围内进行有效的自适应变化，设备界面差异过大也是无法完全兼顾的，而对于过于繁杂的界面构成体系甚至会造成系统的负担。因为随着未来数字媒体产业的发展变化，越来越多设备类型蜂涌而出，就单一设备形式去设计其专有界面模式是难以完成的。自适应用户界面就是在满足设备差异化的前提下，提供一种折中的方式去极大限度展现内容的有效手段。而现有的“响应式网页设计”就是依照设备屏幕的宽度，提供最佳版面设计的自适应界面模式中的一种表现方法：以一个HTML用以支持多种屏幕尺寸不同的设备。以一个设备模块自适应于多个屏幕设定，预先根据屏幕尺寸大小设定几个切换版面的页面尺寸的断点，让版面在断点前后的尺寸产生较大的变化，进一步设定切换基准以契合更多得屏幕进行版式设计。尤其是优秀的自适应界面方式：不但可以通过这样的折中方式用户界面进行精简，还可以及其有效地提升工作效率和用户满意度，更从容的应对用户不断变化的需求。因此智能移动终端的自适应界面有较广阔的应用空间，成为解决移动端设备多样性的重要方式。

正是响应式网页设计这样的设定方式，使得网页的显示一样会有适用和不适用的问题，如若网站本身的结构太过复杂，就会导致系统难以应付造成一定的界面混乱。鉴于这样的表现模式所呈现出来的限定性，对网页设计中的界面表现也就有所要求。而就目前的技术而言，未能有根据各种终端设备最优化网页的解决方法。因此，如何通过界面设计自适应于多设备的显示应用也成为了网页设计中重要的一步。

2 设备变化造成的视觉化影响

在某种程度上正是因为这样的多设备带来的变化，设计中的网格化框架就显得尤为重要了。而界面设计（尤其是网页设计）在设计当中，不管版式再怎么多元化，其使用的版式还是基本以网格化模式进行划分的。而一般来说，内容越是复杂，所使用的版式也就越是相通。而这样的网格化组织模式也为我们界面板块化发展奠定了基础。区域的板块化的一致性划分不但能够极大程度的为用户在进行页面浏览的时候提供便利，而且在一定程度上压缩了版面的使用面积。因为区域的板块化划分，实际上也就是在一定程度上划分了其板块的视觉一致性、操作行为一致性、目标的一致性、表现方式一致性。

尤其是板块的视觉一致性尤为显著。我们通过视觉元素的趋同化来保持界面的一致性，其实也是在一定程度上对其信息内容进行了分类，为整合版面提供了基础。其中，视觉符号作为信息传达的重要载体，界面设计者通过视觉化的形式表现去传递信息的功能，以达到形式与内容的统一。界面用户也通过元素的联系性来判断所处浏览界面的位置。而换掉的元素越多，说明内容的关联性越小。掌握页面的“变化量”是能够让用户单就经验就足以获知页面逻辑关系的视觉方式。在界面设计中运用这样形式化的视觉表现形式很好地将整个界面的逻辑关系客观地呈现出来，以供人们能够很好地寻找到网页之间的参照关系和逻辑上的直觉感。通过这样的一致化的表现方式可以在一定程度上整合各资源内容：一是为版面网格化划分提供条件，二是在视觉层面上为受众提供直觉引导，为操作提供便利。

3 操作方式与交互式变化

过去的个人电脑是较为单纯的信息交流存储设备，现在的设备更多元，种类也变得更加复杂。随着手机、平板电脑为代表的数码产品高频率地更新换代。不但如此，随着微软Surface系列等个人电脑的普及应用，触摸式设备几近成为界面设备主流，可想而知其发展空间之巨大。设备更新换代，尤其是屏幕的变化对用户的操作行为模式的影响也是最直接的。在操作行为的引导下，也在一定程度上决定了视觉板块划分。最直接的变化就是：我们从精确点击转化为触摸式滑动、拖拽、轻击...当然，这也为越来越多的交互式界面提供了设备基础。我们虽然需要为精确点击转化为手动触摸提供更多的选择区域（在某种程度上需扩大点击的选择区域，缩小了可用率。），以便不失去其本该有的点击准确率。与此同时，触摸屏控制手势的加入也大大的弱化了人机之间的距离，交互性不由而生。对比鼠标的左右二键和滚轮，手势的变化就显得更为丰富而多变了。不但在一定程度上增加了的可塑性，交互式的出现也极大地影响了界面的版式划分：比如隐藏式信息栏，俨然变成为一种主流的导航设置方式应用于各界面设计当中。这无疑在很大程度上改变了界面设计中对屏幕大小、尺寸比例的限制，大幅地增加了版面设计的自由度和灵活性。界面与界面之间的翻转滑动变得简单起来。它消除了界面和界面之间作为个独立的页面而存在的方式，内容的直观连贯就变得轻而易举起来。同时，这也为界面的交互式延伸及转化提供了更为有利的条件。

4 结语

在这个第四媒体广为适用的时代，科技的进步带来的信息全球化可显其重要性。而科技的可贵之处便在于在其不断的变化发展中彰显其价值所在，每一次的发展进步都给我们的体验带来了或大或小的改变。界面设计作为科技显现的重要视觉化表现方式，如何在这样一个发展中的多设备时代下，保持其时代的一致性就变得尤为重要。本文希望通过对多设备时代下设备的差异性对设备变化造成的视觉化及其操作方式变化带来的一系列变化进行个简要分析。

参考文献：

[1] 马璇.智能移动终端自适应界面的一致性研究[D].北京邮电大学硕士论文，2013.

[2] 盛晓峰.从小屏幕到大屏幕交互转换的用户体验研究[D].上海交通大学学位论文，2009.

[3] 张思望.网页设计中视觉元素的功能与审美性研究[D].西北大学硕士学位论文，2006.