如何学好UI设计

  如何学好UI设计？今天这一期福州天琥设计培训学校总结了一些易于实践的UI设计小技巧，这些技巧可以毫不费力地帮助你改进现在的设计，希望能为你入门时提供一些指导。

  1.保持字体一致

  在设计中尽量减少字体变化，这样可以使页面整体效果看上去更为一致和简洁。可以使用同一字体的不同字号和字重进行内容的区别

  2.改善页面的操作布局

  在页面布局时考虑到用户的使用习惯，大部分用户习惯用大拇指进行操作，因此将页面的按钮放置在用户容易触及的范围内很重要

  3.改善图文的对比度

  适当调整图文之间的对比度，根据文本在图像上的位置，可以选择有轻微变化的渐变叠加层（比如从上到下或从下到上的渐变），用来加强图文对比

  4.背景颜色与主体一致

  图片背景的颜色可以从图片中的主体物上进行选择，能使图片色调更加和谐，并使页面更有活力

  5.页面统一光源

  统一光源会使页面看上去更整体，不统一的光源阴影看上去是一个小问题，却很容易引起用户的注意

  6.增大功能键的有效面积

  对于功能按键，尽可能的增大可视面积和点击面积，标签可以尝试添加icon，带有icon的标签会比纯文本标签更易引起用户注意，更易被点击

  7.尽可能多的提示时间进度

  对于下载、加载、运算等一系列需要用户等待的操作，尽可能多的给予充分的提示，可以使用进度条+百分比数字+icon进行显示，缓解用户因等待产生的焦虑情绪

  8.合理的利用负空间

  合理的增大负空间会使页面更舒适，适度的留白可以使设计效果更优美

  9.让阴影的边界更清晰

  在给元素添加阴影时，可以在元素的边缘加一条和阴影颜色相近的描边，让元素的边界更加清晰，增强层次感。

  10.增加浅色文字的易读性

  浅色文字颜色不要过淡，需要文字的可读性和易读性，尽可能的符合WCAG的AA级对比度标准。（WCAG：Web Content Accessibility Guidelines，Web内容无障碍指南，该指南中包含Web界面设计的原则和标准，对界面中的所有元素如文字、图片、视频等提出了全面规范，使普通用户和残疾人士都可以无障碍使用页面。WCAG划分了A级、AA级、AAA级三个等级，AAA为较高通用性等级。4.5:1为WCAG规定的对比度下限，小于该值则为不易读内容。）

  11.合理选择文本的对齐方式

  标题、小段的文字通常使用居中对齐，而在大面积的长篇文本上使用左对齐

  12.使用精致的字体

  重视字体的选择，好看的字体会使页面增色不少，也会使你的设计看上去更有特色

尊重原创文章，转载请注明出处与链接：http://fztianhu.5zix.com/news/131756/ 违者必究！ 以上就是福州天琥设计培训学校 小编为您整理如何学好UI设计的全部内容。

---

• ← 学习室内设计CAD要注意什么
• 学室内设计有什么要求 →