藍藍設計強烈推薦：這些超贊的色塊化、模塊化網頁設計！
Web設計的8大趨勢中，其中就包含了色塊設計、超大號的圖片、聚焦簡潔、響應式設計、視差滾動、強調字體。
辣！這些鮮活靈動的界面設計案例，絕對會有打動你的一個！在這個激動人心的周五，會心收藏吧！

Mercer Tavern

藍藍設計與你分享一位優秀的交互設計師的成長過程與想法。

1. 交互設計師應當具備的能力

如果我們簡單的將用戶體驗領域涉及到的技能分為：用戶研究、產品（概念/功能）設計、交互設計、視覺設計、工程技術，我認為任何一個交互設計師和視覺設計師等等，都應該具有整體的復合技能，只是哪部分更多哪部分更少的問題。

1) 用戶研究：對于交互設計師，不具備基本的用戶研究能力，無法吸收來自用戶的「信息營養」，如何做出真正以用戶為重心的設計呢？觀察法、訪談法、問卷法、可用性測試、行為數據分析等等，這些基本的方法應該要有所掌握。

2) 產品（概念/功能）設計和交互設計：這方面不必多說，交互設計師必須有大局觀，能夠真正的理解產品的思路和方向，從交互的角度實現產品層面的意圖。這也是很多交互設計師轉向產品設計師、產品經理的原因，在很多方面有交叉。

每當談到網頁設計這個話題時，我總會想到這些年我見過的一些常見的錯誤，尤其是發生在年輕UI設計師身上的。所以今天藍藍設計整理了一些資料，算是我這些年總結的經驗吧，主要是教大家怎樣做好網頁界面設計。我認為每一個網頁設計新手在開始一個項目之前都應該了解這些知識，在項目開展中也應該注意。

這些概念不僅僅是網頁設計方面的，還包括現實中的工作流問題，它可以幫你更好的完成工作。如果你能將這些知識融會貫通，假以時日，做一個專業的網站界面設計布局就不是問題啦~

01.將你的想法先在紙上畫出來

在中國清朝，明黃色的衣服只有皇子才有資格穿，慢慢的黃色在中國就成了高貴的顏色。在人們的色彩印象中，黃色界面設計也表現為暫停。所以當你的網頁設計采用黃色的時候，會讓人們在你的網頁前停留。今天藍藍設計就推薦一些國外黃色網站設計，希望對UI設計師們有所幫助！

黃色，就像橙色和紅色，黃色也是一個暖色。它有大自然、陽光、春天的涵義，而且通常被認為是一個快樂和有希望的色彩。不過話雖如此，它可能是一個難以應付的色彩，而且貌似并不像之前討論的那幾種色彩流行。黃色是所有色相中最能發光的顏色，給人輕快，透明，輝煌，充滿希望的色彩印象。

如果你是一個APP狂熱分子，你會花大量的時間在各種APP界面設計的嘗鮮中，你會明顯感受到一些APP在采用著某種風格鮮明的設計語言，來標榜自己的獨特之處，形成自己的界面設計風格，甚至引領設計風向。去年我們關注到隨著Metro設計風格的影響和iOS7的發布，APP明顯都開始嘗試扁平化的設計語言了，除此之外，還有哪些顯性化的設計語言嶄露頭角呢？

在這篇文章里，藍藍設計想分享一些日益顯性的UI設計語言，讓人一眼就記住它的風格，有一些已經隨著優秀設計師的摸索，融入到國內移動產品設計里了，而有一些，確實是剛剛在萌芽階段，需要更進一步的摸索和嘗試。

一、唯一主色調 | Simple color schemes

為什么我們要定義一個界面多種顏色？僅僅用一個主色調，是不是就能夠很好的表達界面層次、重要信息，并且能展現良好的視覺效果？事實上也正是如此，隨著iOS7的發布，我們看到越來越多唯一主色調風格的設計，會采用簡單的色階，配套灰階來展現信息層次，但是絕不采用更多的顏色。

對話框（Dialog）是個好用又方便的工具，通常用來再三確認使用者的操作動作與決策，以避免一時的手誤或誤會操作動作的意思，常用于重要動作的確認，例如：「你確定要刪除這個聯絡人嗎？」，但若對話框搭配了不適當的回應選項文字，反而可能會造成使用者的困擾與誤解，有時還可能做了錯誤的決定。

