在所有顏色中，能一瞬間抓住你眼球的非亮色莫屬，除了這個(gè)，亮色調(diào)還能調(diào)起快樂(lè)的情緒，好處多多，但運(yùn)用起來(lái)沒(méi)那么簡(jiǎn)單，一不小心就閃到眼睛了。今天藍(lán)藍(lán)設(shè)計(jì)收集了許多亮色調(diào)的網(wǎng)站設(shè)計(jì)，UI設(shè)計(jì)們可以借鑒一下，怎樣恰到好處地去運(yùn)用它。

WerkPress

最近，你會(huì)發(fā)現(xiàn)大家都在討論扁平化網(wǎng)頁(yè)設(shè)計(jì)。每個(gè)人都想要它，因?yàn)樗芸幔悄壳暗闹髁髭厔?shì)。扁平化界面設(shè)計(jì)，因其簡(jiǎn)單性和關(guān)注用戶(hù)，去除了很多網(wǎng)站的不必要的元素，例如沉重的背景圖片，漸變，斜面和其他一切使空間雜亂的東西。

現(xiàn)在，所有的注意力都集中在良好的排版，高品質(zhì)的圖像，清晰的文本，完全兼容所有主流瀏覽器和屏幕尺寸。正在使用的大公司，如微軟，谷歌或蘋(píng)果，因此很容易理解為什么這種風(fēng)格的在UI設(shè)計(jì)界會(huì)有巨大的采用率。

在藍(lán)藍(lán)設(shè)計(jì)這篇文章中，你可以看到許多華麗的扁平化網(wǎng)頁(yè)設(shè)計(jì)作品，希望您會(huì)喜歡這個(gè)集合。

Tynan D’Arcy

做事容易，做大事難。網(wǎng)頁(yè)設(shè)計(jì)容易，但是出類(lèi)拔萃難。左上角放Logo，Logo下方放導(dǎo)航，導(dǎo)航下方放置圖片滑動(dòng)欄，滑動(dòng)欄下方來(lái)個(gè)三欄或者四欄布局，好吧，大多數(shù)的網(wǎng)站都是這樣，除了圖像、配色、字體不一樣，布局方面非常相似或者相近，表現(xiàn)不出UI設(shè)計(jì)創(chuàng)意。

是不是很久木有這樣的驚訝了：”原來(lái)網(wǎng)站還可以這樣做？”

如果你想來(lái)點(diǎn)新鮮的體驗(yàn)，圍觀一些與眾不同的網(wǎng)站界面設(shè)計(jì)，那么請(qǐng)看藍(lán)藍(lán)設(shè)計(jì)這里，這里是本周的一些創(chuàng)意網(wǎng)站設(shè)計(jì)精選。一定不會(huì)讓你失望：）請(qǐng)耐心欣賞完每個(gè)網(wǎng)站，并且在頁(yè)面里多按動(dòng)鼠標(biāo)體驗(yàn)一下喲。

更多創(chuàng)意網(wǎng)站設(shè)計(jì)欣賞：http://www.alimai.net/

1. Know The Sign

網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)之間存在差異性，但越來(lái)越多的網(wǎng)頁(yè)設(shè)計(jì)師們?cè)趪L試著縮減這之間的差異性，希望通過(guò)一定的方式來(lái)銜接起網(wǎng)頁(yè)與平面之間的距離。

就像藍(lán)藍(lán)設(shè)計(jì)今天推薦給您的這些超贊網(wǎng)頁(yè)界面設(shè)計(jì)案例，他們將平面的版式帶進(jìn)了網(wǎng)頁(yè)中，一起來(lái)欣賞汲取UI設(shè)計(jì)靈感吧：）

更多精美網(wǎng)頁(yè)設(shè)計(jì)：http://www.alimai.net/

Hello Innovation

現(xiàn)在大模糊背景圖像的界面設(shè)計(jì)在網(wǎng)站設(shè)計(jì)中越來(lái)越受歡迎，高斯模糊的加入不僅創(chuàng)建了一個(gè)朦朧彌漫的效果，具備高端觀賞性的同時(shí)，它還可以強(qiáng)制性引導(dǎo)用戶(hù)關(guān)注主要信息內(nèi)容，大大提升了信息的易讀性。和藍(lán)藍(lán)設(shè)計(jì)一起來(lái)欣賞這些網(wǎng)站吧：）

更多模糊大背景網(wǎng)站設(shè)計(jì)欣賞http://www.alimai.net/

Color

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

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

Glocal Ventures

響應(yīng)式設(shè)計(jì)是當(dāng)前網(wǎng)站設(shè)計(jì)的趨勢(shì)，針對(duì)不同的設(shè)備，提供布局解決方案。而且很多技術(shù)狂人正在不斷的進(jìn)行各種實(shí)驗(yàn)，爭(zhēng)取讓響應(yīng)式設(shè)計(jì)越來(lái)越好。響應(yīng)式設(shè)計(jì)的難點(diǎn)是導(dǎo)航菜單?？刹荒芟窨s放頁(yè)面那樣縮放導(dǎo)航菜單。在UI設(shè)計(jì)之前，要謀劃好導(dǎo)航菜單在手機(jī)、平板、桌面上的布局。藍(lán)藍(lán)設(shè)計(jì)收集了許多例出眾的響應(yīng)式設(shè)計(jì)，大家可以使用響應(yīng)式在線(xiàn)測(cè)試工具Responsinator來(lái)看看，他們的導(dǎo)航菜單，是怎樣界面設(shè)計(jì)的。

Gold Interactive

曾經(jīng)有一段時(shí)間，大伙兒都在努力把網(wǎng)頁(yè)界面設(shè)計(jì)內(nèi)容全部塞進(jìn)首屏。今時(shí)不同往日，網(wǎng)站UI設(shè)計(jì)師和開(kāi)發(fā)者們不再害怕滾屏，而是將背景漸進(jìn)展示、頁(yè)面元素動(dòng)畫(huà)以及其它基于滾屏動(dòng)作的酷炫效果融入其中，把滾屏當(dāng)作一個(gè)吸引訪客的絕佳靚點(diǎn)來(lái)好好展現(xiàn)。

為了給親們帶來(lái)新的靈感，藍(lán)藍(lán)設(shè)計(jì)特意收集了一系列把滾屏玩出新花樣的網(wǎng)站設(shè)計(jì)，跟我來(lái)感受一下吧！

ISL

藍(lán)藍(lán)設(shè)計(jì)精選一些與食物相關(guān)的網(wǎng)站設(shè)計(jì)，這些網(wǎng)站的界面設(shè)計(jì)主體突出，大部分以暖色調(diào)為主，比如披薩、曲奇餅之類(lèi)的；當(dāng)然也有一些是走清涼風(fēng)的，比如冰淇淋之類(lèi)；還有與愛(ài)情相關(guān)的象征著甜蜜的粉色系糖果類(lèi)，更有單頁(yè)面食物制作流程的酷酷黑色系。

這些網(wǎng)站的主體內(nèi)容有主食類(lèi)的，有餅干零食類(lèi)，有咖啡飲料類(lèi)，也有甜點(diǎn)類(lèi)，更有公益性質(zhì)的。網(wǎng)站的背后有餐廳、有小賣(mài)部、有流動(dòng)外賣(mài)、更有食品商。每個(gè)網(wǎng)站的所營(yíng)造的氣場(chǎng)需要您點(diǎn)擊進(jìn)去細(xì)細(xì)品喲：）

更多食物類(lèi)網(wǎng)站設(shè)計(jì)欣賞http://www.alimai.net/

Forno Bonomi

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

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

Glocal Ventures