APP下载

电子地图界面及视觉层次设计

2013-08-15付翔

河南科技 2013年1期
关键词:电子地图界面设计平面

付翔

(郑州测绘学校,河南 郑州 450015)

0 引言

电子地图是以地图数据库为基础,以计算机系统为处理平台,在屏幕上实时显示的地图。电子地图就地图本质来讲,是一种视觉产品,其使用价值就在于它的视觉图像之中,它可以把各种信息以直观、动态、形象的方式传达给用户。因多媒体技术的支持,极大的丰富了显示各种类型信息的能力。从而对艺术性的应用提出了更高的要求,需要更加丰富的地图表达形式。设计不仅仅注重于地图内容,而是内容与美的形式相统一,让美的形式表现地图内容,重视电子地图界面的设计,提升电子地图的艺术性价值,使人赏心悦目,增强其信息传输功能。

读图者对电子地图的信息获取主要通过视觉来完成,缺乏明显视觉层次的电子地图必然是内容主次不分、易读性差。一幅电子地图的信息表现应有主次之分,制图者的任务不仅仅是设计每一个地图符号,而是应更注重于如何组织这些符号,把各种图像要素合理安排到电子地图整体中去。使符号表现制图对象的结构关系及电子地图内容的主次关系,形成良好的视觉层次,提高电子地图信息的传输效率。

1 电子地图界面设计

电子地图界面设计,是指分析组成电子地图界面的元素,按照视觉传达设计原则,确定界面中各个组成部分的位置和相互关系,设计和谐、统一的完美界面的过程。其界面设计的要素主要包括地图显示区、工具条、窗口、图标、文字、图片、色彩、动画、视频、皮肤、按钮、菜单等内容。界面设计最根本的原则是从用户出发,满足用户的要求,同时又要实现系统设计者的目的。因此界面设计应注意以下要点:

1)操作便捷。界面布局有较强的灵活性和交互性,交互操作方便,地图主体突出,便于检索查找。

2)美观性:界面设计必须符合美学原则,各界面设计元素及其它们的组合构成方式要协调美观,符合大众的审美习惯,达到审美和信息传递的目的。

3)一致性:结构布局、图片、动画、交互按钮、菜单、色彩等界面元素风格和位置保持一致;把相关内容以功能区的形式组织在一起,用不同的颜色进行区分,位置安排合理紧凑,使界面具有整体感;具有相同功能的图标在整个交流中必须保持形式上的一致。

4)动静适宜:动画、视频等动态媒体极大的丰富了界面的形式,使人们可以得到更直观的信息,方便了用户操作。但在多媒体电子地图界面中多媒体的动和静的比例要适当,否则将会产生视觉疲劳。

界面的设计必须适应人们视觉流向的心理和生理特点,由此确定各种视觉构成元素之间的关系和秩序。视觉流程的形成是由人类的视觉特性所决定的。科学研究表明,人眼的视线沿水平方向运动比沿垂直方向运动快而且不易疲劳。视线的变化习惯于从左到右,从上到下和顺时针方向运动。视区内上部比下部注目程度高,左侧比右侧更引人注意。平面的上部和中上部被称为“最佳视域”,在界面设计中一些突出的信息,通常放在这个位置。界面布局要体现出一定的艺术性,应恰当地应用对称与均衡、变化与统一、对比与和谐、节奏与韵律等形式美法则,使界面的内容和形式统一和具有秩序,并突出主题要素,形式表现应服从内容要求,界面的各种构成要素之间的视觉流程,能自然而有序地达到信息诉求的重点位置。地图显示区域、图层控制区域、查询区域、导航区域、文字、动画等要素在组合时,要注意其结构的轻重大小、虚实、多少等对比因素,加强视觉力度,以强化界面的整体吸引力。地图显示区一般位于地图界面的正中,图层控制区习惯上设在地图显示区的左、右两侧,查询区域可以在地图的上下左右各个方向,一般导航区设在屏幕左侧或上面。界面的色彩设计主要是以色彩学原理、美学、心理学等理论为依据,考虑色彩的对比、色彩的调和及色彩的远近感等,色彩搭配组合要符合人们的审美需求。

2 电子地图视觉层次的表现及影响视觉层次的因素

电子地图视觉层次是指采用各种图解手段,使图面各要素分别处于不同的感受水平上,使得原本是平面的地图产生—种假象:似乎成为具有一定厚度的空间,有的图像突现于上层,有的则隐退到下层,从而方便阅读使用。电子地图按其内容可分为普通电子地图和专题电子地图两类,专题电子地图由于其内容的多样性和专门性,往往要求更明确地表现地图内存的结构关系和主次关系,因而也更需要多层次的图面结构。专题电子地图上要素的层次主要体现在以3个方面。

1)专题要素和地理底图要素的层次差别。在专题电子地图上,专题要素是地图的主题,应突出地表现于地图整饰效果的上层平面。地理底图要素是说明主题内容所处的地理环境,用于专题要素的定位及定向,一般处于从属地位,应置于视觉效果的不太明显的层次。专题要素和地理底图要素的分层是电子专题地图最基本的层次。

2)不同专题要素的层次差别。在许多电子地图上有十分丰富的内容,专题要素包含多项指标,因为专题要素的重要程度或逻辑次序不同,它们所要求的视觉层次也是不同的,有的应置于上层平面,有的则应在下层平面。在有些地图上,尽管几项要素并无明确的主次之分,但为了提高图面清晰度和易读性,也需要拉开它们的视觉层次。

