城市指南网站着陆是这样设计出来的

有人说，世界是一本书，不愿远行的人只能读到其中的一页。的确，旅行是我们生命中最有意义的几件事之一，其间我们有机会看见新的风景，遭遇新的事情，结实新的朋友，获得珍贵的人生经历。更重要的是，一次愉悦的旅行能够为生活注入能量，获得非同凡响的灵感。今天，旅行比起过去更加方便，其中网络也扮演了极其重要的角色。互联网将不同国家和地区的各种信息散步在整个网络的每一个角落，当你准备出行的时候，只需要稍加搜集就能制定出一个不错的旅行方案。

和许多设计师一样，来自 Tubik Studio 的设计师 Tania Bashkatova 也热衷于穿梭于不同的城市，体验不同的风情，享受不一样的生活。也正是因此，她对于如何将城市的风情和自然的体验结合起来呈现给用户，有自己独到的想法。而这也促成了今天咱们要聊的“城市指南”（Big City Guide）网站这一概念设计案例研究。

任务

设计“城市指南”的着陆页，包含其中主要的UI界面，确保新用户引导流程中的整个用户体验足够优秀，引导用户了解它的基本功能。

设计过程

“城市指南”（BCG）是Tubik Studio 的 UI星期五活动中的首个项目，想必在Dribbble 上关注了Tubik Studio 的朋友们都知道我们的这一传统活动。设计是在 UI 星期五 活动中将会有一整天的时间来创建一个特定的概念设计项目，这个项目会有特定的要求，同时设计师也可以自由地将自己的想法和激情融入其中。

城市指南所展示的第一个城市是柏林。这个城市有许多值得一看的景点，这也使得图片的挑选工作量更大了。为了呈现出对的感觉，Tania 最后挑了两张图片作为备选。

虽然这两张图片都有这不错的表现力，但是后者能够更好地表现柏林这个城市的坚实感和未来感，Tania 也更加青睐这张图片。城市的名称位于整个排版设计的中心处，风格大胆有力，可读性良好。柏林的名字和巨塔尖锐的顶端相互接驳，而文字和塔尖相互遮盖的关系，让他们看起来仿佛客观存在于塔尖之上，呈现出一种独特的真实感。

第二个城市选择了马德里。作为西班牙首都，马德里延续自中世纪的建筑群是它最有特色的部分之一。但是这并不正确。马德里是现代欧洲的商业中心之一，所以Tania 决定将它现代化的一面呈现出来。

最后一个城市，Tania 选择了斯德哥尔摩。这同样是一个现代气息浓郁且拥有足够文化积淀的城市。斯德哥尔摩同样是一个个性十足的地方，个性十足的城市风景让Tania 挑花了眼，她尝试了许多不同的图片作为视觉设计的基础。

整个城市指南最关键的部分，其实是这些城市的描述性的文案。由于页面的整体设计突出的是城市的气质和名称，所以城市的简介主要是依靠这些文案来呈现。而文本下面的CTA按钮则为用户提供了阅读更多内容的机会。此外，用户还能通过底部的社交网络按钮来关注网站的动态。