經常在電視上看到各種飲料的動感廣告，但作為多媒體推廣最重要的一環(huán)，飲料自身的官方主題網站設計必然是很有看頭的：動感激情或優(yōu)雅寧靜，通過明艷的視覺和新鮮的交互將產品推銷給顧客。

更多飲料類網站欣賞：http://www.lzhte.cn/web.html

SPACHO

Mizone

@Gaoyoungor 每個網站有屬于自己的個性——它能反射出背后的個人或者團隊。如何做到讓自己的網站顯得與眾不同、卓爾不群，讓用戶流連忘返或者立馬下單？

為了讓你的網站脫穎而出，不僅需要有豐富的高質量內容，同時也要兼顧網站的創(chuàng)新性和功能性。從用戶的角度出發(fā)好好想一下，怎樣讓你的網站用戶體驗更友好？簡單的搜索功能是需要的，或者你也可以精心設計一下網站的導航。同時，要注意保持整個網站設計語言的一致性。在這個html5狂潮涌進的時代，誕生了很多優(yōu)秀的網頁設計作品，他們都有卓越的導航設計，接下來整理的這些網站將喚起你關于導航的極限創(chuàng)意，快來親自體驗下吧！

Toybox

在需要的時候導航欄應該一直在那里，而當用戶想要專注于某個特定的任務時，導航欄則應該優(yōu)雅的隱藏起來。比如說，在設計一個網上商店的出納頁面時，網站的導航應該可以隨時都易于使用，但同時也要注意突出像出納表單和按鈕控件之類的鮮明功能。Toybox的導航設計就恰好滿足了這些。

如下圖示，這個側邊導航給人的感覺就像是你在窺視頁面背后或者是掀開了一個玩具盒的蓋子看看里面到底有些什么。這個側邊導航非常方便使用，鼠標懸停在瀏覽器左側即可出現(xiàn)，主體部分即時出現(xiàn)的旋轉效果也很帶感，可以很好的引導用戶的注意力。將導航隱藏起來同時也實現(xiàn)了界面的簡潔，使網站的瀏覽體驗非常的愉悅，因為網站并沒有留下太多無用的信息去分散用戶的注意力。

至于其他你想知道的信息，比如說Toybox公司的主營業(yè)務和地址，可以在頂部的一個直接呈現(xiàn)的導航欄里找到。首頁的磁貼鼠標hover效果也非常的有趣，當鼠標懸停于某個項目的縮略圖時，其余的項目縮略圖都后退變暗并且產生景深的效果。

網頁設計目前已經很廣泛，每天都會有不同的新網站出來，但是很多網站布局排版實現(xiàn)太單調，看來了像是用模板一樣，就是文字內容不同，其它都差不多樣式。所以設計師們要盡量讓自己的網站看起來與眾不同，如何不同呢？可以從UI設計、配色、排版、布局等方面入手。

正好今天我們整理了20個獨特的基于網絡布局的網站，這些網站使用了柵格一樣的布局，有整齊的排列、有瀑布流布局式等等，希望這些網站能點燃你心中的想法，讓你設計的網站脫穎而出。

來看看這些彰顯個性的有趣網站：
《對抗潮流！那些大膽忽視設計趨勢的網站》

Jun Lu

MIJLO Essentials

在2012年涌現(xiàn)了許多有視覺吸引和創(chuàng)造性的導航，她們不僅身段妙曼富有美感，而且傳承了整個網站的導航指引，讓瀏覽者輕松愉悅的訪問網站。她們會溫馨的提醒你在哪兒，還會體貼的帶你獲取到想要的東西。別等了，現(xiàn)在就去尋找你喜歡的導航下載它吧。

Elegant Ribbon Menu

3d block menu bar

吃貨們有福啦！今天的話題與美食有關，而且是非常實在的經驗分享，掌握這些技巧要素。你將會學做一個餐館及飲食類網站。而且這類網站能給自由設計師提供不錯的報酬。如果你打算進行此類設計，那么不妨花上幾分鐘，看看這篇文章，保證您有所收獲。
實踐方能得真知，本文通過大量生動的案例來進行深入觀察，剖析出那些餐飲類網頁設計的亮點所在。

1、圖像意味著一切

Site: The Claw Bar

圖像意味著一切，雖然略有夸張，但是是句實在話。質量垃圾的、丑陋的圖像雖然能在常規(guī)網站上將就著看，但是在餐飲類網頁中行不通。如果你在設計中使用了一些低劣的圖片，那么你的薪水和酬勞可能就不那么容易拿到咯。
作為餐館網頁的瀏覽者，用戶的主要興趣在于食物。網頁必須的描述菜品的外觀，因此必須要使用圖像。槽糕的食物圖片對消費者的”殺傷力”巨大，用戶會因為圖像效果不佳而拒絕買單。

