用户体验设计

撰写人：黄文政 创建时间：5月3日
想要成功的做出一个好的网页，就要满足客户的需求。在视觉上来说，色彩搭配要合理；布局要整齐；字体要好看；图标也要好看同时也要简洁让人易懂。
颜色：
黄色 能让人感到温暖欢快；绿色 能让人感到生机盎然；蓝色 让人感到包容、科技、普惠；法式洋红 让人感到明快、感性。中性色包含了：黑、白、灰三种颜色。功能色代表了明确的信息以及状态，比如成功、出错、失败、提醒、链接等。功能色的选取需要遵守用户对色彩的基本认知。我建议在一套产品体系下，功能色尽量保持一致，不要有过多的自定义干扰用户的认知体验。中性色主要被大量的应用在界面的文字部分，此外背景、边框、分割线、等场景中也非常常见。产品中性色的定义需要考虑深色背景以及浅色背景的差异。
布局：
空间布局是体系化视觉设计的起点，和传统的平面设计的不同之处在于，UI界面的布局空间要基于动态、体系化的角度出发展开。在中后台视觉体系中定义布局系统，我建议从 5 个方面出发：1、统一的画板尺寸 2、适配方案 3、网格单位 4、栅格 5、常用模度
为了尽可能减少沟通与理解的成本，有必要在组织内部统一设计板的尺寸。统一的画板尺寸为 1440。在设计过程中，设计师还需要建立适配的概念，根据具体情况判断系统是否需要进行适配，以及哪些区块需要考虑动态布局。据统计，使用中台系统的用户的主流分辨率主要为 1920、1440 和 1366，个别系统还存在 1280 的显示设备。
字体：
字体是体系化界面设计中最基本的构成之一。在中后台视觉体系中定义字体系统，我建议从下面五个方面出发：1、字体家族 2、主字体 3、字阶与行高 4、字重 5、字体颜色
字阶和行高决定着一套字体系统的动态与秩序之美。字阶是指一系列有规律的不同尺寸的字体。行高可以理解为一个包裹在字体外面的无形的盒子。字重的选择同样基于秩序、稳定、克制的原则。多数情况下，只出现 regular 以及 medium 的两种字体重量，分别对应代码中的 400 和 500。在英文字体加粗的情况下会采用 semibold 的字体重量，对应代码中的 600。

图标：
图标是 UI 设计中必不可少的组成。通常我们理解图标设计的含义，是将某个概念转换成清晰易读的图形，从而降低用户的理解成本，提升界面的美观度。在我们的企业级应用设计范围中，图标在界面设计的诸多元素中往往只占了很小的比重，在调用时也会被缩到比设计稿小很多倍的尺寸，加上在图形素材极度丰富并且便于获取的今天，在产品设计体系中实现一套美观、一致、易用、便于延展的图标体系往往会被不小心忽略掉。
重复：
相同的元素在整个界面中不断重复，不仅可以有效降低用户的学习成本，也可以帮助用户识别出这些元素之间的关联性。下图分别为线框重复示例、设计要素示例、文案格式示例。