不可否認(rèn)，紙媒日漸衰微，力圖轉(zhuǎn)型為網(wǎng)絡(luò)媒體。
而網(wǎng)絡(luò)媒體，則”反其道而行之”，采用紙媒的布局網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格。

如何在呈遞大量信息的基礎(chǔ)上做到布局有序？如何利用紙媒的傳統(tǒng)大標(biāo)題更好的吸引用戶注意？如何把縮略圖排布的跟雜志中的圖片一樣？請(qǐng)看藍(lán)藍(lán)設(shè)計(jì)推薦的25個(gè)范例網(wǎng)站界面設(shè)計(jì)素材。

This is Fake DIY

無論你從事的是動(dòng)畫、3D還是平面設(shè)計(jì)甚至iPad界面設(shè)計(jì)，今天藍(lán)藍(lán)設(shè)計(jì)推薦的食譜軟件界面設(shè)計(jì)當(dāng)中，絕對(duì)有一款能令你上癮，設(shè)計(jì)師們趕緊來看看，都是免費(fèi)的唷。一定可以幫住大家提高ui設(shè)計(jì)服務(wù)能力的，讓您在ui設(shè)計(jì)公司立穩(wěn)腳步，處于不敗之地。

Recipes and Grocery List – BigOven

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

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

Every Last Drop

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

下面來自WDL上的《13個(gè)搭配白色文字的國(guó)外網(wǎng)頁(yè)設(shè)計(jì)例子》，在這些例子中你可以看到網(wǎng)頁(yè)設(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)站里快速簡(jiǎn)便的獲得您需要的文件、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)代簡(jiǎ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)用場(chǎ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)代感，而且是極簡(jiǎn)風(fēng)格，非常的具有視覺吸引力。天氣預(yù)報(bào)會(huì)配上當(dāng)?shù)氐牡貥?biāo)建筑。

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