不是經(jīng)常有同學(xué)問去哪里尋找網(wǎng)頁界面設(shè)計的靈感么？告訴你吧，就是在這些網(wǎng)頁靈感畫廊里喲！用靈動的CSS打造的靈感畫廊遍及網(wǎng)絡(luò)，已有十多年的歷史，在浩瀚如海的網(wǎng)頁圖集中，總有某些站點觸動著網(wǎng)頁設(shè)計師的深處，激發(fā)著他們的靈感。本文試圖對這些充滿靈感的畫廊網(wǎng)站進(jìn)行匯總。這些采用CSS3+HTML5制作的一流網(wǎng)站，通常都有專門的主題或者特定的內(nèi)容形式，均遵循了響應(yīng)式設(shè)計和移動至上的理念。

藍(lán)藍(lán)設(shè)計這里收集了許多例風(fēng)格精美、內(nèi)容豐富的CSS靈感畫廊，每一個網(wǎng)站都很專業(yè)，收集了各式各樣的優(yōu)秀網(wǎng)頁設(shè)計。
ui設(shè)計師經(jīng)常需要尋找資源，圖像、素材、靈感都是不可或缺的。不妨閑暇時間看看這些畫廊，相信一定能夠啟發(fā)靈感應(yīng)用到到你的界面設(shè)計中。

RWD JP

今天藍(lán)藍(lán)設(shè)計推薦給您的20個網(wǎng)站設(shè)計，完全不按常理出牌，他們的布局格調(diào)、色彩搭配、素材應(yīng)用上都別具一格！可以看出ui設(shè)計師在竭盡所能發(fā)揮自己的想象力和創(chuàng)造力。最近流行扁平化界面設(shè)計，而他們卻要另辟蹊徑，尋找屬于自己的個性風(fēng)格！
如果你也是這樣講究個性不循規(guī)蹈矩的少年！那么這20個網(wǎng)站設(shè)計您一定要收藏好好看看咯！

Oleg Postnikov

互聯(lián)網(wǎng)信息時代，很多內(nèi)容為主的網(wǎng)站都信息過載，這導(dǎo)致了載入速度過慢。電商網(wǎng)站如此，新聞類網(wǎng)站也是如此，而一些設(shè)計師作品集網(wǎng)站或者設(shè)計機構(gòu)的網(wǎng)站也是如此，老實說，作為設(shè)計師，應(yīng)該避免信息過載現(xiàn)象的出現(xiàn)。而一旦你掌握這些技巧，那么你離高薪酬的資深ui設(shè)計師也就不遠(yuǎn)咯。

內(nèi)容主導(dǎo)的頁面布局會自然而然的繁雜、問題多，設(shè)計這種網(wǎng)站的過程，也是一個艱難的挑戰(zhàn)，而且網(wǎng)站設(shè)計擁有者的目的是想給用戶提供更多的信息，信息會越來越多。當(dāng)然，可以聽聽專家指導(dǎo)，堅持一些亙古不變的界面設(shè)計原則，來確保布局的組織良好和架構(gòu)分明，這就能減少很多不必要的繁雜。

今天藍(lán)藍(lán)設(shè)計涵蓋了一堆信息量大，但是卻不雜亂的網(wǎng)頁設(shè)計，具備愉悅的即視感。不吹牛，您可以挨個點看感受一下：）

Action Film 
相當(dāng)復(fù)雜的網(wǎng)站，但是在布局上很聰明將一堆小視頻組織的條理分明。登錄頁分成好幾條線，是的多媒體側(cè)邊欄。

在我們的生活中，橙色常給予我們幸福和快樂，它被稱為愛和仁慈的火焰，甚至還可以代表溫暖的太陽、啟蒙的力量、以及幸福健康。
那么在本次系列中，藍(lán)藍(lán)設(shè)計為您收集了一組現(xiàn)代網(wǎng)頁設(shè)計里運用了橙色的作品，來瞧瞧注入橙色的網(wǎng)頁的界面設(shè)計會對你產(chǎn)生怎樣的魔力吧！

These Are Things

想學(xué)習(xí)做時尚網(wǎng)站設(shè)計嗎？購物網(wǎng)站、時尚作品集、時尚部落格或者雜志都可以呦，這些網(wǎng)站的界面設(shè)計一個特點就是——都灰常受歡迎。怎么樣，你也心癢癢了吧？藍(lán)藍(lán)設(shè)計相信在你看這篇文章的同時，就已經(jīng)下定決心做一個自己的時尚網(wǎng)站，所以話不多說，直奔主題。今天要跟大家分享的是關(guān)于設(shè)計時尚網(wǎng)頁設(shè)計的一些知識，希望你能有所收獲~

如果你讓我與你分享一些這個世界上ui設(shè)計的最好的網(wǎng)站的界面設(shè)計，那么藍(lán)藍(lán)設(shè)計會毫不猶豫的推薦給你這酷炫至極的網(wǎng)站設(shè)計。他們極具設(shè)計感，并不是像扁平化設(shè)計風(fēng)格或者小清新的簡約設(shè)計。恰恰相反，這些網(wǎng)站的設(shè)計者是個歇斯底里的視覺達(dá)人！他們想盡一切辦法讓頁面花哨，讓頁面充滿設(shè)計感！讓頁面的骨子里就打上設(shè)計的烙印！我個人很喜歡這樣的風(fēng)格，因為這是設(shè)計師的游戲規(guī)則，他就是要讓你戳開網(wǎng)站就哇一聲喊出來！怎么樣？迫不及待的要來欣賞了么？

