UI（用戶界面設(shè)計(jì)）與UX（用戶體驗(yàn)）是密切聯(lián)系的，優(yōu)秀的UI界面設(shè)計(jì)首先就能從視覺(jué)上給用戶極好的體驗(yàn)，今天藍(lán)藍(lán)設(shè)計(jì)從Drrible和Behance上挑選了20套用戶體驗(yàn)超棒的UI界面設(shè)計(jì)，包括了睡眠APP、天氣APP等等，還有對(duì)Facebook、Instagram、Ebay等應(yīng)用的扁平化再設(shè)計(jì)，都非常棒呦！如果你正在設(shè)計(jì)UI界面，那么可得好好借鑒學(xué)習(xí)一下，希望能給你帶來(lái)靈感 : ）

1. Graph screen

這一次，藍(lán)藍(lán)設(shè)計(jì)給大家?guī)?lái)的素材是15款很有吸引力的搜索框 PSD 界面設(shè)計(jì)，你可以免費(fèi)下載使用。有時(shí)候，搜索框容易被訪客忽視，因?yàn)槠浜?jiǎn)單和沒(méi)有吸引力的ui設(shè)計(jì)。如果這是你所面對(duì)的問(wèn)題，那么我們會(huì)鼓勵(lì)你去看看在這個(gè)集合，并找出一些有追求的方法來(lái)提高搜索框的美觀。

Searchbox

為一本簡(jiǎn)易的UI模式參考書(shū)，《移動(dòng)應(yīng)用UI設(shè)計(jì)模式》非常適合移動(dòng)應(yīng)用開(kāi)發(fā)人員、UI設(shè)計(jì)師閱讀，還沒(méi)買的同學(xué)們可以看看這本書(shū)關(guān)于移動(dòng)UI設(shè)計(jì)中導(dǎo)航模式的經(jīng)驗(yàn)分享。

正如精良的設(shè)計(jì)一樣，優(yōu)秀的導(dǎo)航也大象無(wú)形。不管是瀏覽好友信息，還是租賃汽車，完美的導(dǎo)航界面設(shè)計(jì)能讓用戶根據(jù)直覺(jué)使用應(yīng)用程序，也能讓用戶非常容易地完成 所有任務(wù)。一款應(yīng)用的導(dǎo)航可以被設(shè)計(jì)成各種樣式，但藍(lán)藍(lán)設(shè)計(jì)想著重介紹６種主要的導(dǎo)航模式，也就是主菜單的導(dǎo)航模式。

最近幾年，網(wǎng)頁(yè)設(shè)計(jì)發(fā)生了翻天覆地的變化，現(xiàn)代設(shè)計(jì)的趨勢(shì)從擬物化逐漸向扁平化轉(zhuǎn)移，所以從最近瀏覽的網(wǎng)頁(yè)中我們可以發(fā)現(xiàn)，網(wǎng)站里的字體變多了，變大了，網(wǎng)頁(yè)都是以內(nèi)容為主，最重要的是，網(wǎng)頁(yè)登陸速度迅速了許多。

而這一切的改變給用戶帶來(lái)了清新、整潔、干凈的體驗(yàn)。今天藍(lán)藍(lán)設(shè)計(jì)為大家整理了一些以清新、干凈為主題的網(wǎng)站界面設(shè)計(jì)，它們都用自己的方式詮釋了對(duì)扁平化的理解，趕緊來(lái)看看吧~

Themes Kingdom

表單的界面設(shè)計(jì)是由許多細(xì)小的元素所組合而成的集合體，標(biāo)題和輸入框的排列方式有著重要的地位，標(biāo)題要放在輸入框的左側(cè)還是上面？要靠左還是靠右？要怎么排列才能提高表單的完成率呢？藍(lán)藍(lán)設(shè)計(jì)表單元素ui設(shè)計(jì)大揭密!

標(biāo)題和輸入框常見(jiàn)的排列方式

1. 放在輸入框左邊，而且靠左對(duì)齊

又是一個(gè)愉悅的周一。今天我們來(lái)聊聊“聯(lián)系我們”的頁(yè)面設(shè)計(jì)。它可是網(wǎng)頁(yè)設(shè)計(jì)中的最佳男配角了。雖然說(shuō)通常只有一個(gè)頁(yè)面。但是他在老板的眼里，那可是最有份量的。他經(jīng)常出現(xiàn)在個(gè)人網(wǎng)站、企業(yè)網(wǎng)站、工作室網(wǎng)站設(shè)計(jì)中。但凡該網(wǎng)站提供服務(wù)，就必須要有一個(gè)聯(lián)系方式。今天藍(lán)藍(lán)設(shè)計(jì)收集了比較有創(chuàng)意的網(wǎng)站頁(yè)面的界面設(shè)計(jì)，有不同形式的分類和主張，希望您能喜歡。

