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

客戶，用戶以及一致性：

具備一致性特質的網頁能夠幫助推廣品牌、清晰傳遞信息。客戶在意的是設計能否有效傳達他們的品牌、信息，在意設計是否能夠在消費者中建立一種對品牌的信任感。
如果品牌信息傳遞的不夠一致、或者晦澀難懂，那么消費者很難對品牌產生信任感，這就影響到了客戶的銷售額和業績。

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

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

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

Bootstrap

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

一、善用人物配圖，使用戶專注于你想呈現的

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

這是第一步：

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

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

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

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

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

響應式網頁界面設計，是一種正在流行的網頁開發思想，它是利用靈活可變的柵格系統，令網頁的顯示模式可以根據訪問設備的屏幕尺寸規格而進行自適應。預計2015年的時候，移動端的用戶數量將會從目前的8億，增長到19億，而這也意味著目前我們為桌面瀏覽器而設計的網頁，將會在他們的手機和平板上呈現出非常糟糕的使用體驗。

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

響應式網頁設計中的圖片處理

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

藍藍設計灰常樂意每周在網頁設計佳作列表中展現界面設計精美的網站，不斷為你提供靈感。而今天藍藍設計打算另辟蹊徑，為網頁設計收集了既能提供UI設計靈感又實用的優秀案例，與過往選擇單一”主題”的例子有所不同。我們將為你呈現不同的工具和技術分享網站，可讓你在得到靈感的同時還能發現不錯的工具或服務。在這篇文章中你將看到美觀又實用的網站，全部都不容錯過哦親！

unroll.me

免費且簡單地取消郵件訂閱，還能將剩下的訂閱匯總，并以有組織的概覽形式專門提供給你。

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

這些新趨勢讓設計變得妙趣橫生。但是很多專家還會倡導那些并非最時髦、最震撼世界的設計。當然，響應式設計不僅去年是熱點，今年依然還會被人們重視。同樣，柵格化設計作為最基本的設計，也會被繼續延續下去。

這次，藍藍設計想探索一下那些逐漸發展起來的設計潮流。也許過去我們只是偶爾嘗試一下這些界面設計風格，但是今年我們會真正關注它們。

更多留白/負空間

一般人對於企業產品的預期，可能僅停留在功能要強大，信息要安全，能夠幫助企業提高工作效率。但今時已不同往日，除此以外，人們開始更注重產品的用戶體驗。那么，在面對企業產品的界面設計上，有什么方法可以提升用戶體驗呢？接下來，藍藍設計為大家帶來一些國內外的優秀案例以及一些設計Web App時的思考方向。

Web App 設計要點

1. 配色

顏色作為UI設計師傳達情感的主要元素之一。一個明確的品牌顏色，對信任度，認知度都會有大大的提升。顏色除了能為界面提升美感，也能作為功能上的輔助。在普遍頁面信息量大的企業產品中，往往一個有顏色的按鈕就很容易吸引用戶的視覺焦點。

Lovely是Dribbble大神Kerem Suer設計的Web App。橙色主，藍色輔助，淡灰色為底色。這個配色既色彩鮮明，淡淡的感覺更讓人長時間使用也不覺累。整體感覺和諧舒服，簡潔耐看。

網上擠滿了各種各樣的UI設計方案，事實上我們已經有一套套的方案可遵循。但！界面設計永無止境！哪怕是一個注冊表單，也值得再細心研究。下面藍藍設計給出注冊表單設計5個小技巧：

1、別讓用戶重復填寫相同的內容

幾乎每個人都經歷過這樣一個事實：注冊時被要求填寫郵箱地址兩次或重復輸入密碼。但是這其實是沒有必要的。僅填寫一次，因為用戶一般都記得自己常用的郵箱地址和密碼。假設哪天用戶忘記密碼了可以通過郵箱找回，再多此一舉填寫兩次反而更加容易導致用戶流失。

關注人類心理學的一些研究是非常有意義的。通過對人類心理的推敲，我們討論人社會心理，這能夠幫助創業公司開拓市場，因 為受歡迎的內容和大眾心理有著最直接的關系。問題的關鍵是，很多心理學對于網站設計者有著很強的啟發性。心理學幫助網站開發者看清人們的思維如何運作。今天，藍藍設計和大家分享幾條對網站設計師非常有益的建議。

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

根據Sheeya Iyengar教授的心理學研究，我們能夠洞察人們處理多重選擇時的心理變化。“選擇就是放棄”，Iyengar教授，《選擇的藝術》的作者這樣總結說。 社會心理學發現，當人們面多過多選擇的時候，他們的表現非常相似：他們不會做任何選擇。這就是所謂的“安全選擇”。

結合到網站設計中：

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