系統UI界面的設計思路、流程和設計步驟

一、基本思想和粗線框圖
首先，我們會從一個低保真的線框圖入手，創(chuàng)建了一個矩形和其他一些矩形，然后更改它們的大小和排列，直到對結果感到滿意為止，可以選擇了一些隨機但相似的顏色，從而區(qū)分不同屬性的矩形。

二、字體選擇
如果對于系統UI界面中的數據儀表盤而已，可以選擇“思源黑體”、“Din” （對于數據可視化而言，加強數字的強度）作為我的主要字體,你并不需要很多字體來創(chuàng)建一個漂亮的系統性的用戶界面。

三、配上方案
對于配色，我們很少使用色輪或預制的調色板。我們更喜歡用手動去擇色，然而如果您對顏色選擇不擅長，可以通過第三方選色工具。了解色彩心理學的基礎知識并能夠選擇適合某種產品/行業(yè)的調色板非常重要。 如：醫(yī)療保健儀表，所以合適的顏色可能是藍色和綠色，因為它們是最受歡迎、最討人喜歡的顏色，它們舒緩、放松，并且營造出專業(yè)和信任的感覺。 

四、UI元素樣式
選擇字體和顏色后，我們可以為 UI 元素（容器、圖標和按鈕）創(chuàng)建樣式。 您可以創(chuàng)建一個功能強大、有吸引力的界面，只需使用幾種樣式，您可以根據元素的角色和重要性進行混合。 

五、圖標設計
對于圖標的設計，設計的一致性是關鍵。如果決定對整個系統都使用線性（輪廓）圖標，那全站盡量保持統一，不要將輪廓與填充圖標進行混合使用。

六、元素排列和文本內容
排版布局是藝術也是技術，下面給一些設計技巧：
a.在元素之間保持相似的邊距/空間。我們現在不會討論網格/布局，但要確保至少主要內容具有視覺上成比例的間距。
b.放棄對太多空白的恐懼,l六百可以幫助 UI界面完成 呼吸，并使其看起來時尚整潔。
c.僅在少數選定的元素上使用原色。
d.使用不同的陰影來營造不同的深感，除了某些元素應投射陰影，其余元素都需保持扁平。
e.每組元件應具有一致的邊緣圓度。例如：按鈕應該具有相同的圓度。容器可以具有更大的角半徑，但所有容器的值相同。 f.記住將按鈕中的標簽水平和垂直居中。
g.容器內保持相同的邊距。
h.增加矩形邊緣的半徑，使其看起來非常平滑。

七、創(chuàng)建簡約的插圖
簡約的插畫插圖可以增添界面的感官，同時可以起到一定的引導作用。