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

1. 設(shè)置面板

移動(dòng)界面設(shè)計(jì)至上是當(dāng)今的大背景。交互設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)都不得不顧慮手機(jī)的”感受”，移動(dòng)互聯(lián)網(wǎng)方向的創(chuàng)業(yè)如同雨后春筍般出現(xiàn)，而有關(guān)移動(dòng)端的Logo怎么設(shè)計(jì)？如何提供自己的整體ui設(shè)計(jì)服務(wù)能力看看這里吧。好的logo設(shè)計(jì)對(duì)軟件界面設(shè)計(jì)，iPad界面設(shè)計(jì)都起到至關(guān)重要的作用！

天賦異稟的設(shè)計(jì)師們總是通過自身超高的ui設(shè)計(jì)能力能把普通的事物變得那么美好，譬如這里的鞋類網(wǎng)站的界面設(shè)計(jì)，當(dāng)穿在腳上的鞋子踏進(jìn)屏幕后，會(huì)發(fā)生什么奇妙的變幻呢？
找一個(gè)得閑的時(shí)間，泡杯咖啡，靜靜來欣賞藍(lán)藍(lán)設(shè)計(jì)這如藝術(shù)品一樣的網(wǎng)站設(shè)計(jì)吧：）

Satorisan

正如你已經(jīng)看到在藍(lán)藍(lán)設(shè)計(jì)之前的文章中關(guān)于單頁面網(wǎng)站設(shè)計(jì)的推薦！它絕對(duì)是展示你的工作和產(chǎn)品最佳的表現(xiàn)形式，而且十足的酷！很多人會(huì)享受那種滑輪一拉到底的酣暢淋漓！你得承認(rèn)，單頁的設(shè)計(jì)是接下來幾年界面設(shè)計(jì)的熱門趨勢(shì)。
在這個(gè)精選里，幾乎收集了來自全球的最酷最漂亮的單頁作品。你會(huì)發(fā)現(xiàn)各種各樣的高品質(zhì)的、創(chuàng)造性的、美麗的、鼓舞人心的網(wǎng)頁設(shè)計(jì)。它們都遵循了單頁設(shè)計(jì)的趨勢(shì)。

毫無疑問它們會(huì)喚醒你的創(chuàng)造力，激發(fā)你的想象力來創(chuàng)造自己的個(gè)人主頁界面設(shè)計(jì)能力，提高自身ui設(shè)計(jì)能力是時(shí)候讓你的專題頁和個(gè)人站點(diǎn)標(biāo)新立異起來了。

Every Last Drop

去年藍(lán)藍(lán)設(shè)計(jì)收集了很多深色/彩色的網(wǎng)頁設(shè)計(jì)，而今年我們準(zhǔn)備收集一些白色配色相關(guān)的例子給大家獲取靈感。現(xiàn)在一些國外網(wǎng)站設(shè)計(jì)喜歡使用較大的文字作為網(wǎng)頁界面設(shè)計(jì)的視覺中心，而不一定是圖形插畫，圖像一般只作為這些大文字的背景而已，這樣視覺效果佳，而且一眼就可以看出這個(gè)網(wǎng)站是干什么的。

下面來自WDL上的《13個(gè)搭配白色文字的國外網(wǎng)頁設(shè)計(jì)例子》，在這些例子中你可以看到網(wǎng)頁設(shè)計(jì)師是如何使用白色的文字，如通過不同的背景、排版、文字大小等等，提供網(wǎng)站界面設(shè)計(jì)效果。這些都可以作為參考學(xué)習(xí)。

Crop the Block

最讓設(shè)計(jì)師頭疼的事情莫過于沒有靈感及沒有好的資源，設(shè)計(jì)師需要PSD文件！需要PS筆刷！紋理高清背景圖！矢量圖！等等等等大量資源，因?yàn)橛辛诉@些有效資源會(huì)大大提高工作效率，常有事半功倍的效果。

所以，藍(lán)藍(lán)設(shè)計(jì)今天特別準(zhǔn)備了設(shè)計(jì)師必備的資源網(wǎng)站，您可以從這些分享資源的網(wǎng)站里快速簡便的獲得您需要的文件、ui設(shè)計(jì)樣式、軟件界面設(shè)計(jì)、網(wǎng)站設(shè)計(jì)等。你可以直接利用，或是可以作為參考，這都將對(duì)你的ui設(shè)計(jì)有著很大的幫助。您趕緊來瞧瞧吧！

Designmoo

我們對(duì)音樂的渴求，一刻都不曾減少。現(xiàn)在無論上班途中、休息還是工作，我們總習(xí)慣先享受一下聽覺的盛宴。毫不夸張地說，音樂已成為了我們生活的一部分。

有很多熱情澎湃的ui設(shè)計(jì)師也在努力地為音樂的移動(dòng)端界面設(shè)計(jì)創(chuàng)造一個(gè)富有創(chuàng)意的，吸引人的精致界面設(shè)計(jì)。比如這一系列，它們中既有仿古的ui設(shè)計(jì)風(fēng)格，也有現(xiàn)代簡約優(yōu)雅的。你會(huì)欣賞到厚重感十足的黑膠唱機(jī)，可能也會(huì)驚嘆于用色大膽的視覺沖擊風(fēng)格。

