首頁

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

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

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

 

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

Luke Dorny

navmenus15

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

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

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

 

更多運(yùn)用大圖的網(wǎng)站設(shè)計欣賞: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è)計的小編

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

 

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

Sputnik Creative


Sputnik Creative

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

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

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

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

Min.us

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

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

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

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

1.來點(diǎn)留白

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

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

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

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

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

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

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

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

1-TXT

 

幫你完成創(chuàng)意十足網(wǎng)頁設(shè)計的小技巧

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

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

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

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

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

Nate Hanson

優(yōu)秀的潮流響應(yīng)式網(wǎng)站設(shè)計賞析

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

我們長期對UI設(shè)計類網(wǎng)站的發(fā)掘,總結(jié)出了一個現(xiàn)象,那就是很多關(guān)于響應(yīng)式設(shè)計的文章只給出了桌面版的網(wǎng)站設(shè)計,卻沒有提供移動版網(wǎng)頁設(shè)計的對比,這在我們看來,UI設(shè)計多少顯得有點(diǎn)不夠?qū)I(yè)。

于是,藍(lán)藍(lán)設(shè)計在這里收集整理了優(yōu)秀的響應(yīng)式網(wǎng)站設(shè)計,均有桌面版和移動版的對比。在方便您閱讀這篇文章的同時,您不妨也思考一下靈活性這個主題。

更多潮流響應(yīng)式網(wǎng)站設(shè)計賞析:http://m.bouu.cn/

Up Magazine

Responsive-Websites-018

緊跟潮流響應(yīng)式網(wǎng)站設(shè)計欣賞

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

響應(yīng)式設(shè)計是今年的熱門話題之一,許多先知先覺的網(wǎng)站設(shè)計已經(jīng)用上了,與此技術(shù)相結(jié)合的往往還有碉堡的視差滾動,強(qiáng)強(qiáng)聯(lián)合后能給網(wǎng)站界面設(shè)計創(chuàng)造不一樣酷炫的效果。今天藍(lán)藍(lán)設(shè)計收集的這組優(yōu)秀的響應(yīng)式設(shè)計網(wǎng)站設(shè)計希望能給你帶來UI設(shè)計靈感 :)

 

更多緊跟潮流響應(yīng)式網(wǎng)站設(shè)計欣賞:http://m.bouu.cn/

Keep calm and WWW

Keep calm and WWW

網(wǎng)頁設(shè)計新趨勢響應(yīng)式導(dǎo)航設(shè)計

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

響應(yīng)式設(shè)計是當(dāng)前網(wǎng)站設(shè)計的趨勢,針對不同的設(shè)備,提供布局解決方案。
而且很多UI設(shè)計技術(shù)狂人正在不斷的進(jìn)行各種實驗,爭取讓響應(yīng)式設(shè)計越來越好。

響應(yīng)式設(shè)計的難點(diǎn)是導(dǎo)航菜單界面設(shè)計??刹荒芟窨s放頁面那樣縮放導(dǎo)航菜單。在界面設(shè)計之前,要謀劃好導(dǎo)航菜單在手機(jī)、平板、桌面上的布局。今天藍(lán)藍(lán)設(shè)計收集了25例出眾的響應(yīng)式設(shè)計,大家可以使用響應(yīng)式在線測試工具Responsinator來看看,他們的網(wǎng)站設(shè)計的導(dǎo)航菜單,是怎樣UI設(shè)計的。

Harvard University

Harvard University

日歷

鏈接

個人資料

存檔