UI設計注意事項！
UI設計有哪些必知的注意事項呢？
色彩很容易受到環境的影響，設計的時候不要將色彩視為決定性因素，色彩可以醒目，作為引導，但不應該是做區別的唯一元素。在長篇閱讀的情況下，除了要強調的內容，應採用相對暗淡或柔和的背景色。當然，視讀者而定，也可採用明亮的背景色。
每個屏幕只展現必需的內容，如果用戶需要作出決定，則展現足夠的信息供其選擇，他們會到在下一屏找到所需細節，避兔過度闡釋或把所有一次展現，如果可能將選擇放在下屏有步驟地展示信息，這會使你的界面交互更加清晰。
作為設計師，你應該早就了解每個平台，都有其不可改變的屏幕全局光源，所有高光和陰影效果都應該和平台的光源相協調。
向你的開發者明確展示你的設計中包含的標籤、下拉菜單或者其它閉合機制。在進行這種控制項設計時，要尊重平台的設計慣例。開發者在進行開發時需要明確了解信息層次，因此你要確保你的設計清晰地展示你的意圖，圖層複合在這種情況下非常有用。
在導出時以 PNG alpha通道格式保存，除非被明確告知其它保存方式，除非被明確要求否則不要使用JPEG格式，不要考慮圖像文件大小，因為開發者或他們的開發環境會對圖像進行最優化，以透明背景導出每個元素，而不是純色，即便你設計中的一部分背景確實是純色的。
和你的開發者溝通是否要將陰影效果包含在導出圖中，通常情況下，開發者會用CSS或寫代碼來應用陰影，這樣做事實上會比直接使用預先保存的陰影點陣圖更方便容易，不要假定陰影效果應該包含在圖像中，雖然在設計原型時用圖層展示陰影效果。
單列布局能夠讓對全局有更好的掌控，同時用戶也可以一目了然內容，而多列而已則會有分散用戶注意力的風險，使你的主旨無法很好表達，最好的做法是用一個有邏輯的敘述，來引導用戶並且在文末給出你的操作按鈕。
在整個產品開發期間我們會有意無意地創建很多模塊，版面或者元素，而它們的功能都是相近，此種情況已經表明過度設計了，時刻警惕這些冗餘的功能模塊，界面上模塊越多，用戶的學習成本就越大，所以請考慮重構你的界面使它足夠精簡。
諸如顏色、層次及模塊間的對比，這些視覺上的設計可以很好地幫助用戶使用產品，他時刻知道當前所處的頁面以及可以轉到哪些頁面，要傳達這樣一個好的界面，你就需要將可點擊的元素、可選擇的元素以及普通的文字明顯區分開來。但千萬不要把這三種元素設計得混亂不堪。
把主要功能區從界面中突出顯示出來效果會好很多，通過明暗色調的對比來突顯，通過為元素添加陰影漸變等效果，讓界面富有層次感來張顯主要功能，你甚至可以在色相環上專門選擇互補色，來設計你的界面以達到突出「重心」的目的。
表單中每個欄位都會有失去用戶的風險，不是每個人打字都很快速的，並且在移動設備上進行輸入更是相當麻煩的事情。
如果你確實需要一大堆信息讓用戶填寫，試著將它們分散在不同頁面，在表單提交後還可以繼續補充，過多欄位很容易讓整個表單顯示臃腫，當然想簡潔也很容易，只放少數欄位。
現如今大多界面當中已經呈現了各色樣式的進度條或者標明狀態的圖標，例如：郵件有己讀或未讀的狀態；電子帳單有支付或未支付的狀態。而在界面上呈現這樣的狀態對於用戶來說是很有必要的，這樣用戶就可以知道某些操作是否成功，接下來準備進行怎樣的操作。
邊框確實在劃分區域進行版塊設置時有很大的作用，但同時其明顯的線條也會吸引走用戶的注意力。為了達到劃分版塊又不轉移用戶注意力的目的，在排版時可以將界面上不同區域的元素通過空白進行分組，用上不同的背景色，將文字對齊方式進行統一，還有就是為不同區域設置不同的樣式。
在設計中保持一致性時就可以減少用戶的學習成本。用戶不需要學習新的操作。當我們點擊按鈕或者進行拖拽操作，我們期望這樣的操作在整個程序的各個界面都是一致的，會得到相似的結果出來。可以在很多方面下功夫，來實現一個一致的界面包括：顏色、方向、元素的表現形式、位置、大小、形狀等。
TAG:設計智造 |