許多的慈善和非營利組織嘗試籌集善款并設(shè)法讓大家知道他們的特殊存在。以前，他們沒有設(shè)計(jì)和開發(fā)好網(wǎng)站的資源，不得不湊合著搭個(gè)樸素、單調(diào)、無聊的網(wǎng)站，這些網(wǎng)站自然沒法吸引新的訪問者。

然而今時(shí)不同往日，UI設(shè)計(jì)者和開發(fā)者會(huì)幫助某些組織搭建網(wǎng)站，這些組織或慈善目的能引起他們的興趣，或讓他們聯(lián)想到自身經(jīng)驗(yàn)，或他們的家人和朋友有參與的。最終就有了專門為這些慈善和非營利組織搭建的漂亮網(wǎng)站設(shè)計(jì)，且非常值得一看。跟著藍(lán)藍(lán)設(shè)計(jì)一起來欣賞下吧！

Glocal Ventures

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

這些新趨勢讓設(shè)計(jì)變得妙趣橫生。但是很多專家還會(huì)倡導(dǎo)那些并非最時(shí)髦、最震撼世界的設(shè)計(jì)。當(dāng)然，響應(yīng)式設(shè)計(jì)不僅去年是熱點(diǎn)，今年依然還會(huì)被人們重視。同樣，柵格化設(shè)計(jì)作為最基本的設(shè)計(jì)，也會(huì)被繼續(xù)延續(xù)下去。

這次，藍(lán)藍(lán)設(shè)計(jì)想探索一下那些逐漸發(fā)展起來的設(shè)計(jì)潮流。也許過去我們只是偶爾嘗試一下這些界面設(shè)計(jì)風(fēng)格，但是今年我們會(huì)真正關(guān)注它們。

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

網(wǎng)上擠滿了各種各樣的UI設(shè)計(jì)方案，事實(shí)上我們已經(jīng)有一套套的方案可遵循。但！界面設(shè)計(jì)永無止境！哪怕是一個(gè)注冊(cè)表單，也值得再細(xì)心研究。下面藍(lán)藍(lán)設(shè)計(jì)給出注冊(cè)表單設(shè)計(jì)5個(gè)小技巧：

1、別讓用戶重復(fù)填寫相同的內(nèi)容

幾乎每個(gè)人都經(jīng)歷過這樣一個(gè)事實(shí)：注冊(cè)時(shí)被要求填寫郵箱地址兩次或重復(fù)輸入密碼。但是這其實(shí)是沒有必要的。僅填寫一次，因?yàn)橛脩粢话愣加浀米约撼Ｓ玫泥]箱地址和密碼。假設(shè)哪天用戶忘記密碼了可以通過郵箱找回，再多此一舉填寫兩次反而更加容易導(dǎo)致用戶流失。

關(guān)注人類心理學(xué)的一些研究是非常有意義的。通過對(duì)人類心理的推敲，我們討論人社會(huì)心理，這能夠幫助創(chuàng)業(yè)公司開拓市場，因 為受歡迎的內(nèi)容和大眾心理有著最直接的關(guān)系。問題的關(guān)鍵是，很多心理學(xué)對(duì)于網(wǎng)站設(shè)計(jì)者有著很強(qiáng)的啟發(fā)性。心理學(xué)幫助網(wǎng)站開發(fā)者看清人們的思維如何運(yùn)作。今天，藍(lán)藍(lán)設(shè)計(jì)和大家分享幾條對(duì)網(wǎng)站設(shè)計(jì)師非常有益的建議。

1.太多的選擇等于沒有選擇。

根據(jù)Sheeya Iyengar教授的心理學(xué)研究，我們能夠洞察人們處理多重選擇時(shí)的心理變化?！斑x擇就是放棄”，Iyengar教授，《選擇的藝術(shù)》的作者這樣總結(jié)說。 社會(huì)心理學(xué)發(fā)現(xiàn)，當(dāng)人們面多過多選擇的時(shí)候，他們的表現(xiàn)非常相似：他們不會(huì)做任何選擇。這就是所謂的“安全選擇”。

結(jié)合到網(wǎng)站設(shè)計(jì)中：

太多需要用戶去點(diǎn)擊的東西，會(huì)讓人覺得混亂。就拿我自己的網(wǎng)站來說，當(dāng)我把兩側(cè)的工具欄撤掉一半之后，注冊(cè)的用戶大大增加。思考你的網(wǎng)站最終、最核心的目的，關(guān)注集中一點(diǎn)，刪掉無關(guān)緊要的點(diǎn)綴和內(nèi)容，直到你的內(nèi)容只剩下最本質(zhì)最重要的內(nèi)容，這樣你的用戶才愿意呆在這里。