對話框界面設計最常見的不當UI設計就是選項上的文字出現：「是（YES）與否（NO）」，回想在學生時期考試的時候，O與X在是非題中是唯二的兩個答案，而出題者會透過文字敘述上正反的誤導，來測驗學生是否真的清楚了解，先不論這樣的測驗方式到底對學習以及知識的建立到底有沒有明顯的幫助，使用者可不想在開心的使用你的程式或服務時，還要小心翼翼的了解你對話框的內容。

我們當然可以細心的UI設計對話框中的文字，讓使用者清楚明了對話框的訊息，但是在大部分的情況下，我們幾乎根本不會逐字去閱讀訊息的內容。你必須要假設使用者除了對話框上的按鈕外，不會閱讀任何其他訊息（對話框的標題或是訊息內容）。 – John Gruber of Daring Fireball

毋庸置疑，造成用戶跳出率高的真正殺手是網站設計元素的雜亂和干擾。 總而言之，網站上任何惱人的元素都有可能造成用戶蜻蜓點水般離去，這些干擾可能是任何不和諧因素，包括過多的動畫效果、過于雜亂的配色設計。只有層次分明、清晰明了的網站設計才能讓用戶把視線聚集在網站內容的價值上，從而達到網站建設的目的。而用戶的煩惱就在于網站不合時宜的排版、不恰當的導航以及錯誤的信息把用戶統統拒之門外。

優秀的網站設計是能最大化降低用戶跳出率，并提供良好的用戶體驗和有價值的信息。為了避免界面設計的悲劇，藍藍設計總結了六大要素試圖降低網站跳出率：

1. 良好的用戶界面

每個人的所接觸的人、事、物不同，接受的教育背景文化也都不同，發生意見分歧是非常正常的一件事情，然而作為UI設計師的我們本身對設計作品都有那么點“潔癖”，遇上類似的事情時，心里總會有“觸動”，情緒難免有些起伏。

面對別人的意見其實不用過于抵觸，意見也可能并不是因為不好而提出，是從其它角度提出當前沒有考慮到的事情，這不定是壞事，不同角度，不同觀點，能讓作品變得更出色也說不定。藍藍設計分享UI設計師遇到意見太多時的方法，希望對朋友們界面設計工作有所幫助！

接受意見前，先正“三觀”

人非圣賢，孰能無過，情緒來的時候，總會有些激動，所以先改變一下自己的“三觀”，帶著抵觸情緒很難去對待意見。:)

1. 正面看待別人的意見

積極看待別人的意見，如果意見能夠幫助自己做出更好的作品，是種多贏。當然對那些不靠譜的意見或者鉆牛角尖的人，還是要分別對待。

一篇小文，若干貼士，幫你幫我幫大家有意無意的培養意識形態，爭做有同理心的好UI設計師。走著。
這里進入譯文。優秀的用戶體驗界面設計師應該具有出眾的同理心，也就是站在他人的角度看待和理解事物的能力。同理心與同情心是兩碼事，你不必真心同意或接受他人的觀點，但必須對他們的狀態感同身受，從主觀上理解他們看待事物的角度。
出于以下這些原因，我(英文原文作者)相信同理心可以使我們成為更好的界面設計師：

• 同理心可以讓我們更自然更真誠的去思考怎樣幫助用戶解決他們的實際問題，使我們的設計決策能更好的聚焦于用戶目標。
• 同理心可以幫助我們與用戶、團隊成員及利益相關者構建更好的人際關系，為人與人的交流提供開放、互信、更具建設性的基礎。
• 同理心有助于個人整體的塑造。這不僅僅是一項職業技能，在工作中逐漸培養和挖掘出來的同理心同樣可以運用到生活的其他方面。

接下來藍藍設計和大家分享一些能夠在日常工作和生活中幫助我們提升同理心的小方法。

1.發現日常生活中的痛

音樂是人類的靈魂，相信大部分的UI設計師在做界面設計時，都會開著音樂激發靈感，陶冶情操。那些歌兒或激烈、或寧靜……
音樂的本質是耳朵的享受，但是在優設，我們肯定不能讓眼球落寞，那么今天就來一起看看藍藍設計這些與音樂相關的網站設計吧。推薦收藏起來，以后肯定會用到的喲：）

76 Synthesizer