Media Engine

對專注于游戲視覺的ui 設(shè)計師來說，除了不斷提升自己的界面設(shè)計修養(yǎng)和技能水準(zhǔn)，還要對游戲界的設(shè)計趨勢保持高度敏感。下面就是藍(lán)藍(lán)設(shè)計經(jīng)過整理的優(yōu)秀游戲網(wǎng)頁設(shè)計，是從Pmang、Hangame、Hanbiton、PlayNC韓國游戲公司站點截取的，希望能對你有所幫助：）

1.Kritika

關(guān)注人類心理學(xué)的一些研究是非常有意義的。通過對人類心理的推敲，我們討論人社會心理，這能夠幫助創(chuàng)業(yè)公司開拓市場，因為受歡迎的內(nèi)容和大眾心理有著最直接的關(guān)系。問題的關(guān)鍵是，很多心理學(xué)對于網(wǎng)站ui設(shè)計者有著很強的啟發(fā)性。心理學(xué)幫助網(wǎng)站開發(fā)者看清人們的思維如何運作。今天，藍(lán)藍(lán)設(shè)計和大家分享幾條對網(wǎng)站設(shè)計師非常有益的建議。

1.太多的選擇等于沒有選擇。

根據(jù)Sheeya Iyengar教授的心理學(xué)研究，我們能夠洞察人們處理多重選擇時的心理變化。“選擇就是放棄”，Iyengar教授，《選擇的藝術(shù)》的作者這樣總結(jié)說。 社會心理學(xué)發(fā)現(xiàn)，當(dāng)人們面多過多選擇的時候，他們的表現(xiàn)非常相似：他們不會做任何選擇。這就是所謂的“安全選擇”。

結(jié)合到網(wǎng)站設(shè)計中：

太多需要用戶去點擊的東西，會讓人覺得混亂。就拿我自己的網(wǎng)站來說，當(dāng)我把兩側(cè)的工具欄撤掉一半之后，注冊的用戶大大增加。思考你的網(wǎng)站最終、最核心的目的，關(guān)注集中一點，刪掉無關(guān)緊要的點綴和內(nèi)容，直到你的內(nèi)容只剩下最本質(zhì)最重要的內(nèi)容，這樣你的用戶才愿意呆在這里。

2.網(wǎng)站訪問者讀寬屏文字更快，但他們喜歡短屏文字。

聽起來有些矛盾對么？根據(jù)Mary C. Dyson的“文章屏幕的寬度如何影響讀者心理”，這一實驗，人們之所以喜歡看寬度較窄的文章是因為那看起來更舒服一些，可讀性更高。因為剛開始閱讀，讀 者對文章的內(nèi)容是不了解的，當(dāng)他們讀了幾行之后，他們可能會愿意讀些寬屏的文字，因為他們能讀得更快。

關(guān)于登陸估計大家每天使用的都很頻繁了，每次上網(wǎng)都會習(xí)慣性登陸下微博，淘寶，郵箱，空間等，在每天進(jìn)進(jìn)出出無數(shù)門戶的時候有誰又曾在密碼不錯誤的情況下停留在WEB登陸頁面是的界面設(shè)計看一眼呢？下面藍(lán)藍(lán)設(shè)計就和朋友們就談?wù)勥@道不起眼的門。

從公共平臺的角度看

用戶活躍度是檢驗產(chǎn)品成功與否的重要指標(biāo)之一，傳統(tǒng)行業(yè)的商家極為重視門面的裝潢，因為一個好的門面可以聚集人氣，招攬更多的顧客。古時候的大戶人家院子門口的石獅子或其他的擺件的擺放極為講究，有一定的風(fēng)水學(xué)說道理，更能彰顯主人家的身份地位.由此可見，“門面’就如人的臉面之于人的形象一樣重要，而WEB的登錄頁面就相當(dāng)傳統(tǒng)的“門面”。

從個人博客的角度看

個人登陸頁面一般只有自己會用到，所以別人基本是看不到的，但也不排除像我一樣無聊什么都好奇的人存在，什么都想看看，什么都想改改的。那么個人登陸頁面的設(shè)計就完全是抒發(fā)個人情感，體現(xiàn)自身個性的一個地方，你完全不需要在乎它的交互是否友好等問題。你的地盤你做主。

各大網(wǎng)站的WEB登陸

現(xiàn)在越來越多的大型網(wǎng)站把登錄和首頁放在一起設(shè)計，由此可見登錄頁面的重要性，一個出彩的登錄界面，將提升產(chǎn)品的品質(zhì)，賦予產(chǎn)品獨特的氣質(zhì)，登錄界面也是一個發(fā)揮情感化設(shè)計，提升用戶體驗，拉近與用戶之間距離的兵家必爭之地，本文不談趨勢，不講交互大道理，不涉及技術(shù)，就侃侃用戶登錄頁面的一些設(shè)計表現(xiàn)形式。希望這些設(shè)計表現(xiàn)手法能給大家?guī)硪恍﹩l(fā)和靈感。

今天藍(lán)藍(lán)設(shè)計想激勵大家獲得成就感和愉悅感，準(zhǔn)備和你們分享我的珍貴寶藏。
這一組網(wǎng)站的界面設(shè)計，定會幫助你克服你的網(wǎng)站ui設(shè)計創(chuàng)意空白檔期！
戳開鏈接，挨個品鑒它們吧。

藍(lán)藍(lán)設(shè)計推薦第5個網(wǎng)站設(shè)計，超炫的交互展示，配色也灰常棒！

1、My lapka