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

WerkPress

最近，你會發(fā)現(xiàn)大家都在討論扁平化網(wǎng)頁設計。每個人都想要它，因為它很酷，是目前的主流趨勢。扁平化界面設計，因其簡單性和關注用戶，去除了很多網(wǎng)站的不必要的元素，例如沉重的背景圖片，漸變，斜面和其他一切使空間雜亂的東西。

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

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

Tynan D’Arcy

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

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

如果你想來點新鮮的體驗，圍觀一些與眾不同的網(wǎng)站界面設計，那么請看藍藍設計這里，這里是本周的一些創(chuàng)意網(wǎng)站設計精選。一定不會讓你失望：）請耐心欣賞完每個網(wǎng)站，并且在頁面里多按動鼠標體驗一下喲。

更多創(chuàng)意網(wǎng)站設計欣賞：http://bouu.cn/

1. Know The Sign

新時代的網(wǎng)頁設計充滿了各種新技術、各種新的jQuery腳本、各種響應式網(wǎng)頁設計——但我們依然不能忽略最基本的網(wǎng)頁設計基礎。

新時代的網(wǎng)頁設計以響應式理論為藍本，力圖在不同設備上呈現(xiàn)一致的網(wǎng)頁瀏覽體驗。
而響應式時代依然不便的設計基本準則又是什么呢？一起來看看l藍藍設計下面的七條，望諸君UI設計時銘記于心。

1.優(yōu)秀的網(wǎng)頁設計應該簡約，并且完整

UI設計大師往往都是哲學家，他們往往保持一種包容的界面設計態(tài)度，不會采用極端的設計方式，他們的設計往往是一種平衡之美。

我們可以畫出一個橫軸，左邊是簡約、右邊是完整，而最好的設計會聰明的選取中值（如下圖）

網(wǎng)頁設計必須簡約，任何無用的特質(zhì)都必須移除；與此同時，網(wǎng)頁設計必須能夠滿足用戶需求。

潔凈和一塵不染之間是不能劃等號的。去掉了多余內(nèi)容的界面設計看起來外形美觀，一目了然，讓人心曠神怡，尤其是對網(wǎng)頁設計領域更甚。UI設計師在網(wǎng)站設計過程中，時常會遇到過度設計的例子。保持審美需求和實際需求之間的平衡，對整潔，干凈和條理清晰的網(wǎng)站來說很重要。在激烈的行業(yè)競爭中，網(wǎng)頁設計師想要獲得成功，先決條件之一就是要掌握簡潔的網(wǎng)站設計基礎。在網(wǎng)站設計中，并沒有保密規(guī)定，但相關的從業(yè)人員仍需堅持一些基本原則：用外觀專業(yè)，整潔的網(wǎng)站設計來打動用戶。那么藍藍設計就分享一下簡潔網(wǎng)頁設計你需知的6點技巧

網(wǎng)頁設計與平面設計之間存在差異性，但越來越多的網(wǎng)頁設計師們在嘗試著縮減這之間的差異性，希望通過一定的方式來銜接起網(wǎng)頁與平面之間的距離。

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

更多精美網(wǎng)頁設計：http://bouu.cn/

Hello Innovation

網(wǎng)頁設計的要點之一便是一致性，UI設計師首先需要了解一致性，然后再致力于構(gòu)建頁面元素之間的聯(lián)系。
網(wǎng)頁設計的目標是將網(wǎng)頁和用戶連結(jié)，通過設計（順手的導航、流暢的交互）讓用戶對網(wǎng)站產(chǎn)生信任。盡管網(wǎng)頁界面設計以功能性為主，但依然可以為用戶提供優(yōu)良的用戶體驗。

客戶，用戶以及一致性：

具備一致性特質(zhì)的網(wǎng)頁能夠幫助推廣品牌、清晰傳遞信息?？蛻粼谝獾氖窃O計能否有效傳達他們的品牌、信息，在意設計是否能夠在消費者中建立一種對品牌的信任感。
如果品牌信息傳遞的不夠一致、或者晦澀難懂，那么消費者很難對品牌產(chǎn)生信任感，這就影響到了客戶的銷售額和業(yè)績。

一致性與設計師個人推廣：

作為設計師，你自己就是一個品牌，你需要仔細思量一下該要如何打造一致性的”個人品牌”。如果你的個人博客設計的風格一致，分量充足，案例豐富，那么客戶很容易就找上門來。

在設計一個響應式網(wǎng)站設計時，運用到的計算是費時費力的，不過還好，國外有一系列的響應式框架模板可以使界面設計過程變得更便捷。這些框架或模板都有現(xiàn)成的柵格，布局和媒介，然后你可以盡情填充自己的設計理念。藍藍設計這篇文章匯總了國外UI設計師所推崇的大量熱門框架模板，收藏之前，先來瞧瞧吧：）

Bootstrap

我想每個人都會贊成，網(wǎng)站的可用性是它能否受歡迎的一個重要方面，無論你進行的是公司網(wǎng)站、在線商店還是其他，讓你的界面變得容易操控，使用時令人舒服是關鍵，近幾年已經(jīng)有很多針對網(wǎng)站界面優(yōu)化的研究，而且這些研究的成果對于提高網(wǎng)站可用性是非常有價值的?，F(xiàn)在藍藍設計這里有10個超實用的經(jīng)驗分享，相信我，這些建議會極大地提高你那個網(wǎng)站的用戶體驗，讓用戶愛上你的網(wǎng)站設計！

一、善用人物配圖，使用戶專注于你想呈現(xiàn)的

當進入你的網(wǎng)站，我們會本能地關注網(wǎng)站上人物圖片中的臉和眼睛，這倒是為我們提供了一個想法，是不是可以用人物配圖吸引小伙伴的注意力呢？當然，但這僅是第一步，我們還可以這樣做，你瞧，是不是大不相同?。ㄒ娤聢D）

這是第一步：

在最初的一次網(wǎng)站設計可用性測試實驗中，我遇見了一位和藹可親的老大媽，她從來沒用過鼠標。在測試過程中，她一直用手比劃著，一邊對著屏幕在空氣中比劃，一邊對著光標說著建議的話。在測試最后，我當然沒有得到任何結(jié)果，但是她堅持認為我是一個“可愛的男孩”，并且應該認識一下她的孫女。很快地，我學習到了如何設置實驗者招募的核心標準。

如果你之前做過一個可用性測試，你就會知道這個不是看起來那么容易的。雖然這不是火箭科學，但其中也包含一些舉足輕重的復雜性。在這篇文章里，我會分享一些我學到的關于如何幫助你避免你的可用性測試者在測試時最后進入一個令人泄氣的結(jié)果的課程。

在我事業(yè)開始的第一年里有非常多我本可以學習的可貴的經(jīng)驗，并且我認為在錯誤中學習是學習的最好方法，我們并不是總有機會去失敗。這里有一些藍藍設計學習道路上的小技巧，可以幫助你快速提升可用性測試的技巧并且避免一些陷阱。

設計你的可用性測試腳本來回答具體的研究問題

當我們開始一個新的可用性測試時，不要遲疑，你所要做的就是挑選出網(wǎng)站的主要區(qū)域，然后讓用戶完成那些測試。在這個過程中你會發(fā)現(xiàn)一些有用的見解，但是也許當你呈現(xiàn)出這些發(fā)現(xiàn)時，你因為無法回答網(wǎng)站盈利者提出的問題而被圍得團團轉(zhuǎn)，你也別因此而驚訝。