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

上网第一站

当前位置: > SEO >

那些让人一见钟情的网页首屏 遵循着怎样的设计模式?(3)

时间:2017-06-20 08:30来源:优设网 作者:跌名 点击: 我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
Slopes 这个网站采用了时下流行的侧边栏设计元素,不过设计师没有将导航放置到侧边栏上,仅仅是保留了品牌LOGO,只是借由侧边栏制造出了这种非对称的

  Slopes 这个网站采用了时下流行的侧边栏设计元素,不过设计师没有将导航放置到侧边栏上,仅仅是保留了品牌LOGO,只是借由侧边栏制造出了这种非对称的首屏布局。页头右侧是四个常用的链接,而左侧是汉堡菜单,更多的链接被隐藏在汉堡菜单当中,这样一来,交互的层次就出来了。

  虽然现在汉堡菜单的设计还存在着一些争议,但是它们仍然被广泛地运用着。

  悬浮固定导航

  悬浮式的导航栏也是时下流行的一个趋势,它为用户提供了持续的可供交互的导航服务,这对于越来越长的页面设计而言,是个相当合理的补充。

201706191613468329

  这个 Structure Blog 的概念设计就采用了悬浮的页头,导航则主要是采用的汉堡菜单。这使得品牌更加突出,而整体设计则更加简约。

201706191613472229

201706191613477689

  Photography Workshops 这个网站的首屏设计就非常的独特。导航菜单开始是在首屏的底部,随着滚动,它会到页面的顶端并且悬浮固定存在。导航菜单的右侧是关键链接,而非关键的更多选择则隐藏在最左侧的汉堡菜单中。

  双层菜单

  导航还可以设计为双层的,已经有不少网站有了这样的尝试。

201706191613482681

  Bakery 这个网站就使用了双层的导航设计,上层导航中承载的是LOGO和社交媒体帐号、搜索和购物车以及汉堡菜单,而第二层导航则是交互的核心区域:产品目录、销售地点、新闻和特别优惠等。整个设计视觉层次清晰,为整个用户体验打足了基础。

  结语

  对于网页而言,首屏是关键。页头的导航和首图、文案共同组成了这个关键的区域,多种因素共同作用于用户,用心的设计才能让用户一见钟情,不是么?

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