云未来网站建设中心为您打造营销型网站,营销型网站建设第一品牌!
028-85958629

想让企业在互联网上做得更好的企业家的不二之选!

实战 专业 落地 高效  

您现在的位置:主页 > 新闻资讯 > 网站建设 >

设计实战!城市指南网站着陆页是这样设计出来

人气: 发表时间:2017-10-11 15:24

QQ截图20170809100806.jpg

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

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

任务

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

设计过程

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

而这次的活动当中,概念设计项目所包含的任务,是让设计师整合资源设计出一套着陆页,为用户提供全世界各地的主要城市的信息。在着陆页设计中,设计师通常能够更好地将背景图片的信息呈现能力凸显出来。而Tania 打算为每个城市挑选一张足以传达情绪和氛围的照片,并围绕它来做整个视觉设计。所以,最终她选取的解决方案是在着陆页展示 3 个城市,以横向滚动轮播图的形式展现,并挑选一套动效来强化展示效果和体验。Tania 选取了三个著名的国家首都,而接下来她要考虑的是如何将这三个风格不同的城市统一到一套视觉设计中来。

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