计划拭魅战！都市指南网站着陆页是这样计划出来的

有人说，天下是一本书，不肯远行的人只能读到个中的一页。简直，观光是我们生掷中最故意义的几件事之一，其间我们有机遇望见新的风光，遭遇新的工作，坚贞新的伴侣，得到贵重的人生经验。更重要的是，一次愉悦的观光可以或许为糊口注入能量，得到非同凡响的灵感。本日，观光比起已往越发利便，个中收集也饰演了极其重要的脚色。互联网将差异国度和地域的各类信息散步在整个收集的每一个角落，当你筹备出行的时辰，只必要稍加汇集就能拟定出一个不错的观光方案。

和很多计划师一样，来自 Tubik Studio 的计划师 Tania Bashkatova 也热衷于穿梭于差异的都市，体验差异的风情，享受纷歧样的糊口。也正是因此，她对付怎样将都市的风情和天然的体验团结起来泛起给用户，有本身独到的设法。而这也促成了本日咱们要聊的“都市指南”（Big City Guide）网站这一观念计划案例研究。

使命

计划“都市指南”的着陆页，包括个中首要的UI界面，确保新用户引导流程中的整个用户体验足够优越，引导用户相识它的根基成果。

计划进程

“都市指南”（BCG）是Tubik Studio 的 UI礼拜五勾当中的首个项目，想必在Dribbble 上存眷了Tubik Studio 的伴侣们都知道我们的这一传统勾当。计划是在 UI 礼拜五 勾当中将会有一成天的时刻来建设一个特定的观念计划项目，这个项目会有特定的要求，同时计划师也可以自由地将本身的设法和豪情融入个中。

而这次的勾当傍边，观念计划项目所包括的使命，是让计划师整合伙源计划出一套着陆页，为用户提供全天下各地的首要都市的信息。在着陆页计划中，计划师凡是可以或许更好地将配景图片的信息泛起手段凸显出来。而Tania 规划为每个都市挑选一张足以通报情感友善氛的照片，并环绕它来做整个视觉计划。以是，最终她选取的办理方案是在着陆页展示 3 个都市，以横向转动轮播图的情势揭示，并挑选一套动效来强化展示结果和体验。Tania 选取了三个闻名的国度都城，而接下来她要思量的是怎样将这三个气魄威风凛凛差异的都市同一到一套视觉计划中来。

都市指南所展示的第一个都市是柏林。这个都市有很多值得一看的景点，这也使得图片的挑选事变量更大了。为了泛起出对的感受，Tania 最后挑了两张图片作为备选。

固然这两张图片都有这不错的示意力，可是后者可以或许更好地示意柏林这个都市的坚硬感和将来感，Tania 也越发青睐这张图片。都市的名称位于整个排版计划的中心处，气魄威风凛凛斗胆有力，可读性精采。柏林的名字和巨塔厉害的顶端彼此接驳，而笔墨和塔尖彼此掩饰的相关，让他们看起来似乎客观存在于塔尖之上，泛起出一种奇异的真实感。

第二个都市选择了马德里。作为西班牙都城，马德里连续自中世纪的构筑群是它最有特色的部门之一。可是这并不正确。马德里是当代欧洲的贸易中心之一，以是Tania 抉择将它当代化的一面泛起出来。

不外，将当代气魄威风凛凛优先纳入到思量范畴内，是出于整体计一律致性的考量，在排版计划上，也连续了柏林页面的计划，都市的名字和图片中的构筑再次融为一体。副问题的文案同样举办了全心的计划，泛起出这个都市活力四射的特性。而这个似乎漩涡的回廊成为了最终的选择。

不外在这个处所，计划师犯了一个风趣的错误。西班牙首府名为马德里没错，可是美国的爱荷华州也有个马德里，而这张旋转走廊的图着实是来自美国而非西班牙，假如没有去过谁人处所，单靠互联网偶然辰确实很轻易失足。虽然，老是有修改机遇的。

最后一个都市，Tania 选择了斯德哥尔摩。这同样是一个当代气味浓烈且拥有足够文化积淀的都市。斯德哥尔摩同样是一个本性十足的处所，本性十足的都市风光让Tania 挑花了眼，她实行了很多差异的图片作为视觉计划的基本。

然而，全部的都市照片都无法通报出斯德哥尔摩的奇异之处，作为一个气质突出的北欧都市，斯德哥尔摩和大天然一向有着亲昵的相关，而这也使得Tania 抉择实行试探斯德哥尔摩天然的一面。

这是斯德哥尔摩的页面最终的版本。页面的排布和之前的两个根基同等。壮美的北欧丛林泛起出来了斯德哥尔摩的其它一个面目。

整个着陆页的计划回收了用户易于识此外排版机关，和清楚的条理布局。整个页面的左上角是可点击的LOGO，点击它可以随时回到首页。导航菜单应承用户快速赏识完备的都市列表，查察博客，可能直接点开舆图。除此之外，注册处事和搜刮成果这些根基的成果也都是存在的。

整个都市指南最要害的部门，着实是这些都市的描写性的文案。因为页面的整体计划突出的是都市的气质和名称，以是都市的简介首要是依赖这些文案来泛起。而文本下面的CTA按钮则为用户提供了阅读更多内容的机遇。另外，用户还能通过底部的交际收集按钮来存眷网站的动态。

整个着陆页计划的最后一个阶段的事变是由动效计划师 Kirill Erokhin 来完成的。

（编辑：厦门网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!