幾個有特色使用Big Menu的網頁設計

Max Cooper 网页菜单设计

網站導航菜單是整個網頁設計主要組成部分之一,我們通常把主菜單放在網站醒目的位置來引導用戶瀏覽,所以我們看到大部分網站菜單都是放在網站的頂部,從用戶體驗來說,這樣是很正確的做法。

然而有些網站卻不一樣,非​​要給菜單來點特色設計,今天 設計石 為大家分享《幾個不錯使用Big Menu的網頁設計》,從這些網站案例中可以看出大分菜單都經過視覺美化,讓用戶看起來創意而又有特色,我相信你會得到一些靈感啟發。

這裡所指的Menu不單單指”首頁、關於我們、聯繫”這些,還包括一些二級鏈接的設計展示,如Lifestyle Hotels網站。

Max Cooper’s website

整潔的圖形佈局,很適合時尚類的網頁設計。

Max Cooper 网页菜单设计
查看网站

Curadmir

這是一個和自行車賽事相關的網站,該網站的菜單設計很有分章,使用了很多交互動畫,這裡我特意看了一下網站中的”自行車鏈條”動畫實現方法,非常使用GIF圖像,而是把所有動畫幀整合在一張PNG圖像上,通過圖像定位屬性(background-position)來實現動畫效果。

Curadmir 网页菜单设计
查看网站

Lifestyle Hotels

HOTEL酒店類網站設計,漂亮的四四方方排版佈局,每個格子使用酒店相關的室內、建築或風景圖片來吸引用戶點擊。

還有網站的網站能根據瀏覽器分辨率來改變大小,細節做得很到位。

Lifestyle Hotels 网页菜单设计
查看网站

Pho Vietnam

越南河粉,打開網頁一看就知道是一個餐廳類的網站了,導航的設計簡約精細,讓訪客輕鬆找到要訪問的內容。

Pho Vietnam 网页菜单设计
查看网站

House on the Krasina

House on the Krasina 网页菜单设计
查看网站

Everyware

每個圖片都能展示各種相關服務與內容。

Everyware 网页菜单设计
查看网站

SIFA

Sifa是一個致力於音樂活動的網站,網站菜單使用垂直條紋設計,每個鏈接代表一個DJ,並附有一些簡單的介紹,點進去的頁面佈局排版也很有特色,試試點進去看吧。

网页菜单设计
查看网站

Fendi Life

使用網格佈局有它的好處,特別是用來展示圖片非常適合,這也是一個趨勢吧。

Fendi Life 网页菜单设计
查看网站

Goodby Silverstone and Partners

又一個使用網格排版的網站,鏈接都是以圖片加文字組合,鼠標移到圖片上會有動畫,有的很搞笑哦。

Goodby Silverstone and Partners 网页菜单设计
查看网站

Deutschesee

網格佈局有很多變化的,比如方形、長方形、緊湊、不同大小等都能改變一個網站視覺,如下面這個全屏網站,就把網格設計大些,網格數量也很少,突出主要內容即可。

Deutschesee 网页菜单设计
查看网站

Morgans Hotel Group

Morgans Hotel Group 网页菜单设计
查看网站

Altspace

這是一個很有創新的圖形排版,設計師要的就是喜歡與眾不同吧。

Altspace 网页菜单设计
查看网站

CanalSat

CanalSat 网页菜单设计
查看网站

Travel Alberta

Travel Alberta 网页菜单设计
查看网站

Magnetic Zero

Magnetic Zero 网页菜单设计
查看网站

Knob Creek

Knob Creek 网页菜单设计
查看网站

廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s