本港台开奖现场直播 j2开奖直播报码现场
当前位置: 新闻频道 > IT新闻 >

报码:设计实战|城市指南网站着陆页是这样设计出来(2)

时间:2017-08-06 04:41来源:本港台现场报码 作者:118开奖 点击:
最后一个城市,Tania 选择了斯德哥尔摩。这同样是一个现代气息浓郁且拥有足够文化积淀的城市。斯德哥尔摩同样是一个个性十足的地方,个性十足的城市

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

报码:设计实战|城市指南网站着陆页是这样设计出来

报码:设计实战|城市指南网站着陆页是这样设计出来

然而,所有的城市照片都无法传达出斯德哥尔摩的独特之处,作为一个气质突出的北欧城市,斯德哥尔摩和大自然一直有着亲密的关系,而这也使得Tania 决定尝试探索斯德哥尔摩自然的一面。

这是斯德哥尔摩的页面最终的版本。页面的排布和之前的两个基本一致。壮美的北欧森林呈现出来了斯德哥尔摩的另外一个面孔。

整个着陆页的设计采用了用户易于识别的排版布局,和清晰的层次结构。整个页面的左上角是可点击的LOGO,点击它可以随时回到首页。导航菜单允许用户快速浏览完整的城市列表,查看博客,或者直接点开地图。除此之外,注册服务和搜索功能这些基本的功能也都是存在的。

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

整个着陆页设计的最后一个阶段的工作是由动效设计师 Kirill Erokhin 来完成的。

报码:设计实战|城市指南网站着陆页是这样设计出来

这些静态的页面有着不同的背景颜色,而在最终的展示性动画当中,页面底部背景挑选了一种于不同页面都能相合的深蓝色。动效的加入,让整个着陆页的设计充满了互动感,而交互上设计师提供了多种不同的可能性:顶部的基督徒和底部的按钮,为了让用户注意到它们,设计师给这些组件赋予了和整个网页色调对比强烈的红色。

正如同我们所看到的,尽管所有的城市的风格不同,但是设计师尽量让他们的页面在设计上统一起来。这种和而不同的设计让页面的个性保存了下来,又拥有了拓展的可能性。整个着陆页灵活的构造,让它可以根据实际需求而进行快速的调整,功能的完整性则保证了它的实用性。

原文作者:Tubik Studio

原文地址:uxplanet

译者:@陈子木

译文地址:优设网

本文由 @陈子木 授权发布于人人都是产品经理,未经作者许可,禁止转载。

报码:设计实战|城市指南网站着陆页是这样设计出来

(责任编辑:本港台直播)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
推荐内容