系统UI界面的设计思路、流程和设计步骤

一、基本思想和粗线框图
首先，我们会从一个低保真的线框图入手，创建了一个矩形和其他一些矩形，然后更改它们的大小和排列，直到对结果感到满意为止，可以选择了一些随机但相似的颜色，从而区分不同属性的矩形。

二、字体选择
如果对于系统UI界面中的数据仪表盘而已，可以选择“思源黑体”、“Din” （对于数据可视化而言，加强数字的强度）作为我的主要字体,你并不需要很多字体来创建一个漂亮的系统性的用户界面。

三、配上方案
对于配色，我们很少使用色轮或预制的调色板。我们更喜欢用手动去择色，然而如果您对颜色选择不擅长，可以通过第三方选色工具。了解色彩心理学的基础知识并能够选择适合某种产品/行业的调色板非常重要。 如：医疗保健仪表，所以合适的颜色可能是蓝色和绿色，因为它们是最受欢迎、最讨人喜欢的颜色，它们舒缓、放松，并且营造出专业和信任的感觉。 

四、UI元素样式
选择字体和颜色后，我们可以为 UI 元素（容器、图标和按钮）创建样式。 您可以创建一个功能强大、有吸引力的界面，只需使用几种样式，您可以根据元素的角色和重要性进行混合。 

五、图标设计
对于图标的设计，设计的一致性是关键。如果决定对整个系统都使用线性（轮廓）图标，那全站尽量保持统一，不要将轮廓与填充图标进行混合使用。

六、元素排列和文本内容
排版布局是艺术也是技术，下面给一些设计技巧：
a.在元素之间保持相似的边距/空间。我们现在不会讨论网格/布局，但要确保至少主要内容具有视觉上成比例的间距。
b.放弃对太多空白的恐惧,l六百可以帮助 UI界面完成 呼吸，并使其看起来时尚整洁。
c.仅在少数选定的元素上使用原色。
d.使用不同的阴影来营造不同的深感，除了某些元素应投射阴影，其余元素都需保持扁平。
e.每组元件应具有一致的边缘圆度。例如：按钮应该具有相同的圆度。容器可以具有更大的角半径，但所有容器的值相同。 f.记住将按钮中的标签水平和垂直居中。
g.容器内保持相同的边距。
h.增加矩形边缘的半径，使其看起来非常平滑。

七、创建简约的插图
简约的插画插图可以增添界面的感官，同时可以起到一定的引导作用。