故宫地图设计 Product & UX

故宫地图设计

Others 还没人评论 »

07年06月18日

从那说起呢?

先说说为什么要做这个项目吧,故宫的指示系统很混乱,标识不清楚,也很不规范,偌大一个博物院,很容易让人”误入歧途”.所以,设计一个合理的,完善的,优化的,能够指引游客顺利并愉快完成他们旅程的引导系统,变得尤为重要起来.

先看看故宫现在和曾经使用过的地图吧,有国内的也有国外的,欧洲的美国的,日本的

对于使用者来说,并不方便:无法区分那里是开放的区域,那里不开放.每个展馆的位置,以及一些配套设施都没有标明.也没有推荐游客行走的线路.

ok,提出了这些问题,下面的工作就是一一来解决…..

地图到底用在什么地方呢?到底怎么用?

准确的说,这是一个”地图系统”.并不是一张地图.

首先明确一下地图是来做什么用的?地图应该是引导游览者顺利完成他们故宫游览的一种信息的图形化(当然,这其中也有文字).游客是从什么地方开始他们的旅行的呢?这里我们给自己提出一个更大的地图系统,不单单是拿在手中的.

我们以一名欧洲游客David的自助旅行为例子吧.

David很喜欢旅行,但从来没有来过中国,很向往东方的神秘和古老.所以,他决定在夏天的时候来中国旅行.打开电脑,先上网查阅有关故宫的资料,当然,地图是首要的.

另外,对于这种每年有旅行计划的欧洲人来说,一套世界各地的旅行手册是必不可少的.迅速的找到中国的那一本,翻开,很容易的找到—北京—故宫.

由于机票价格的原因,David选择从欧洲的城市飞到香港或者新加坡,再从香港(新加坡)转机抵达北京首都国际机场.当抵达首都机场之后,David在免税商店前的服务台前,免费的拿到了北京旅游地图.当然这里面一定包含故宫!

接下来,David或者找到酒店住下来,或者直接去故宫开始他的旅行.怎样从机场搭乘公共交通设施去故宫呢?

第二天,David决定开始他的故宫游览,从酒店附近的地铁站,从地铁站内的地图,很容易的找到了故宫的位置.但是,如果David选择的是公共汽车呢?

在顺利到达故宫之后,门口发售详细的馆内地图,另外,出租GPS手持导向设备和语音解说设备.

游览途中,David可以看到博物院之内的固定地图和指示牌.在各个展厅入口,又可以使用触摸屏地图,查询本展馆内部的游览线路和想要去的下一个展馆位置.

在愉快的完成一天的游览之后,离开故宫,怎样从故宫的其他出口,返回酒店呢?

Wow,,,似乎很多地方需要地图,是不是比你料想的要复杂?呵呵,

我们假想了整个旅行的过程,其实这就是实际的情况.

总结起来大概有如下一些地方有地图:

国际版本的旅行手册.故宫国际官方网站,重要公共交通工具枢纽,故宫周围酒店宾馆,市内公共交通站点,故宫场馆内部,Gps手持设备和固定查询电脑.

如此多的地方,这些地图都是一样的么?还是不同的呢.如果不同,区别在什么地方呢?咱们一一来研究一下吧!(当然也有重点).

毕业设计位这个项目做的海报,,,主题就是”转化”. 用图形元素间的变化,体现信息之间的相互转化.

整个地图系统缺少不了标识,所有载体上尽可能的使用相同的图形元素来体现整个系统的完整性和一致性.

同时,为了提高辨识程度,也否定了很多具有创意的图形.采用了接近于国际惯例的一些图形,但细节上还是做了很精心的设计的.整套为地图设计的图标,感觉是现代和理性的.使整个世界范围内的游客,对图标的认知程度达到最高.

设计这些家伙的时候,我搜集了大量世界各地的旅游景点的资料,参考和借鉴了很多优秀的设计.

设计方案完全是在黑白稿之下完成的,舍弃所有的元素,甚至是颜色.完全用图形来表达.

经过大概一个月的数次调查和研究,,终于,我们对故宫的游客有了一定程度的了解
这是其中之一的一个调查,我们运用照相机和电脑合成一些超宽视角的图片,分析游客的流向.
图片是黑白的,是想去掉一些不需要和干扰我们的信息,红色的圆圈标明游客的流向和景点的位置,这对于我们以后分析景点和游客行走线路是重要的参考.
不说了,上图!(当时正值photoshop cs2发布之际,好好的练了一把,,果然功能比Cs以有很大进步!)
这个调查,老廖同学做了大部分的拼图工作,先鞠躬ing!
其他在烈日之下拍照的同学这里也一并再鞠躬!
据我本人不完全统计,用于拼图的资料大概在200张以上,拍摄超过60个地点.贴出来的只是很小的一部分!

我们还用3d模拟了游客的行走线路,,
来分析游客的对主要景点和次要经典的游览情况.

这张地图是在大量的试验和反复的摸索中推断出来的,当中的黑白对比度,大概是在做了上百个图的试验结果之后得到的最和谐的.
明显的区分一些对于游客重要的信息,,,
但,这不是最终结果!
详细的内容看下面这张图,这个部分是在整个故宫的东北角.

那么,,拿在手中的地图,应该是所有地图系统里面的重头戏了,到底改用什么方法呢?
经过很多次的尝试,,我和Steven同学决定试试轴测图透视的方法,这种透视不会造成建筑物之间的遮挡,还能比较完整的反映故宫的内部线路.
其实,大家常见的象素画(Pix Arts)就是基于这种透视来制作的.
对于重要的,开放的景点,用这种立体的方式表现,对于次要的,不开放的景点,我们就以平面化的手段来表现,这样,比上次介绍的方法,对比更加强烈,更加突出了我们想要表达的信息.
这种表现方式,更适合那在手中仔细观看的地图,而上次的,更适合放在固定的地方,以平面图的方式来出现.
最初也是抱着试试看的态度来作的,但结果还比较不错,

用3d模拟的太合殿,先选定类似的角度.然后进行适当简化,进行轴测图的建立