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

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

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

更多留白/負空間

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

Web App 設計要點

1. 配色

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

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

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

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

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

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

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

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

結合到網站設計中：

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

很遺憾，2013年版式設計的潮流首先展現在有趣的T—shirt上；很幸運，有一些更潮流的UI設計師已經開始追趕時尚的節奏，并將他們賦予在網站設計的界面設計上—字體混搭的藝術。這種站在潮流前線的版式設計風格，藍藍設計尚不多言，以下為15組范例，欣賞為先，點贊為后~

Forefathers Group

于UI設計師，挖到免費漂亮的Photoshop紋理就像和挖到寶藏一樣。在一個界面設計項目里，派給你一個妹子和一個恰當的紋理，你會要神馬？
廢話，肯定是妹子了！當然接下來紋理也是缺一不可的！
今天藍藍設計推薦給您一些精挑細選的紋理，來試試將它們平鋪運用到你的web設計中吧。

Crafted Wood

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

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

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

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

頁面的加載時間是每一個UI設計師都擔心的數據，或者至少是每個界面設計師都應該擔心的問題。圖片的大小肯定是一個需要留意的問題。這就是藍藍設計為什么在這里寫了幾個有助于優化頁面中的圖片的小技巧，這些小技巧將有助于大家解決這個問題，這些小技巧也可以在你需要優化圖片的時候提供很多幫助。對你的網站設計有所幫助！

TinyPNG
TinyPNG是使用智能有損壓縮技術，來減小png圖片的大小。

的品牌在大型的企業集團公司中價值數十億美元。每個公司都應該努力創造一個品牌。由于建立網站通常是建立品牌的第一步，這里有幾種方法可以使你的網站給你的品牌增加價值。

簡潔幾乎總會出現在成功的故事中：這就是我們人類的樣子。我們可能會覺得有一些復雜，簡單可以緩和一些事情。也是一種把事情完成的方式。嘗試一些復雜的事情會降低你的成功率。保持你的網頁設計簡單。如果你是一個小企業，那么你只需要一對夫婦的做的網頁和博客（也可能是精心布置店面）。你不會需要大量的內容。你當然不需要閃光燈。你會得到你想要的，不是嗎？下面藍藍設計和朋友們分享一下如何給你的網站設計增加品牌價值的方法，希望對大家的網站界面設計有所幫助！

網站是為別人而做，不是為了你

在過去十年中高品質的網頁可用性一直是業內討論的核心，因為它對用戶來說越來越重要。好的可用性也可以幫助建立品牌知名度，從而提升用戶對一個網站設計或者是一家公司的評價。今天人們依然高度關注可用性，是因為大大小小的公司已經證明了好的可用性策略是多么重要。

在過去幾年中，良好的可用性成為那些成功的初創公司的核心。多數情況下，簡單的想法最具創造性，可用性主要是指：使一個功能或者產品易于使用，但同時也要保持產品質量維持在高水平上。

如今，很多文章會談到普遍意義。在對該話題年復一年的討論之后，似乎UI設計者們仍然很難去理解它?？捎眯栽缫巡辉偈且粋€玩笑，下面藍藍設計這些建議應當被打印出來并粘到你桌子對面的墻上。

鏈接的顏色

我經常發現自己在瀏覽網頁時，有些頁面上的鏈接沒有以某種形式高亮顯示。這是我見過的最愚蠢的錯誤。我愿意訪問那些鏈接使用默認藍色的頁面，而不是鏈接和 普通文字一個顏色的頁面。用戶需要知道如何在頁面之間導航、在哪兒能點擊鏈接。你不能指望他們把鼠標一行行的掠過所有文字去找鏈接，直到發現鼠標箭頭變成 “小手兒”。