我們在設(shè)計網(wǎng)站的時候，UI設(shè)計師會考慮很多實用性方面的問題，來滿足終端使用者的需求，因此他們經(jīng)常忽視網(wǎng)站界面設(shè)計的創(chuàng)新和整體概念。
今天藍(lán)藍(lán)設(shè)計展示的是那些極具天賦和創(chuàng)新能力的UI設(shè)計師所設(shè)計的不同網(wǎng)站設(shè)計的個性導(dǎo)航。您一定不要錯過了，記得細(xì)心觀察，挖掘界面設(shè)計靈感喲！

更多創(chuàng)意導(dǎo)航的網(wǎng)站設(shè)計欣賞：http://m.sillybuy.com/

Poncho 8

信不信由你，側(cè)邊欄菜單將會是2014的一個新趨勢！實際上，菜單界面設(shè)計已經(jīng)有相當(dāng)長的一個歷史，最開始它只被用在計算機應(yīng)用程序上，后來逐漸流行到社交媒體網(wǎng)站UI設(shè)計?，F(xiàn)在很多單頁設(shè)計的網(wǎng)站設(shè)計菜單都非常精美而便利。來欣賞藍(lán)藍(lán)設(shè)計一些超級棒的側(cè)邊欄菜單網(wǎng)站設(shè)計：

更多側(cè)邊欄菜單網(wǎng)站設(shè)計欣賞：http://m.sillybuy.com/

Bienville Capital Management

設(shè)計師采用傳統(tǒng)的色彩組合展示該網(wǎng)站，動態(tài)圖片使得網(wǎng)站不再單調(diào)。左邊的菜單采用側(cè)滑式，既不妨礙用戶參觀又起到網(wǎng)站指引的作用。

對話框（Dialog）是個好用又方便的工具，通常用來再三確認(rèn)使用者的操作動作與決策，以避免一時的手誤或誤會操作動作的意思，常用于重要動作的確認(rèn)，例如：「你確定要刪除這個聯(lián)絡(luò)人嗎？」，但若對話框搭配了不適當(dāng)?shù)幕貞?yīng)選項文字，反而可能會造成使用者的困擾與誤解，有時還可能做了錯誤的決定。

