PS设计教程网欢迎你!

精选国外有特色的使用大菜单的网页欣赏

文章来源于 设计达人,感谢作者 情非得已 给我们带来经精彩的文章!
设计教程/设计欣赏/网页设计2014-02-07
网站导航菜单是整个网页设计主要组成部分之一,我们通常把主菜单放在网站醒目的位置来引导用户浏览,所以我们看到大部分网站菜单都是放在网站的顶部,从用户体验来说,这样是很正确的做法。

网站导航菜单是整个网页设计主要组成部分之一,我们通常把主菜单放在网站醒目的位置来引导用户浏览,所以我们看到大部分网站菜单都是放在网站的顶部,从用户体验来说,这样是很正确的做法。

然而有些网站却不一样,非要给菜单来点特色设计,就如今天设计达人网为大家分享《有特色的使用大菜单的网页设计》,从这些网站案例中可以看出大分菜单都经过视觉美化,让用户看起来创意而又有特色,下面大家一起欣赏这组网页设计作品,我想你会得到一些灵感启发。

这里所指的导航菜单不单单指”首页、关于我们、联系”这些,还包括一些二级链接的设计展示,如Lifestyle Hotels网站。

Curadmir

这是一个和自行车赛事相关的网站,该网站的菜单设计很有分章,使用了很多交互动画,这里我特意看了一下网站中的”自行车链条”动画实现方法,非常使用GIF图像,而是把所有动画帧整合在一张PNG图像上,通过图像定位属性(background-position)来实现动画效果。

精选国外有特色的使用大菜单的网页欣赏
查看网站

Lifestyle Hotels

HOTEL酒店类网站设计,漂亮的四四方方排版布局,每个格子使用酒店相关的室内、建筑或风景图片来吸引用户点击。

还有网站的网站能根据浏览器分辨率来改变大小,细节做得很到位。

精选国外有特色的使用大菜单的网页欣赏
查看网站

Pho Vietnam

越南河粉,打开网页一看就知道是一个餐厅类的网站了,导航的设计简约精细,让访客轻松找到要访问的内容。

精选国外有特色的使用大菜单的网页欣赏
查看网站

House on the Krasina

精选国外有特色的使用大菜单的网页欣赏
查看网站

Everyware

每个图片都能展示各种相关服务与内容。

精选国外有特色的使用大菜单的网页欣赏
查看网站

SIFA

Sifa是一个致力于音乐活动的网站,网站菜单使用垂直条纹设计,每个链接代表一个DJ,并附有一些简单的介绍,点进去的页面布局排版也很有特色,试试点进去看吧。

精选国外有特色的使用大菜单的网页欣赏
查看网站

Fendi Life

使用网格布局有它的好处,特别是用来展示图片非常适合,这也是一个趋势吧。

精选国外有特色的使用大菜单的网页欣赏
查看网站

Goodby Silverstone and Partners

又一个使用网格排版的网站,链接都是以图片加文字组合,鼠标移到图片上会有动画,有的很搞笑哦。

精选国外有特色的使用大菜单的网页欣赏
查看网站

Deutschesee

网格布局有很多变化的,比如方形、长方形、紧凑、不同大小等都能改变一个网站视觉,如下面这个全屏网站,就把网格设计大些,网格数量也很少,突出主要内容即可。

精选国外有特色的使用大菜单的网页欣赏
查看网站

Morgans Hotel Group

精选国外有特色的使用大菜单的网页欣赏
查看网站

Altspace

这是一个很有创新的图形排版,设计师要的就是喜欢与众不同吧。

精选国外有特色的使用大菜单的网页欣赏
查看网站

Max Cooper’s website

整洁的图形布局,很适合时尚类的网页设计

精选国外有特色的使用大菜单的网页欣赏
查看网站

Central Park Real Estate

精选国外有特色的使用大菜单的网页欣赏
查看网站

Poison Help

精选国外有特色的使用大菜单的网页欣赏
查看网站

CanalSat

精选国外有特色的使用大菜单的网页欣赏
查看网站

Travel Alberta

精选国外有特色的使用大菜单的网页欣赏
查看网站

Six Dogs

精选国外有特色的使用大菜单的网页欣赏
查看网站

Magnetic Zero

精选国外有特色的使用大菜单的网页欣赏
查看网站

Drakenstein Stud

精选国外有特色的使用大菜单的网页欣赏
查看网站

Knob Creek

精选国外有特色的使用大菜单的网页欣赏
查看网站

2014网站导航设计趋势 使用垂直的导航菜单设计

这里分享了一些使用垂直菜单的案例,如果对菜单设计感觉兴趣的设计师,可以流量这篇文章。

精选国外有特色的使用大菜单的网页欣赏
查看网页

总结

从上面的例子中大菜单链接都有一个共同规则,就是使用图片、视频、动画图片结合来吸引用户的眼球,这种方法不仅适于用主菜单,二级菜单也适合。

这些是一个创新设计,可以根据不同的要求而使用,在你看来这些有什么优点和缺点吗?欢迎在下方留言处一起讨论。

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa