一個網(wǎng)站要有它的個性,當(dāng)人們訪問你的網(wǎng)站,你想讓它脫穎而出的人群中,是令人難忘。你想回來,并使用你的網(wǎng)站或與您取得聯(lián)系。
所以,您的網(wǎng)站脫穎而出洗過群眾,不僅需要卓越的內(nèi)容,但也應(yīng)該有創(chuàng)新而實用。問問自己,什么使您的用戶更容易的生活嗎?可能需要簡單的搜索功能,或者導(dǎo)航菜單,可以使用一些打理一下。然而,個性的網(wǎng)站需要貫穿始終。以下網(wǎng)站將激起你的食欲超凡的創(chuàng)造力。瀏覽并探索他們自己。
導(dǎo)航TOYBOX應(yīng)始終有需要時,并親切地消失,當(dāng)用戶想專注于一個特定的任務(wù)。例如,在一個網(wǎng)上商店的結(jié)帳設(shè)計,導(dǎo)航應(yīng)該始終訪問,但也為關(guān)鍵的網(wǎng)站功能,如結(jié)帳形式給予足夠的突出。導(dǎo)航TOYBOX做到了這一點。
這感覺就像你偷看后面的頁面或蓋的TOYBOX看看里面有什么。導(dǎo)航是使用方便,旋轉(zhuǎn)效果的導(dǎo)航欄時,他們正在使用它引導(dǎo)用戶的關(guān)注。隱藏導(dǎo)航還允許一個簡單,干凈的設(shè)計,使用戶在觀看項目很愉快,因為這兩個項目沒有注意競爭。
信息你可能會想知道,,比如什么TOYBOX它位于,仍可以被發(fā)現(xiàn)在一個不顯眼的導(dǎo)航欄在頂部。懸停效果也很有趣,與其他圖像得到推回和淡出的用戶集中在一個項目上。
奧利維爾Bossel
奧利維爾Bossel的投資組合,交互設(shè)計師,很有趣。導(dǎo)航元素創(chuàng)建爆炸的像素,當(dāng)你將鼠標(biāo)懸停在他們的效果。效果相當(dāng)動態(tài)對比與其他干凈的設(shè)計。它工作得很好,因為它作為一種視覺元素鼓勵用戶繼續(xù)通過網(wǎng)站。一致的視覺語音和語調(diào)補(bǔ)充品牌的身份。只要通過瀏覽網(wǎng)站,用戶體驗設(shè)計師的作品。
TSTO
TSTO,設(shè)計機(jī)構(gòu),有一個簡單而非正統(tǒng)的方法來設(shè)計,它的導(dǎo)航不同的是我們期待什么。導(dǎo)航元素固定在屏幕的每個角落,劃分工作展示。創(chuàng)建了視覺識別與重?zé)岱奂t色的字母,以及描述信息。層次清楚,但是,“工作”標(biāo)簽的左上角,和“聯(lián)系人”和“關(guān)于”頁面底部的標(biāo)簽。在保持的風(fēng)格,正在展出的作品是在同一個沉重的粉紅色字體的標(biāo)題。
通過點擊工作,這像幻燈片呈現(xiàn)時,預(yù)覽下一個項目,當(dāng)你將鼠標(biāo)懸停在箭頭。圖像很大,占用了大部分的頁面。當(dāng)用戶通過點擊查看大圖像TSTO的身份和工作,他們得到一個清晰的思路。
德里克·?德里克·博阿滕博阿滕的組合用一個禮貌的“你好”歡迎用戶在加載時,箭頭指示向下滾動。一般的設(shè)計是被低估的,它不喊你,而是輕輕地引導(dǎo)您完成工作。正如你從加載頁面向下滾動,頭和導(dǎo)航縮了回去,讓更多的空間組合。這是一個很好的例子,導(dǎo)航,始終是訪問的主要內(nèi)容還給出了中心舞臺。
第二個故事
啊,良好醇'水平滾動!第二個故事的網(wǎng)站像一本雜志在平板電腦上的應(yīng)用程序。它具有創(chuàng)新性的,因為它不具有一個典型的Web頁面的觸感和它水平滾動。的內(nèi)容被布置在列中,每個部分垂直滾動。過導(dǎo)航錨定到左邊,這有助于建立的節(jié)奏。當(dāng)您查看導(dǎo)航最大限度地減少這種組合,酒吧上空盤旋時,在左邊,再次出現(xiàn)。您可以選擇在縮略圖視圖或幻燈片查看投資組合。
正如它的名字表明有嚴(yán)重,有嚴(yán)重嬉鬧它有一個元素。迎接你的導(dǎo)航被設(shè)計成左右的氣球漂浮。友好的動畫創(chuàng)建運(yùn)動,否則靜態(tài)網(wǎng)站,為品牌定下了基調(diào)。雖然你可以回來的主頁,在任何階段,一個微妙的導(dǎo)航欄會出現(xiàn)在頁面底部。該網(wǎng)站功能,與飛濺工作室的個性樂趣。其實,它讓我想起了時髦的Flash動畫的好日子(EYE4U,任何人?),但因為這個網(wǎng)站應(yīng)該是有點頑皮,它的工作原理以及在此背景下。
最小的猴子
滾動通過這種大膽的設(shè)計簡單的文章,讓我想起了瀏覽書架。懸停效果為用戶挑出一篇文章的重點。這個網(wǎng)站上也有一個聰明的設(shè)計:當(dāng)您點擊一個選項卡上的“關(guān)于”和“聯(lián)系”部分,頁面下降到透露的信息。這是一個簡單的方式提供信息,而無需重定向到另一個頁面。
然而,觀看老的文章也不是那么容易,因為沒有搜索功能。如果用戶正在尋找一個特定的文章,他們將不得不滾動來查找。搜索功能太多不改變整體的設(shè)計將是有益的。
LayerVault
它是驚人的,可以有什么樣的影響,一個簡單,干凈的布局與俏皮的色彩和有趣的動畫。LayerVault平衡白色空間和微妙的動畫陰謀和從事用戶。動畫可以用來說明一個點,引導(dǎo)用戶通過一個網(wǎng)站,甚至說明了如何使用。動畫并不總是這樣的伎倆,,但LayerVault適用應(yīng)謹(jǐn)慎,只有當(dāng)用戶在瀏覽頁面的特定部分。結(jié)果呢?奠定了良好的頁面,耐看,有吸引力的插圖。
遁飛
遁飛設(shè)計巧妙,標(biāo)志動畫頁面正在加載新穎和時髦。導(dǎo)航固定在頂部,看起來像一個離港及抵港板的,好像你已經(jīng)在機(jī)場!下拉菜單看起來像一個旅游清單,行之有效的主題。當(dāng)你點擊一個位置,然后向下滾動,所有的重要信息仍然固定在頂部,訪問的內(nèi)容更容易,更舒適,強(qiáng)悍的旅客。
逃生飛行最大化利用令人驚嘆的攝影,其空間。這正是你想從一個旅游網(wǎng)站。它可以讓你的冒險等待著,精美的展示了驚人的目的地有點味道。當(dāng)你將鼠標(biāo)懸停在一個目的地,你會發(fā)現(xiàn),正是你需要知道:門票價格,天氣狀況,飛行時間和行程長度。你還能有什么要求呢?
aSCIIaRENa
調(diào)用所有ASCII愛好者!九十年代惡臭aSCIIaRENa。人們可以注冊并發(fā)布新聞的墻壁上,提交自己的文字藝術(shù),并在墻壁上的名氣特色。
照片是Sartorialst本網(wǎng)站上的焦點,并設(shè)計支持,毫不費力地。更重要的是,網(wǎng)站使用懸停效果相當(dāng)優(yōu)雅;字幕幻燈片從側(cè)面再次滑出,光標(biāo)之后。
后面的人SilkTricky?SilkTricky是打破現(xiàn)狀,以及他們的網(wǎng)站并沒有放下。鼠標(biāo)在圖像上創(chuàng)建一個有趣的效果。頁面上的運(yùn)動創(chuàng)造了一種陰謀活動的用戶。在此單頁網(wǎng)站,用戶不必點擊從頁面瀏覽。只需點擊“查看”,所選擇的文章折疊的其他文章推卸。這將是一個很好的方式來展示攝影組合,太。
SumAll
SumAll的布局是干凈的,沒有不必要的額外的,會分散用戶的注意力。懸停在一個簡單低調(diào)的方式,揭示了更多的信息和轉(zhuǎn)換是一個擴(kuò)展懸停效果。當(dāng)你點擊一個按鈕,簡潔的信息和選項出現(xiàn)在下面。我很喜歡,你是不是重定向到另一個網(wǎng)頁,當(dāng)你點擊一個選項,而是整齊的信息出現(xiàn)下面的按鈕。一個缺點:導(dǎo)航是沒有反應(yīng),看著破碎而無法 在較小的意見。
便飯
對不起,這一個如此熱心,但聚餐呈現(xiàn)出夢幻般的用戶體驗。大方的白色空間,可以幫助用戶訪問他們需要什么,當(dāng)他們需要的時候。表單和按鈕有新鮮和開放的審美,使他們很容易發(fā)現(xiàn)和使用。文字和漂亮的圖形的方式,引導(dǎo)用戶通過網(wǎng)站。按鈕和圖標(biāo)很好地協(xié)同工作,所有按鈕和輸入?yún)^(qū)感覺一致,引人入勝。位精心挑選的排版和一個微妙的,干凈的用戶界面如何從事取悅用戶很長的路要走,這是一個很好的例子。
Lowdi
單頁響應(yīng)布局相當(dāng)精美。Lowdi使用線條和形狀來襯托部分的頁面,一個偉大的方式脫離傳統(tǒng)的四四方方的布局。我愛“現(xiàn)在訂購”按鈕注冊成立的線條和形狀的設(shè)計。這些元素調(diào)整到你的屏幕,并設(shè)計有效地維護(hù)流貫穿始終,這使得方便觀看。
Barcamp奧馬哈
Barcamp奧馬哈是一個在線的活動邀請。單頁的工具,有效地引導(dǎo)用戶通過敘述一致的視覺主題。所有的本質(zhì)是什么,何時何地資訊頁面的頂部,但設(shè)計敦促用戶向下滾動才能看到他們能找到什么。我真的很喜歡Twitter和Facebook圖標(biāo)的巧妙融合。
當(dāng)用戶向下滾動,更多的信息提供系統(tǒng),和布局保持整齊,簡潔,大膽的標(biāo)題。會議會談的類別說明用簡單的動畫,以保持用戶從事。一旦你向下滾動建設(shè),并達(dá)到地面,正等著你的聯(lián)系信息,方便。
Combadi
這個網(wǎng)站感到寧靜很快,因為它的負(fù)載,精心設(shè)計的結(jié)果。雖然它不會有大量的白色空間,它不覺得幽閉恐懼癥。標(biāo)簽懸停擴(kuò)大,提供更多的信息和提高可用性。隨著其他元素,這種效應(yīng)傳遞一個通風(fēng),平靜的感覺。設(shè)計反映了詞匯的網(wǎng)站,以及各種元素的共同努力,以實現(xiàn)連貫一致的身份。
沃勒溪水利:最后四
懸停效果應(yīng)該不僅提供更多的信息,而且還有助于網(wǎng)站的視覺吸引力。擴(kuò)大圖像,當(dāng)你將鼠標(biāo)懸停在該網(wǎng)站確實是相當(dāng)漂亮。形象也改變,從灰度的全彩色標(biāo)題。其效果是相當(dāng)誘人。
提起
奠定了網(wǎng)站上的產(chǎn)品或項目時,很容易落得靜態(tài)的目錄式視圖。電梯的簡單的懸停效果旋轉(zhuǎn)顯示的3-D版本的書籍。這看似微小和簡單的視覺效果,真正使網(wǎng)站更有趣。涉及用戶感覺,并可以與網(wǎng)站進(jìn)行交互。你可以做到這一點的3-D效果。
雪鳥
雪鳥是一個動態(tài)的網(wǎng)站,涉及用戶。顯示當(dāng)前的天氣,當(dāng)你將鼠標(biāo)懸停在折疊,揭示本周預(yù)測?!巴暾麍蟾妗卑粹o懸停效果是潛移默化的,因為它變換成直角,圓角尚未生效。玩笑是三角形的,看起來像一種雪鳥的翅膀;上空盤旋時,他們獲得較大視圖展開成一個正方形。
蝕刻
的方形部分緊緊地奠定在這個網(wǎng)站上,但不感到局促。在左上角的導(dǎo)航占用空間小,因為圖標(biāo)用于各種類別。您可以切換導(dǎo)航顯示和隱藏在大視圖,通過點擊菜單圖標(biāo)。響應(yīng)式設(shè)計使得在任何設(shè)備上訪問的網(wǎng)站很容易,而失去功能或品牌號召力。