摹客
產(chǎn)品
優(yōu)秀的UI設計能帶給用戶良好的用戶體驗。大家往往在平時瀏覽網(wǎng)站，閱讀APP過程中都會不自覺的停留在一些抓人眼球的界面上，清晰接收到界面中的內(nèi)容，甚至會達成諸如訂閱、下載、購買、報名等的交互操作。這些通常就是很不錯的界面設計。
對于UI設計師來說，如何設計出一款吸引人的界面呢？其實通過一些簡單的設計調(diào)整，便可快速提升UI設計的吸引力。
今天小摹分享6個UI設計師需要掌握的設計技巧，這些技巧可以輕松地幫助設計師改善設計，并為以后的設計創(chuàng)新提供思路。
為了讓UI和產(chǎn)品的功能性更強，不少設計師傾向于使用單色配色方案，這樣設計出來的UI確實看起來更加時尚，最關鍵的是單色配色之下，內(nèi)容更加突出，用戶更不容易被分心。不過，設計師需要投入更多的時間來打磨設計，避免整個UI變得乏味。
上圖是網(wǎng)站的一個標簽子框架。快速晃過，你是否會將此人的名字混淆為 jonas dark 呢？
整個標簽內(nèi)部看起來都是并列關系，沒有主次，很難一眼發(fā)現(xiàn)重點。其實這個標簽內(nèi)展現(xiàn)的是類似名片的樣式，列出了姓名、職業(yè)、住址、郵箱這些信息，其中最重要的當然是姓名。所以略微修改下結(jié)構(gòu)，突出重點，便得到一個看起來比以前的設計更具視覺吸引力的設計，將使用戶更容易瀏覽和記住它。
例如這樣：
許多患有色盲或其他類型視覺障礙的用戶可能難以區(qū)分不同的顏色。檢查以確保您的高對比度顏色，對每個人也有明顯不同，會是一個好主意。
那么，如何讓不是色盲的自己知道設計的顏色到底適不適合色盲呢？
一個小妙招就是用 Photoshop 來檢查！查看>校樣設置， 然后可以選擇不同的色盲過濾器來檢查對比色。
雖然大部分設計的層次結(jié)構(gòu)都是從上到下，但是也有例外。不是所有的標題都應該更大更粗，需要強調(diào)的重要信息才應該重點突出。
如下這個例子，標語中的內(nèi)容最應該體現(xiàn)的是2.2KM這個數(shù)值，左右兩圖中，右圖能明顯一眼看到具體的數(shù)值，而左圖直接忽略了數(shù)值這項重要信息。
在背景邊框的邊緣之間添加一些視覺風格以幫助打破網(wǎng)格。堅持網(wǎng)格很好，但有時也需要擺脫那種塊狀外觀。添加與下一部分相關聯(lián)的圖像確實有助于使頁面看起來更有活力。設計師甚至可以使用箭頭形狀將用戶的注意力向上或向下引導。
試著發(fā)揮個人的創(chuàng)意，用這個概念可以設計出除箭頭外很多不同形狀的樣式。
不同的公司有不同的品牌基調(diào)，這需要通過其用戶界面的視覺設計來傳達。
需要了解品牌才能完美地做到這一點，但同一行業(yè)使用的色調(diào)通常類似：
以一家律師事務所的主頁為例，網(wǎng)站不需要太浮夸色彩太明艷。它應該具有權(quán)威的專業(yè)性和簡單性。為此，深色調(diào)加上襯線字體并保持設計簡潔明了是大多數(shù)該類網(wǎng)站的選擇。
建筑公司或者旅游酒店類主頁則通常要看起來奢華且充滿異國情調(diào)，通常可以使用不太鮮艷的顏色、看起來奢華的字體以及簡約優(yōu)雅的設計布局。
美食博客類的網(wǎng)站為了體現(xiàn)一種俏皮的氛圍，可以使用醒目的鮮艷的顏色，一種比較有個性的字體。在布局上可以更加的時尚和現(xiàn)代。
掌握一些技巧固然可以讓你的作品更出彩，但是對于初學者而言更重要的是學好基礎。
另外，請記住，這些設計技巧不是設計的必需品，請在設計的目標需要時使用。在創(chuàng)建UI設計時，最重要的是要明白自己設計的核心目標需要什么。
摹客協(xié)作
摹客RP
摹客DT
摹客超級版