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

Oleg Postnikov

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

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

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

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

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

These Are Things

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

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

Media Engine

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

1.Kritika

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

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

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

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

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

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

聽起來有些矛盾對么？根據(jù)Mary C. Dyson的“文章屏幕的寬度如何影響讀者心理”，這一實(shí)驗(yàn)，人們之所以喜歡看寬度較窄的文章是因?yàn)槟强雌饋砀娣恍勺x性更高。因?yàn)閯傞_始閱讀，讀 者對文章的內(nèi)容是不了解的，當(dāng)他們讀了幾行之后，他們可能會愿意讀些寬屏的文字，因?yàn)樗麄兡茏x得更快。

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

從公共平臺的角度看

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

從個人博客的角度看

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

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

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

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

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

1、My lapka

今天藍(lán)藍(lán)設(shè)計(jì)為大家搜集了20個精美的教育機(jī)構(gòu)的網(wǎng)站的界面設(shè)計(jì)，其中大部分是大學(xué)和高等教育機(jī)構(gòu)的網(wǎng)站設(shè)計(jì)。希望我們這次的收集能為正在做教育類網(wǎng)站的ui設(shè)計(jì)的你帶去些許靈感。

Washtenaw Community College