希望藍(lán)藍(lán)設(shè)計(jì)今天的作品能帶給各位設(shè)計(jì)師們靈感！盡情享用吧：）

1. Music App UI (iPhone) by Piotr Kwiatkowski

老一輩的天氣預(yù)報(bào)，無論媒介是報(bào)紙、廣播、還是電視，都讓人感到厭煩。” 濟(jì)南，晴，十五度到二十七度。蘇州，陰轉(zhuǎn)多云，二十度到二十八度” 這誰聽了能不煩？跟念經(jīng)似的。但是近幾年手機(jī)上的天氣應(yīng)用界面設(shè)計(jì)做的非常不錯(cuò)，設(shè)計(jì)師解決了這一傳統(tǒng)問題，讓天氣預(yù)報(bào)變得有格調(diào)起來。

盡管每款系統(tǒng)都有自己內(nèi)置的天氣應(yīng)用，但是第三方的設(shè)計(jì)師推動(dòng)了天氣應(yīng)用的發(fā)展，讓天氣應(yīng)用能夠和用戶的應(yīng)用場景有所聯(lián)系，讓天氣應(yīng)用變得漂亮大方，現(xiàn)在幾乎每個(gè)人手機(jī)上都有一款天氣應(yīng)用。

最顯著的特征就是，案例中所有的天氣應(yīng)用都使用了纖細(xì)的無襯線字體ui設(shè)計(jì)，比如Helvetica Neue(Yahoo天氣應(yīng)用）,Gotham以及Hero。這些線條鋒利的字體帶來一種新鮮、摩登的感覺，非常迎合用戶的視覺掃描，便于閱讀理解信息。

好了，現(xiàn)在藍(lán)藍(lán)設(shè)計(jì)開始介紹天氣應(yīng)用設(shè)計(jì)的五種界面設(shè)計(jì)趨勢(shì)：

1. 攝影風(fēng)格

Yahoo! Weather 讓人感到非常的具有現(xiàn)代感，而且是極簡風(fēng)格，非常的具有視覺吸引力。天氣預(yù)報(bào)會(huì)配上當(dāng)?shù)氐牡貥?biāo)建筑。

整體設(shè)計(jì)干凈、有序、一眼便知天下天氣，而且滑動(dòng)一下可以獲取更多的天氣信息。

也許你也像我一樣，手機(jī)上裝滿了各種工作類的應(yīng)用來幫我們更好的設(shè)計(jì)或激活靈感。從畫草圖，到想點(diǎn)子，到記筆記，還有填表單等。但是可以選擇的應(yīng)用實(shí)在太多了，你會(huì)如何在眼花繚亂的應(yīng)用市場上挑選適合你的APP呢？

藍(lán)藍(lán)設(shè)計(jì)的移動(dòng)設(shè)備上有一些常用的設(shè)計(jì)應(yīng)用，還有一些新上線的工具。這些軟件和應(yīng)用幫助我更有效率的工作，也幫我節(jié)省了不少時(shí)間。對(duì)界面設(shè)計(jì)會(huì)有非常大的幫助！這里的10個(gè)設(shè)計(jì)應(yīng)用都非常棒，有些可能是你已經(jīng)熟知的，不過也許你會(huì)找到一些有趣的新玩意。相信一定可以提高朋友們的ui設(shè)計(jì)能力！

1. Evernote

Evernote 是分類筆記應(yīng)用類中的佼佼者。它可以在不同平臺(tái)上工作：智能手機(jī)，平板電腦，或者通過Cloud在臺(tái)式電腦上使用。只要是用它保存的東西，你可以在任何時(shí)間任何地點(diǎn)進(jìn)行存取。再加上Web Clopper和Skitch這樣的插件，你可以將喜歡的網(wǎng)頁保存到個(gè)人文件夾中。這是創(chuàng)建書簽和閱讀清單的最佳工具。Evernote還提供付費(fèi)的增值服務(wù)，比如共享筆記或者文件。Evernote提供windows、Mac、iPad、iPhone、安卓、黑莓等版本。

這幾年研究手機(jī)和平板應(yīng)用程序的開發(fā)者越來越多，都知道這是一碗香餑餑。但！設(shè)計(jì)出合適的UI設(shè)計(jì)以及適合大多數(shù)用戶的操作流程，這些問題會(huì)非常棘手。當(dāng)你設(shè)計(jì)思緒堵塞的時(shí)候，看下其他設(shè)計(jì)者的作品會(huì)很有幫助。

那么在今天的文章里，藍(lán)藍(lán)設(shè)計(jì)要跟你分享一些我自己用來尋找手機(jī)界面設(shè)計(jì)和手機(jī)ui設(shè)計(jì)方面的靈感網(wǎng)站。我把它們按照我尋找的方式進(jìn)行了歸類。

1、僅限安卓的布局設(shè)計(jì)資源站

Android App Patterns

Android App Patterns 上有超過1130張手機(jī)和平板的屏幕截圖。你可以向下滾動(dòng)瀏覽更多。