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

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

Glocal Ventures

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

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

The Blue Cube

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

用圓形元素進行網(wǎng)頁設(shè)計有兩種討的辦法：

一種是把圓形作為網(wǎng)頁界面設(shè)計過程中的主要形狀。這樣的網(wǎng)頁的主要元素，比如標(biāo)志的類型，導(dǎo)航元素，彈出菜單，圖像和其他元素，都應(yīng)該是以圓形為基礎(chǔ)設(shè)計的。
第二種方法就是避免重復(fù)使用圓形，只用一個主要的圓形元素來抓住用戶的注意力。但不管使用哪種方法，設(shè)計師們都應(yīng)該要時刻把網(wǎng)頁整體的可讀性，可用性和協(xié)調(diào)性放在心上。

既然提到了設(shè)計，那么下面不妨看看藍(lán)藍(lán)設(shè)計為你精心挑選的一些應(yīng)用了圓形元素網(wǎng)頁設(shè)計。它們都充分地利用了圓形的特點來展現(xiàn)頁面。

Like there is no tomorrow

于UI設(shè)計師，挖到免費漂亮的Photoshop紋理就像和挖到寶藏一樣。在一個界面設(shè)計項目里，派給你一個妹子和一個恰當(dāng)?shù)?span id="yzisu7o" class="wp_keywordlink_affiliate">紋理，你會要神馬？
廢話，肯定是妹子了！當(dāng)然接下來紋理也是缺一不可的！
今天藍(lán)藍(lán)設(shè)計推薦給您一些精挑細(xì)選的紋理，來試試將它們平鋪運用到你的web設(shè)計中吧。

Crafted Wood

有很多同學(xué)下載了紋理后知道如何平鋪使用，并且都分類羅列一目了然，可是在制作網(wǎng)站的時候卻不知道怎么用，總感覺利用不起來。

那么今天藍(lán)藍(lán)設(shè)計推薦30個運用紋理界面設(shè)計出眾的網(wǎng)站設(shè)計，希望對你UI設(shè)計有一定的啟發(fā):)

Hollister Co.

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

最近大家伙越來越關(guān)注視差滾動的網(wǎng)站設(shè)計了，很多同學(xué)都在四處尋找相關(guān)的案例來賞析學(xué)習(xí)。此前我們也分享過相關(guān)的制作教程及文章。

那么今天藍(lán)藍(lán)設(shè)計繼續(xù)推薦創(chuàng)意十足的視差滾動酷站界面設(shè)計，希望能為你的案例帶來靈感：）強烈推薦收藏。

Beatbox Academy

響應(yīng)式網(wǎng)頁設(shè)計，是一種正在流行的網(wǎng)頁開發(fā)思想，它是利用靈活可變的柵格系統(tǒng)，令網(wǎng)頁的顯示模式可以根據(jù)訪問設(shè)備的屏幕尺寸規(guī)格而進行自適應(yīng)。預(yù)計2015年的時候，移動端的用戶數(shù)量將會從目前的8億，增長到19億，而這也意味著目前我們?yōu)樽烂鏋g覽器而設(shè)計的網(wǎng)頁，將會在他們的手機和平板上呈現(xiàn)出非常糟糕的使用體驗。

但是隨著實際應(yīng)用狀況的改變，響應(yīng)式網(wǎng)頁設(shè)計還是會出現(xiàn)一系列復(fù)雜的并發(fā)癥。本文余下的部分，就是詳細(xì)闡述如何在響應(yīng)式網(wǎng)頁中安置和處理多媒體元素，諸如圖片和視頻，最終的目的是幫你做出一個靠譜的網(wǎng)站，能讓這些元素?zé)o縫地在各種手持設(shè)備上加載運行，提升用戶體驗。

響應(yīng)式網(wǎng)頁設(shè)計中的圖片處理

先說說響應(yīng)式圖片的處理方法。在響應(yīng)式網(wǎng)頁設(shè)計中，圖片處理的問題或多或少地和傳統(tǒng)網(wǎng)頁中的導(dǎo)航欄設(shè)計有相似之處。隨著新的移動設(shè)備的普及，更高像素密度的屏幕使得網(wǎng)頁的任何一個瑕疵都顯得無比明顯，因此，圖片處理的核心問題在于如何確保網(wǎng)站（尤其是圖片）的各個方面都能盡可能靈活，并且確保每個像素不會在高分屏下模糊。

服飾鞋帽向來是時尚必爭之地，除產(chǎn)品本身的宣傳是核心競爭力，在用戶還未接觸到實體之前，通過網(wǎng)站宣傳往往是給新用戶留下一個好印象的開始。

宣傳產(chǎn)品的網(wǎng)站界面設(shè)計，充滿美感的大照片和酷炫的網(wǎng)頁現(xiàn)在是必不可少的，來看看藍(lán)藍(lán)設(shè)計下面一組時尚類型的鞋帽服飾網(wǎng)站設(shè)計吧。

更多時尚類網(wǎng)站設(shè)計欣賞：
http://m.sillybuy.com/

Heren

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

Istok Pavlovic