3)同类要素中不同等级符号的层次差别。在同类要素中,较高等级的应位于上层视觉平面,而较低等级的则应位于较低层的视觉平面,以显示其等级差别。

影响构建视觉层次的因素有图型、制图对象结构层次和分类多少、地图性质及用途。简单图型内容单纯,因而大多只分专题和底图要素两个层次;复合图型因表示方法和符号种类较多,大多需要多层结构。制图对象结构层次多,分类、分级多,往往需要较多的视觉层次来表现。反之则只要简单的分层即可。一般参考性地图的层次不宜多,容简明,一目了然。而各种专业性图件和科学参考地图则往往制作成结构严谨、整饰精细的多层次地图。电子地图上安排3-4个视觉层面是比较理想的。

3 电子地图视觉层次设计方法

电子地图不同的视觉层次指要素不同的醒目程度,是由视觉刺激的不同特点造成的,视觉总是首先选择冲击力强、有吸引力的对象。视觉的选择原理包括强度选择性、理解选择性、新奇选择性以及美观选择性。根据这些选择原理,可以按照以下方法设计电子地图的视觉层次。

1)符号尺寸。在其他因素相同的条件下,符号尺寸大小能直接影响感受水平的高低。尺寸大、线划粗,其视觉选择性高,就处在视觉的上层平面。反之则沉于下层平面。在符号的尺寸设计中,要考虑到电子地图环境下符号需要缩放这一特性,符号的各个组成图元比例要协调,保证符号缩放时不产生变形、不互相压盖,以免影响地图阅读。

2)色彩的变化。色彩是构成地图的重要因素,色彩设计比较成功的地图,可使主题内容突出,要素的类型、特征及其视觉层次变化分明。色彩的的变化主要体现在色相、明度和饱和度方面三个方面。利用色彩的强度变化可以造成视觉层次差别。颜色越饱和,其视觉刺激性越高,越突出,颜色的明度也有同样的效果。所以上层平面的符号用色要鲜艳或暗些,下层平面的则用色应浅淡或偏灰。利用色彩的前进与后退性质也可形成视觉层次差别。在符号形式和尺寸相同的情况下,暖色符号和饱和度高的鲜艳符号有近感,比较突出,处于上层平面。相反冷色和饱和度低的符号往往退于下层平面,不过色彩的进退感并不是绝对的,它受明度等因素的影响很大。利用色彩透视性同样可以构建层次差别。透视效果主要与饱和度有关,专题要素符号要用鲜艳而饱和度大的颜色,使之看起采近。需要隐退的符号和底图要素符号,可用偏冷的不饱和色,使之看上去远而处于下层。

3)不同的视觉形态。线划符号和面积色彩属于不同的视觉形态。尽管面积色也有轮廓线,但经验证明当采用面状设色表现范围时,其轮廓线在视觉上就会作为面积色的一部分而降低其明显性,从而大大减少对其他线划的干扰。所以在地图上一部分轮廓范围内设以颜色,使之与其他线划分离,有利于形成层次差别。

4)对比度的使用。对比度是产生视觉冲击力的重要手段。可以使符号与背景有明显的对比及加强图形符号的内部对比度。要使某些符号突出于周围环境,一定要使它们与背景形成较强的对比。例如在某种颜色背景上用与之成对比或互补色的符号。当对比出现在同—图形符号中时,也会加强该符号的视觉冲击力,使其感受水平大为提高。因此采用内部强对比(尤其是明度对比)结构的符号,可以提高其视觉层次。

5)对符号立体装饰。为突出显示个体符号,常对符号立体装饰。透视法则等立体装饰方法能造成要素凸出于平面背景的感觉,因而可用于构成视觉层次。对符号加衬影或采用透视图形,能体现其体积感觉,使符号很容易突出于上层平面。

4 结束语

电子地图是传统地图与计算机技术、地理信息系统技术、网络技术相融合的产物,是地理信息的符号化表现,是提供地理信息公共服务的重要渠道。电子地图的界面、视觉层次信息组织及表达是地图设计生产的重要内容,其界面设计及视觉层次信息组织,要考虑如何使用户更好地和更有效率地接收信息,因而需要遵循一定的设计原则及构建方法。本文探讨了电子地图界面设计的要点,并通过构建视觉层次来实现电子地图信息的高效率传输之目的,可为电子地图的设计生产提供参考。

[1]谢超,陈毓芬.洛阳多媒体旅游信息系统设计与实现[J].测绘科学,2008,33(1):235-237.

[2]杨阳,等.网络电子地图的设计及应用[J].测绘科学,2007,增刊:93-95.

[3]丁勇江.浅谈电子地图的应用及前景[J].新疆有色金属,2010(2):32-33.

[4]李水英,等.基础电子地图符号尺寸设计探讨与实践[J].浙江测绘,2011(3):34-35.

[5]杜研文.电子地图与应用[M].北京:测绘出版社,2007

[6]王驹,等.中西电子地图色彩设计的分析与应用[J].测绘科学,2009,34(10)增刊:175-177.

猜你喜欢

电子地图界面设计平面
中医养生APP界面设计
“共享员工”平台界面设计
中国传统元素在界面设计中的应用
面向智能手机的UI界面设计
基于灵活编组的互联互通车载电子地图设计及动态加载
立体几何基础训练A卷参考答案
基于Mapserver的增强现实电子地图的设计与实现
参考答案
关于有限域上的平面映射
电子地图在初中地理教学中的应用实践