【UI设计】UI界面视觉设计基本元素！

UI界面由多个不同的基本视觉元素组成的。它们通过图形的组合、色彩的搭配、材质和风格的统一、合理的布局构成一个完整的界面效果。优秀的基本视觉元素是UI界面成功的基础。

在UI界面中，图标就是放置在主屏幕上的应用图标，用户可以通过单击图标来启动应用，它是整个应用品牌的重要组成部分。用户在看到图标的时候便建立起对该应用的第一印象，并以此评判应用的品质作用以及可靠性，美观的图标有助于增加App的吸引力。

与Logo不同，图标通过视觉设计提供信息和引导，而Logo则是品牌信息的展示，图标体积小巧，它的设计要求更加精确，更加一目了然地呈现在用户面前。通常图标的像素更精准。

按钮是UI界面设计和交互设计的基本元素。它们是用户交互的时候，和系统沟通交流的核心组件，是图形化界面中最早出现的元素，也是最为常见的一种交互对象。

当用户面对UI界面时，用户基于以往的经验和视觉对当前UI界面中的元素进行判断。设计按钮时，需要合适的视觉符号，如尺寸、形状、颜色、阴影等，来帮助用户理解按钮。

开关在移动UI界面中是经常会遇到的一个控件，它能够对界面中某个功能或设置进行开启和关闭。这也是一个用户非常好理解的元素。因为它很好地模仿了现实世界里人们熟悉的开关概念。

关于这个元素的设计，特别要注意的是“开”和“关”的状态在视觉上需要有明显差别。这样能避免用户花时间去研究开关的状态，很多种的形式对比或者切换动画都可以解决这个问题，从而设计出很好的用户体验。

进度条是用户在进入某个界面或者进入某个程序的过程中，应用程序为了缓冲和加载信息所显示出来的控件。它主要显示出当前加载的百分比，让用户掌握相关的数据和进度。不管是在移动App端，还是PC端，进度条的应用都非常广形式也多种多样。

在内容繁杂的界面中，搜索栏通常是最常用的基本视觉元素。当用户遇到相对复杂的界面时，他们会立即寻找搜索栏达到搜索信息的目的。在进行界面设计时，可以考虑放置一个搜索栏以方便用户操作。

列表布局不同于网格布局，这种导航模式简单地由一个元素与另元素按字母顺序、数字顺序，甚至是随机的顺序排列组成。在使用垂直滚动菜单时，列表框非常适合给用户操作和阅读。

列表可以有很多不同的变体，比如产品列表甚至是下拉菜单，列表占用的空间比网格少。如果内容文本繁多，可选择列表布局。

在一个移动设备的App应用程序中，标签栏能够实现在不同的视图或者功能之间的切换操作，以及浏览不同类别的数据。它的存在让界面信息更加规范和系统。

这里需要注意的是，标签栏和工具栏的不同是，标签栏让用户在不同的子任务、视图和模式中进行切换；工具栏放置着用于操作当前屏幕中各对象。