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

更多創(chuàng)意導(dǎo)航的網(wǎng)站設(shè)計(jì)欣賞：http://www.bouu.cn/

Poncho 8

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

更多側(cè)邊欄菜單網(wǎng)站設(shè)計(jì)欣賞：http://www.bouu.cn/

Bienville Capital Management

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

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

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

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

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

更多飆升你創(chuàng)造力的網(wǎng)站設(shè)計(jì)欣賞http://www.bouu.cn/

1、My lapka

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

更多運(yùn)用大圖的網(wǎng)站設(shè)計(jì)欣賞：http://www.bouu.cn/

Kinfolk

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

更多優(yōu)雅網(wǎng)站設(shè)計(jì)背景紋理欣賞：http://www.bouu.cn/

Sputnik Creative

作為一名UI設(shè)計(jì)師，每年都會(huì)沉浸在一些新的界面設(shè)計(jì)趨勢(shì)中興奮不已。接下來(lái)，我們將探尋2014年的設(shè)計(jì)趨勢(shì)，這絕對(duì)是意義非凡的事情。Web設(shè)計(jì)師必須洞悉所有相關(guān)領(lǐng)域的新趨勢(shì)，緊跟時(shí)尚潮流。

這次，藍(lán)藍(lán)設(shè)計(jì)想探索一下那些逐漸發(fā)展起來(lái)的UI設(shè)計(jì)潮流。也許過(guò)去我們只是偶爾嘗試一下這些設(shè)計(jì)風(fēng)格，但是今年我們會(huì)真正關(guān)注它們。分享一下幫你完成創(chuàng)意十足的網(wǎng)站設(shè)計(jì)的小技巧。

更多網(wǎng)站設(shè)計(jì)技巧欣賞：http://www.bouu.cn/

更多留白/負(fù)空間

現(xiàn)代網(wǎng)站設(shè)計(jì)技術(shù)的發(fā)展，使UI設(shè)計(jì)師的奇思妙想幾乎都能得到實(shí)現(xiàn)。特別是HTML5技術(shù)的支持，使網(wǎng)站界面設(shè)計(jì)發(fā)生了驚人的變化。今天藍(lán)藍(lán)設(shè)計(jì)收集了一組效果超贊的HTML5網(wǎng)站設(shè)計(jì)，希望能給你帶來(lái)UI設(shè)計(jì)靈感 ：）

更多靈感紛呈的HTML5網(wǎng)站設(shè)計(jì)欣賞：http://www.bouu.cn/

 madebysource

俗話(huà)說(shuō)，人靠衣裝、佛靠金裝；再有俗話(huà)說(shuō)，三分靠長(zhǎng)相、七分靠打扮。

女裝網(wǎng)站設(shè)計(jì)的特點(diǎn)是：大圖展現(xiàn)服裝細(xì)節(jié)，黑白底色突顯服裝或是讓服裝溶入到迷幻色彩中。今天藍(lán)藍(lán)設(shè)計(jì)收集了精美女裝網(wǎng)站設(shè)計(jì)，來(lái)看下它們有哪些不俗的界面設(shè)計(jì)布局與UI設(shè)計(jì)靈感吧。

更多服裝網(wǎng)站設(shè)計(jì)欣賞：http://www.bouu.cn

Free People

近期我們看到了扁平化配色的一個(gè)趨勢(shì)，很多Flat Design網(wǎng)站設(shè)計(jì)使用了耀眼、明亮的色彩，如果是以前我會(huì)覺(jué)得用這類(lèi)顏色會(huì)有點(diǎn)花哨，但當(dāng)我看了相關(guān)的扁平化UI設(shè)計(jì)作品，發(fā)現(xiàn)這并不花哨，反而很好看。

我想大家最近也看過(guò)iOS7的界面設(shè)計(jì)和iPhone 5C新款手機(jī)，那是一種充滿(mǎn)活力、時(shí)尚新穎的顏色，即使用在網(wǎng)頁(yè)設(shè)計(jì)上也非常不錯(cuò)，下面大家看看藍(lán)藍(lán)設(shè)計(jì)從來(lái)自line25整理的扁平化網(wǎng)頁(yè)設(shè)計(jì)作品，希望能給你帶來(lái)創(chuàng)造靈感！

Connect Mania