返回顶部

UI界面设计基本视觉元素!

[复制链接]
玫瑰黑糖Lv.2 显示全部楼层 发表于 2021-12-20 18:15:00 |阅读模式 打印 上一主题 下一主题

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

  1、图标

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



  2、按钮

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

  3、开关

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

  4、进度条

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

  5、搜索栏

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

  6、列表框

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

  7、标签栏

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

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

达内教育:成立于2002年。致力于面向IT互联网行业,培养软件开发工程师、测试工程师、系统管理员、智能硬件工程师、UI设计师、网络营销、会计等职场人才 达内使命:缔造年轻人的中国梦、缔造达内员工的中国梦 达内愿景:做管理一流的教育公司
  • 商务合作

  • 微信公众号

  • Powered by Discuz! X3.4 | Copyright © 2002-2021, 达内教育 Tedu.cn
  • 京ICP备08000853号-56 |网站地图 | 京公网安备 11010802029508号