藍藍設計精選25個與食物相關的網站設計，這些網站的設計主體突出，大部分以暖色調為主，比如披薩、曲奇餅之類的；當然也有一些是走清涼風的，比如冰淇淋之類；還有與愛情相關的象征著甜蜜的粉色系糖果類，更有單頁面食物制作流程的酷酷黑色系。

這些網站的主體內容有主食類的，有餅干零食類，有咖啡飲料類，也有甜點類，更有公益性質的。網站的背后有餐廳、有小賣部、有流動外賣、更有食品商。每個網站的所營造的氣場需要您點擊進去細細品喲：）

Milano

Culinary Culture

如果我說要給你看一個3D flash網站，那么你腦海中想到的第一個關鍵字會是神馬呢？酷！炫！亮瞎？是的，這些似乎已經約定俗成成了flash網站的夸獎詞。Flash可以用于web頁面組件的設計，同時也能開發(fā)互聯(lián)網應用。Flash設計可以看作一種藝術形式，由于它具有其驚人的設計及動畫表現(xiàn)。除了坑爹的網速會詬病外，但它本身絕對是讓人無法抗拒的。那么今天就讓我們來欣賞20個引人注目的3D Flash網頁設計。

1. 2Brand:

2. Coca Cola:

小型電子商務網站能享受這樣的：不用像很多大型連鎖商店那樣必須使用預先規(guī)定的設計樣式，他們不需要內容繁多的登錄頁面，也不需要有著成百上千條分類的大型菜單欄，甚至不需要一個建議性或可選擇的產品鏈接。
所有小型商店的好商品需要的是一位很棒的設計師來為它們建立一個簡潔且現(xiàn)代感十足的網站。當然，一枚”立即購買”的按鈕會很有用。
我相信當你看完這50個簡約時尚的電商網站后，你會對視覺營銷，電子商務有全新的認識！

或者會發(fā)自肺腑的感嘆：原來這就足夠了，購物真的不需要那么復雜。

推薦您也關注以下專題酷站：
40個超美的水彩效果網頁設計
超贊！19個引人入勝的活動專題頁設計
推薦！40個慈善及非營利組織官網欣賞

Hard Graft

Saturdays Surf NYC

近些年來，圖片作為背景填充整個屏幕的設計越來越流行，曾經只有時尚潮流網站或者攝影類站點才會特別依賴富有沖擊力的影像，但是現(xiàn)在幾乎任何類型的網站都有可能采用這種大圖片作為背景。不論是印刷精美的雜志、海報還是廣告，大圖片一直以來都能強有力地抓住人們的注意力，因此將類似的方法應用在網站設計中就顯得別有趣味。

以下30個網站均采用了大圖片作為背景的設計風格，希望能給大家?guī)聿灰粯拥脑O計靈感！

Aspect Photography

Studio AIRPORT

Yoke

最初單頁面網站的設計風潮可能是由知名的網站設計師引起的。他們想要以簡潔創(chuàng)意的方式讓自己的作品公之于眾。久而久之，單頁面網站設計在創(chuàng)意上實現(xiàn)了巨大的飛躍。不管是時尚，App，還是動畫，游戲，現(xiàn)在全網都盛行這一趨勢。
單頁面網站設計容易實現(xiàn)，但是如果想讓你的設計成為大熱，一定要確保它適合這種多頁少字的設計模式。在你開始設計之前，最好要記得專注于主要內容，其他的煩惱分心的部分通通去掉，就算是你最好的點子，如果不切合主題，也要忍痛割愛。

網站導航是主要設計要素之一。用放大鏡效果創(chuàng)建漩渦型按鍵，使站點引人入勝，同時也告訴用戶如何使用。導航要顯眼易懂這樣用戶才能輕松的瀏覽你的網站。不管是視差漩渦，服帖的動畫還是簡潔的菜單，你都能發(fā)現(xiàn)非常酷的效果。

下面我們?yōu)榇蠹艺故?0種極具現(xiàn)代感，將單頁網站設計發(fā)揮到的非常漂亮的例子。盡情的欣賞吧，希望會給你帶來靈感！這些設計讓人難以忘卻，引人矚目的圖像絢麗多彩，內容干凈整潔，實乃創(chuàng)意經典之作。

Fannabee

Browser Awareness Day