Slopes 这个网站采用了时下流行的侧边栏设计元素,不过设计师没有将导航放置到侧边栏上,仅仅是保留了品牌LOGO,只是借由侧边栏制造出了这种非对称的首屏布局。页头右侧是四个常用的链接,而左侧是汉堡菜单,更多的链接被隐藏在汉堡菜单当中,这样一来,交互的层次就出来了。 虽然现在汉堡菜单的设计还存在着一些争议,但是它们仍然被广泛地运用着。 悬浮固定导航 悬浮式的导航栏也是时下流行的一个趋势,它为用户提供了持续的可供交互的导航服务,这对于越来越长的页面设计而言,是个相当合理的补充。 这个 Structure Blog 的概念设计就采用了悬浮的页头,导航则主要是采用的汉堡菜单。这使得品牌更加突出,而整体设计则更加简约。 Photography Workshops 这个网站的首屏设计就非常的独特。导航菜单开始是在首屏的底部,随着滚动,它会到页面的顶端并且悬浮固定存在。导航菜单的右侧是关键链接,而非关键的更多选择则隐藏在最左侧的汉堡菜单中。 双层菜单 导航还可以设计为双层的,已经有不少网站有了这样的尝试。 Bakery 这个网站就使用了双层的导航设计,上层导航中承载的是LOGO和社交媒体帐号、搜索和购物车以及汉堡菜单,而第二层导航则是交互的核心区域:产品目录、销售地点、新闻和特别优惠等。整个设计视觉层次清晰,为整个用户体验打足了基础。 结语 对于网页而言,首屏是关键。页头的导航和首图、文案共同组成了这个关键的区域,多种因素共同作用于用户,用心的设计才能让用户一见钟情,不是么? (责任编辑:admin) |