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

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:情非得已

关键词

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

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

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

Curadmir

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

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

Lifestyle Hotels

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

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

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

Pho Vietnam

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

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

House on the Krasina

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

Everyware

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

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

SIFA

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

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

Fendi Life

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

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

Goodby Silverstone and Partners

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

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

Deutschesee

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

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

Morgans Hotel Group

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

Altspace

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

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

Max Cooper’s website

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

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

Central Park Real Estate

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

Poison Help

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

CanalSat

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

Travel Alberta

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

Six Dogs

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

Magnetic Zero

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

Drakenstein Stud

精选国外有特色的使用大菜单的网页欣赏,PS教程,思缘教程网


查看网站

Knob Creek
 收藏