大内高手社区

标题: UI界面设计基本视觉元素！ [打印本页]

作者: 玫瑰黑糖 时间: 2021-12-20 18:15
标题: UI界面设计基本视觉元素！

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

　　1、图标

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

[attach]468[/attach]

　　2、按钮

　　按钮是UI界面设计和交互设计的基本元素。它们是用户交互的时候，和系统沟通交流的核心组件，是图形化界面中最早出现的元素，也是最为常见的一种交互对象。设计按钮时，需要合适的视觉符号，如尺寸、形状、颜色、阴影等，来帮助用户理解按钮。

　　3、开关

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

　　4、进度条

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

　　5、搜索栏

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

　　6、列表框

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

　　7、标签栏

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

　　

【免责声明】本文系转载，文章来源于公众号平面设计。转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与联系我们，我们会予以更改或删除相关文章，以保证您的权益！

欢迎光临大内高手社区 (http://bbs.tedu.cn/)