网站导航菜单是整个网页设计主要组成部分之一,我们通常把主菜单放在网站醒目的位置来引导用户浏览,所以我们看到大部分网站菜单都是放在网站的顶部,从用户体验来说,这样是很正确的做法。
然而有些网站却不一样,非要给菜单来点特色设计,就如今天设计达人网为大家分享《有特色的使用大菜单的网页设计》,从这些网站案例中可以看出大分菜单都经过视觉美化,让用户看起来创意而又有特色,下面大家一起欣赏这组网页设计作品,我想你会得到一些灵感启发。
这里所指的导航菜单不单单指”首页、关于我们、联系”这些,还包括一些二级链接的设计展示,如Lifestyle Hotels网站。
这是一个和自行车赛事相关的网站,该网站的菜单设计很有分章,使用了很多交互动画,这里我特意看了一下网站中的”自行车链条”动画实现方法,非常使用GIF图像,而是把所有动画帧整合在一张PNG图像上,通过图像定位属性(background-position)来实现动画效果。
HOTEL酒店类网站设计,漂亮的四四方方排版布局,每个格子使用酒店相关的室内、建筑或风景图片来吸引用户点击。
还有网站的网站能根据浏览器分辨率来改变大小,细节做得很到位。
越南河粉,打开网页一看就知道是一个餐厅类的网站了,导航的设计简约精细,让访客轻松找到要访问的内容。
每个图片都能展示各种相关服务与内容。
Sifa是一个致力于音乐活动的网站,网站菜单使用垂直条纹设计,每个链接代表一个DJ,并附有一些简单的介绍,点进去的页面布局排版也很有特色,试试点进去看吧。
使用网格布局有它的好处,特别是用来展示图片非常适合,这也是一个趋势吧。
又一个使用网格排版的网站,链接都是以图片加文字组合,鼠标移到图片上会有动画,有的很搞笑哦。
网格布局有很多变化的,比如方形、长方形、紧凑、不同大小等都能改变一个网站视觉,如下面这个全屏网站,就把网格设计大些,网格数量也很少,突出主要内容即可。
这是一个很有创新的图形排版,设计师要的就是喜欢与众不同吧。
整洁的图形布局,很适合时尚类的网页设计。
这里分享了一些使用垂直菜单的案例,如果对菜单设计感觉兴趣的设计师,可以流量这篇文章。
从上面的例子中大菜单链接都有一个共同规则,就是使用图片、视频、动画图片结合来吸引用户的眼球,这种方法不仅适于用主菜单,二级菜单也适合。
这些是一个创新设计,可以根据不同的要求而使用,在你看来这些有什么优点和缺点吗?欢迎在下方留言处一起讨论。