首頁

挖掘靈感的創(chuàng)意導(dǎo)航的網(wǎng)頁設(shè)計(jì)

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

我們?cè)谠O(shè)計(jì)網(wǎng)站的時(shí)候,UI設(shè)計(jì)師會(huì)考慮很多實(shí)用性方面的問題,來滿足終端使用者的需求,因此他們經(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ò)過了,記得細(xì)心觀察,挖掘界面設(shè)計(jì)靈感喲!

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

 

Poncho 8

Poncho 8 in Creative Navigation In Web Design

時(shí)尚創(chuàng)新的側(cè)邊欄菜單網(wǎng)頁設(shè)計(jì)

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

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

 

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

Bienville Capital Management

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

13

如何設(shè)計(jì)清楚明了的對(duì)話框

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

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

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

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

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

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

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

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

1、My lapka

瞧瞧這些擁有創(chuàng)意導(dǎo)航設(shè)計(jì)的網(wǎng)站

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

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

 

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

Luke Dorny

navmenus15

運(yùn)用大圖的網(wǎng)頁設(shè)計(jì)案例賞析

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

最近的網(wǎng)站設(shè)計(jì)中,有許多網(wǎng)頁界面設(shè)計(jì)是運(yùn)用大圖元素作為網(wǎng)頁背景來設(shè)計(jì)。一張好看的圖片能吸引大家注意力和點(diǎn)擊的欲望,并讓你的網(wǎng)站設(shè)計(jì)更有設(shè)計(jì)感。不妨一起來看看今天藍(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://m.bouu.cn/

Kinfolk

damndigital_21-inspiring-examples-of-big-images-in-web-design_kinfolk

低調(diào)內(nèi)涵的優(yōu)雅網(wǎng)頁背景紋理欣賞

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

盡管極簡(jiǎn)界面設(shè)計(jì)和扁平化不提倡使用紋理。但是UI設(shè)計(jì)無絕對(duì),很多情況下,紋理的質(zhì)感,能讓整個(gè)網(wǎng)頁提升好幾個(gè)層次。
紋理能夠營造一種復(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://m.bouu.cn/

Sputnik Creative


Sputnik Creative

網(wǎng)頁設(shè)計(jì)實(shí)用線上制作工具

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

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

更多網(wǎng)站設(shè)計(jì)實(shí)用線上制作工具欣賞:http://m.bouu.cn/

Min.us

開發(fā)人員應(yīng)該知道5個(gè)設(shè)計(jì)技巧

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

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

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

1.來點(diǎn)留白

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

免費(fèi)的響應(yīng)式網(wǎng)頁設(shè)計(jì)模板

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

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

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

更多免費(fèi)的響應(yīng)式網(wǎng)站設(shè)計(jì)模板欣賞:http://m.bouu.cn/

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

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

1-TXT

 

日歷

鏈接

個(gè)人資料

存檔