很遺憾，2013年版式設(shè)計(jì)的潮流首先展現(xiàn)在有趣的T—shirt上；很幸運(yùn)，有一些更潮流的UI設(shè)計(jì)師已經(jīng)開始追趕時(shí)尚的節(jié)奏，并將他們賦予在網(wǎng)站設(shè)計(jì)的界面設(shè)計(jì)上—字體混搭的藝術(shù)。這種站在潮流前線的版式設(shè)計(jì)風(fēng)格，藍(lán)藍(lán)設(shè)計(jì)尚不多言，以下為15組范例，欣賞為先，點(diǎn)贊為后~

Forefathers Group

隨著開放平臺(tái)日益增多，衍生出來的各類應(yīng)用服務(wù)也就呈不斷增長的趨勢。這些應(yīng)用服務(wù)的站點(diǎn)UI設(shè)計(jì)也可謂是五彩斑斕，燦若繁星。和藍(lán)藍(lán)設(shè)計(jì)一起來找找這些網(wǎng)站設(shè)計(jì)的界面設(shè)計(jì)是否有規(guī)律可循。

可以從幾個(gè)方面來分析:

色彩

Amoderneden

有許多的慈善和非營利組織嘗試籌集善款并設(shè)法讓大家知道他們的特殊存在。以前，他們沒有設(shè)計(jì)和開發(fā)好網(wǎng)站的資源，不得不湊合著搭個(gè)樸素、單調(diào)、無聊的網(wǎng)站，這些網(wǎng)站自然沒法吸引新的訪問者。

然而今時(shí)不同往日，UI設(shè)計(jì)者和開發(fā)者會(huì)幫助某些組織搭建網(wǎng)站設(shè)計(jì)，這些組織或慈善目的能引起他們的興趣，或讓他們聯(lián)想到自身經(jīng)驗(yàn)，或他們的家人和朋友有參與的。最終就有了專門為這些慈善和非營利組織搭建的漂亮網(wǎng)站界面設(shè)計(jì)，且非常值得一看。和藍(lán)藍(lán)設(shè)計(jì)一起來欣賞下吧！

Glocal Ventures

有同學(xué)喜歡玩黑白配，但是卻一直不得要領(lǐng)，總設(shè)計(jì)不出讓人眼前一亮的佳作出來？今天就讓大家和藍(lán)藍(lán)設(shè)計(jì)來這些優(yōu)秀界面設(shè)計(jì)案例里找原因。

深色的背景看起來具有神秘感，能提供前景元素、背景元素的高度對(duì)比。有了黑色的鋪墊渲染，任何一個(gè)色彩都可以輕易在它之上煥發(fā)光彩。
那么怎么才能更好的在網(wǎng)頁設(shè)計(jì)中運(yùn)用深色背景呢？想要成為一名”高級(jí)黑”UI設(shè)計(jì)師嗎？先來欣賞本文的絕贊范例吧。

The Blue Cube

外觀整潔干練，對(duì)照鮮明。黑色背景凸顯了白色文本。

與你的客戶建立良好親密關(guān)系重要的一點(diǎn)就是展示你的團(tuán)隊(duì)，是的，這樣客戶能迅速了解你的團(tuán)隊(duì)實(shí)力，合作上方便很多。
今天藍(lán)藍(lán)設(shè)計(jì)收集了一組展示團(tuán)隊(duì)成員的網(wǎng)頁布局界面設(shè)計(jì)，從2——4人的小團(tuán)隊(duì)到10——20的大集體都有優(yōu)秀的范例，希望能給你帶來一點(diǎn)UI設(shè)計(jì)靈感。
Tone Agency

小時(shí)候，一盒水彩，幾張白紙，就可以一個(gè)人安靜地待上好久。還記得綠色用得特別快，因?yàn)橄矚g用綠色，畫很多的樹葉，畫大片的草地。不過現(xiàn)在可以用電腦畫，再也不用擔(dān)心缺哪個(gè)顏色啦！
以下是藍(lán)藍(lán)設(shè)計(jì)收集的一組數(shù)字水彩效果的網(wǎng)站設(shè)計(jì)，每個(gè)都好漂亮，看是否能勾起你童年的美好回憶。是否對(duì)你的UI設(shè)計(jì)有所幫助！

Istok Pavlovic