第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

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

时间:2017-08-05 22:22来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
然而,所有的城市照片都无法传达出斯德哥尔摩的独特之处,作为一个气质突出的北欧城市,斯德哥尔摩和大自然一直有着亲密的关系,而这也使得Tania

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

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

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

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

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

  

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

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

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

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