首頁

你應(yīng)該到這里尋找網(wǎng)頁設(shè)計(jì)靈感

藍(lán)藍(lán)設(shè)計(jì)的小編

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

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

RWD JP

japanese responsive web design gallery showcase

20個天馬行空的個性網(wǎng)站

藍(lán)藍(lán)設(shè)計(jì)的小編

今天藍(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

優(yōu)設(shè)網(wǎng) 25個天馬行空的個性網(wǎng)站

如何有效布局信息繁雜的網(wǎng)站?

藍(lán)藍(lán)設(shè)計(jì)的小編

互聯(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è)邊欄。

Action Film

歡樂動感的橙色網(wǎng)頁設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

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

These Are Things

These Are Things in Orange in Web Design

如何制作一個時尚的網(wǎng)頁!最有效的實(shí)踐技巧

藍(lán)藍(lán)設(shè)計(jì)的小編

想學(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ì)的一些知識,希望你能有所收獲~How to Create a Fashion Website - Latest Effective Practices and Tips

設(shè)計(jì)感十足的奇妙網(wǎng)站欣賞

藍(lán)藍(lán)設(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

10個頂尖韓國游戲網(wǎng)頁欣賞

藍(lán)藍(lán)設(shè)計(jì)的小編

對專注于游戲視覺的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

1.KRITIKA

設(shè)計(jì)之路,網(wǎng)頁設(shè)計(jì)師應(yīng)該知道的心理學(xué)

藍(lán)藍(lán)設(shè)計(jì)的小編

關(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é)研究,我們能夠洞察人們處理多重選擇時的心理變化?!斑x擇就是放棄”,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)槟强雌饋砀娣恍?,可讀性更高。因?yàn)閯傞_始閱讀,讀 者對文章的內(nèi)容是不了解的,當(dāng)他們讀了幾行之后,他們可能會愿意讀些寬屏的文字,因?yàn)樗麄兡茏x得更快。

拒絕平庸:優(yōu)秀WEB登錄頁面設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

關(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ā)和靈感。

酷站:15枚飆升你創(chuàng)造力的網(wǎng)頁設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

今天藍(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

日歷

鏈接

個人資料

存檔