Josies Bathrooms

平時(shí)網(wǎng)站設(shè)計(jì)、界面設(shè)計(jì)、ui設(shè)計(jì)等，想找高清大圖或?qū)W的教程都可以上設(shè)計(jì)師網(wǎng)址導(dǎo)航獲取，非常方便，今天藍(lán)藍(lán)設(shè)計(jì)為同學(xué)們補(bǔ)充一組超贊的矢量素材下載站，有了它們，從此就可以輕而易舉地找到免費(fèi)的高品質(zhì)矢量素材咯，相信能為u設(shè)計(jì)師們省出不少的時(shí)間。

01. Freepik

圖表是數(shù)據(jù)圖形化的表示，通過(guò)形象的圖表來(lái)展示數(shù)據(jù)，比如條形圖，折線圖，餅圖等等?？梢暬瘓D表可以幫助開(kāi)發(fā)者更容易理解復(fù)雜的數(shù)據(jù)，提高生產(chǎn)的效率和Web應(yīng)用和項(xiàng)目的可靠性。

在這篇文章中，藍(lán)藍(lán)設(shè)計(jì)收集了值得網(wǎng)站設(shè)計(jì)開(kāi)發(fā)者收藏的JavaScript圖形圖表庫(kù)，適合各種圖表需求。其中大部分都是免費(fèi)而且開(kāi)源的，希望大家能在下面的列表中找到適合自己需求的JavaScript圖表和圖形庫(kù)。

1.  JS Charts

在網(wǎng)頁(yè)設(shè)計(jì)中使用更多的視頻，被認(rèn)為是2014年的一大設(shè)計(jì)趨勢(shì)。當(dāng)然有一些人會(huì)堅(jiān)持大量使用文本/內(nèi)容，他們認(rèn)為內(nèi)容是網(wǎng)站的根基，其他人則認(rèn)為需要打破傳統(tǒng)，因?yàn)樵L客的好奇心是不會(huì)滿足于單一的內(nèi)容鋪陳的，需要為訪客的好奇心制造驚喜。

無(wú)論如何，視頻增多文本減少的網(wǎng)站的界面設(shè)計(jì)在過(guò)去的幾個(gè)月里層出不窮。這樣的解決方案有其優(yōu)缺點(diǎn)，但是至少它引爆了人們的激情。只有時(shí)間能證明一切。

藍(lán)藍(lán)設(shè)計(jì)這里收集了一些新的網(wǎng)頁(yè)設(shè)計(jì)的例子，它們帶來(lái)了更多的視覺(jué)沖擊，感受下。

案例合輯 

Manaz Productions

該網(wǎng)站毫不猶豫地提供了大量視頻而故意削弱了文本量，其實(shí)并不奇怪，因?yàn)檫@個(gè)公司就是視頻制作商，著陸頁(yè)凸顯自己視頻制作技巧是很有必要的。

俗話說(shuō)，人靠衣裝、佛靠金裝；再有俗話說(shuō)，三分靠長(zhǎng)相、七分靠打扮。

服裝對(duì)于人類來(lái)說(shuō)，不僅僅只是遮羞布，更多的是扮演著一種襯托的角色。尤其是對(duì)于愛(ài)美的女性來(lái)說(shuō)，淑女系的服裝襯出女性婉約的氣質(zhì)，職場(chǎng)系的服裝襯出女性干練的性格，緊身服裝刻畫(huà)出女性誘惑迷人的身段，而柔美的婚紗更是女性生命中最重要時(shí)刻的陪伴者……

女裝網(wǎng)站界面設(shè)計(jì)的特點(diǎn)是：大圖展現(xiàn)服裝細(xì)節(jié)，黑白底色突顯服裝或是讓服裝溶入到迷幻色彩中。那么請(qǐng)朋友們一起和藍(lán)藍(lán)設(shè)計(jì)欣賞這10個(gè)精美女裝網(wǎng)站設(shè)計(jì)欣賞

更多服裝網(wǎng)站設(shè)計(jì)欣賞：http://m.wtxcl.cn/

So Sassi