對話框最常見的不當(dāng)界面設(shè)計就是選項上的文字出現(xiàn)：「是（YES）與否（NO）」，回想在學(xué)生時期考試的時候，O與X在是非題中是唯二的兩個答案，而出題者會透過文字?jǐn)⑹錾险吹恼`導(dǎo)，來測驗學(xué)生是否真的清楚了解，先不論這樣的測驗方式到底對學(xué)習(xí)以及知識的建立到底有沒有明顯的幫助，使用者可不想在開心的使用你的程式或服務(wù)時，還要小心翼翼的了解你對話框的內(nèi)容。

我們當(dāng)然可以細(xì)心的設(shè)計對話框中的文字，讓使用者清楚明了對話框的訊息，但是在大部分的情況下，我們幾乎根本不會逐字去閱讀訊息的內(nèi)容。那么藍(lán)藍(lán)設(shè)計告訴大家如何UI設(shè)計清楚明了的對話框。你必須要假設(shè)使用者除了對話框上的按鈕外，不會閱讀任何其他訊息（對話框的標(biāo)題或是訊息內(nèi)容）。

今天藍(lán)藍(lán)設(shè)計想激勵大家獲得成就感和愉悅感，準(zhǔn)備和你們分享我的珍貴寶藏。
這一組網(wǎng)站設(shè)計，定會幫助你克服你的UI設(shè)計創(chuàng)意空白檔期！
戳開鏈接，挨個品鑒它們吧。如果你也想認(rèn)識更多志同道合的朋友，可以嘗試在評論留下你對某一個網(wǎng)站界面設(shè)計的觀點喲！

更多飆升你創(chuàng)造力的網(wǎng)站設(shè)計欣賞http://m.sillybuy.com/

1、My lapka

導(dǎo)航在網(wǎng)站設(shè)計中地位是舉足輕重的，它引導(dǎo)著用戶進行瀏覽和查找，一個良好的導(dǎo)航系統(tǒng)的界面設(shè)計能讓用戶在離開網(wǎng)站時感覺享受了一次愉快的旅程。今天藍(lán)藍(lán)設(shè)計為您推薦一些網(wǎng)站設(shè)計的創(chuàng)意導(dǎo)航設(shè)計，我們一起來感受一下它們的UI設(shè)計魅力吧！

更多擁有創(chuàng)意導(dǎo)航設(shè)計的網(wǎng)站設(shè)計欣賞：http://m.sillybuy.com/

Luke Dorny

最近的網(wǎng)站設(shè)計中，有許多網(wǎng)頁界面設(shè)計是運用大圖元素作為網(wǎng)頁背景來設(shè)計。一張好看的圖片能吸引大家注意力和點擊的欲望，并讓你的網(wǎng)站設(shè)計更有設(shè)計感。不妨一起來看看今天藍(lán)藍(lán)設(shè)計推薦給大家的這些運用大圖的網(wǎng)站設(shè)計案例，看看有哪些你可以學(xué)習(xí)并運用到下一次的UI設(shè)計當(dāng)中。

更多運用大圖的網(wǎng)站設(shè)計欣賞：http://m.sillybuy.com/

Kinfolk

盡管極簡界面設(shè)計和扁平化不提倡使用紋理。但是UI設(shè)計無絕對，很多情況下，紋理的質(zhì)感，能讓整個網(wǎng)頁提升好幾個層次。
紋理能夠營造一種復(fù)古氛圍。今天藍(lán)藍(lán)設(shè)計收錄了許多網(wǎng)站設(shè)計，全部在紋理運用上頗有心得，可以看看他們的界面設(shè)計設(shè)計細(xì)節(jié)。

更多優(yōu)雅網(wǎng)站設(shè)計背景紋理欣賞：http://m.sillybuy.com/

Sputnik Creative

每當(dāng)你UI設(shè)計遇到一些瑣碎的雜事時，如果有一些現(xiàn)成的工具可以幫助你在短暫的時間內(nèi)，快速達到你想要的目的與結(jié)果，那對大家來說應(yīng)該是非常棒的事情，對于網(wǎng)站設(shè)計師來說也是有一些網(wǎng)路上實用的制作工具，那么今天藍(lán)藍(lán)設(shè)計今天分享一些網(wǎng)站設(shè)計實用線上制作工具，幫助你在短時間內(nèi)達成你想要的UI設(shè)計結(jié)果。

更多網(wǎng)站設(shè)計實用線上制作工具欣賞：http://m.sillybuy.com/

Min.us

優(yōu)秀的編碼和優(yōu)秀的UI設(shè)計之間是相輔相成的。不幸的是，視覺設(shè)計能力偏弱的人通常會覺得自己缺乏天賦，換句話說，就是人們要么覺得自己具有出眾的美學(xué)天賦，要么就是這方面的白癡。對這個說法，我可不敢茍同。

如果你在一個小團隊里面身兼數(shù)職，卻又沒有多少美學(xué)基礎(chǔ)。又或者你覺得你們的項目在視覺上還有更多發(fā)揮的空間，那么這篇文章就是寫給你的。藍(lán)藍(lán)設(shè)計將談到傳統(tǒng)的5個消除丑陋藝術(shù)設(shè)計的元素和原則（或者至少能夠進行一定程度的掩蓋）

1.來點留白

大多數(shù)的開發(fā)者并不在意添加空白的像頁邊距，填充，行高，或者其他任何增加空白的CSS屬性。識別出開發(fā)者設(shè)計的界面設(shè)計是很容易的：文本都是緊緊地挨著邊緣的，沒有任何留白，而且屏幕元素之間是通過直線來實現(xiàn)分割的，而不是空白。

隨著PC端、平板、智能手機等終端的發(fā)展，設(shè)備環(huán)境（系統(tǒng)平臺、屏幕尺寸、屏幕分辨率等）更加復(fù)雜，網(wǎng)頁界面設(shè)計展示需要考慮到各個終端的具體差異。

因此，響應(yīng)式設(shè)計受到了大家的推崇。今天藍(lán)藍(lán)設(shè)計文中的免費的響應(yīng)式網(wǎng)站設(shè)計模板，希望能幫大家了解這種UI設(shè)計技術(shù)以及提高工作效率。

更多免費的響應(yīng)式網(wǎng)站設(shè)計模板欣賞：http://m.sillybuy.com/

1、http://www.html5xcss3.com/2013/01/html5-template-txt.html

這個模板有一個主頁頁面以及一個博客頁面?？煞譃橐涣谢騼闪?，你可以根據(jù)自己的意愿進行設(shè)定。側(cè)邊欄的個數(shù)也可以自己自由設(shè)定。