相对于视觉传达设计而言,交互界面更加注重用户与界面的互动,用户对界面的理解将直接关系到用户能否顺利操作并达到自己的目的。通过对秩序感理论的阐述,说明秩序感对交互界面设计非常重要,并以实例总结常见的交互界面布局,分析其中的秩序感及其作用。

  什么是秩序感

  秩序感不是人为的规定,它从本质上是一种规律性,是事物存在、运动、发展、变化的有序性。它不仅表现是一种自然形态,也是一种规律性和条理性,因此人们往往可以通过秩序感来预测事物发展的趋势。设计为多数用户服务,更加强调秩序感和规律性。交互界面设计的秩序感体现在视知觉的建构过程中对视觉经验和运动规律的适应、感知和选择,因此,探究秩序感在交互界面设计中应用的过程也是感知交互界面视觉秩序和审美心理秩序同构的过程。

  交互界面设计同平面版式设计有很多共同之处,需要按照一定的科学与艺术的原理进行文字、图形的布局设计,在有限的屏幕空间上将用户所需要的服务和信息综合呈现出来,将理性思维通过个性化的方式表现出来。秩序感就是在这些元素的排列组合中产生了,不但要符合人眼视觉的一系列规律,还要符合形式美的法则。但因为交互界面设计更加侧重人机交互,所以远不如平面版式设计那样自由,所以根据一般交互界面设计中的秩序感可以大致分为以下几种:点阵式、左上式、右下式、居中式和总体式等。

  点阵式秩序感

  这种形式将设备的主要功能图标如点阵般排布在页面上,当图标较多时,用户大多可以创建文件夹,将功能用途相近的图标放在一起,这一形式的灵活性较大,可以让用户按照自己的需要排版界面,不仅用户自由度高,而且有强烈的秩序感,极易识别和使用。这类秩序感的界面常用于手机、掌上电脑等移动设备。

  左上式秩序感

  这种形式重点突出有层次,上方一般是标题,十分醒目;左侧是操作工具栏,自上而下排序,直观且富有条理;重要信息在右侧的较大区域内显示,可以吸引用户的注意。其优点是侧边栏与顶部显示导航信息,结构紧凑、安排科学合理,着重引导用户理性的选择所需操作,从左向右,先导航再浏览具体信息。这一形式的界面比较适合网页、音乐播放等软件操作系统界面。

  右下式

  这种形式与“左上式”很相似,但是右下式更加强调具体信息,全局信息引导功能较弱,所以比较适用于类似自助售票系统的自助化公共服务设备和局部系统交互界面设计等。因为大部分人都习惯右手操作,所以主要功能键安排在右边更符合用户的使用习惯,可以提高用户的操作绩效,如局部监控系统界面设计。

  居中式

  居中布局方式的优点是展示的信息内容量大,信息结构属于宽而浅类型,尽可能将信息呈现到主页,一览无余的供用户选择,所以比较适用于公共服务系统界面和局部系统交互界面等。但是这样的信息多而密,易产生视觉疲劳和接收错误;尤其是界面左右两边都有操作键时,用户反而会感到有些混乱。

  整体式

  整体布局更加的随意,相比较前几种形式而已,其秩序感相对较弱,反而更加强调个性化的表现,所以适合于信息展示型界面。这一类的交互界面常用精致的背景、艺术化的图案装饰等元素,这些元素的排布非常自由,因而显得比较活泼灵动,画面也会比较均衡协调,可以一下子吸引用户的眼球。但是这一形式的缺点在于操作性界面功能区块划分不够清晰,易引起信息混乱,所以用户要花上一些时间才能够学会并记忆操作方式。

  交互界面的流程

  视觉吸引。接触到交互界面时首先映入眼帘的肯定是整体的用色和布局,类似于服务的宣传。独特的知觉形式能吸引用户眼球,并产生深入了解的意愿,于无形中与用户建立信任可靠的关系。②寻找信息。当一个用户使用某个交互界面时,首先是想找到与自己期待的服务相关的信息。这就要求交互界面的设计可以有个性化元素,但也必须有内在的秩序感,如音乐播放软件,用户最需要的歌曲搜索、播放、暂停等一定要出现在适当位置,让用户把注意力集中在重要的地方。

  分别辨识。这要求交互界面的信息要适量,信息布局有其秩序性和规律性,减少用户识别的负担。此外,信息描述和内容布局也极为重要,信息量过大、信息分布不合理等都会对用户注意力产生影响。④匹配和执行。即用户操作过程中发现设备显示的信息与与其目标一致,便会根据提示进行下一步操作。这就要求辅助信息在适当时刻呈现出来,如用户在点击按钮的时候,按钮应该通过色彩的变化和声音提示等方式给予用户反馈。

  交互界面设计的目的在于给用户视觉冲击力的同时,也能给予用户良好的操作体验和服务享受,所以一个优秀的交互界面设计,不仅要仔细思考界面上功能按钮、程序跳转等基本要素,更要从视知觉的构成方面去考虑用户的视觉辨析和记忆,通过不同的秩序编排形式,达到减轻用户负担的目的。

摘自:https://www.aaa-cg.com.cn/ui/2999.html?seo1

UI设计秩序感怎么做相关推荐

  1. UI设计中如何做响应式设计与自适应设计

    UI设计中如何做响应式设计与自适应设计?由于科技在不断的发展,小伙伴们上网就不单单只依靠台式电脑了,还有平板电脑笔记本电脑都是可供大家选择的.面对不同的屏幕分辨率网站是如何进行适配的呢?今天AAA教育 ...

  2. ui设计是干啥的: ui设计师主要是做什么的呢

    ui设计是干啥的: ui设计师主要是做什么的呢,你真的了解你身边的UI设计吗?是否有人觉得UI设计不久是做做海报.主图.专题页什么的,不知道是否有人不知道UI设计是什么呢?接下来和庞姿姿一起去了解一下 ...

  3. 学完UI设计可以从事哪些工作

    最近有很多同学都会问到一个问题,就是学完UI设计可以从事哪些工作?对于正在学习UI设计的同学和已经学完UI设计的同学们,可以来看看下面文章的详细介绍就知道了. 学完UI设计可以从事哪些工作? 一.交互 ...

  4. 学习UI设计都需要了解哪些知识

    由于UI设计的高薪,很多人都萌生了想要学习UI设计的想法,但是小编提醒大家,学习UI设计之前一定要做足功课,了解UI设计基本知识,再看看自己是否适合学习,下面小编就为大家详细的介绍一下学习UI设计都需 ...

  5. UI入门必读!完整的UI设计学习流程是怎样的?

    目前UI设计师现越来越火,薪资也越来越高.随着技术领域的逐步拓展,产品生产的人性化意识日趋增强,越来越多的企业开始注重交互设计.用户测试方面的投入,这也就意味着兼具美术设计.程序编码.市场调查.心理学 ...

  6. 微风:什么是UI设计?

    大家好我是微风,一个爱设计爱生活的平面设计师,最近很多朋友都在问什么是UI设计?零基础能学习UI设计吗?UI设计学习需要使用什么软件?就业前景怎么样呢!今天微风就来给大家介绍下什么是UI设计,UI设计 ...

  7. ui设计能干一辈子吗

    有一些岗位是吃青春饭的,比如说模特.礼仪等,想做一辈子比较难,因为江山代有才人出,会有比你更貌美.大长腿的新人出现,你就会被打在沙滩上,但是有一些技术类的工作岗位却能干一辈子,而且往往是随着从业时间推 ...

  8. 微风:什么样的人适合学习UI设计?

    大家好我是微风,最近大家问的最多的就是什么样的人适合学习UI设计,我是做文职的学习起来会不会太困难了,现在学会不会太晚了?学起来难吗?微风整理了这篇文章,相信大家看了这篇文章之后肯定就比较清楚自己到底 ...

  9. 学习UI设计后的就业岗位、薪资大揭秘!

    随着互联网各种产品的不断优化,更加注重视觉体验以及用户体验.UI设计师岗位成为炙手可热的热门岗位之一.但是学习UI设计仅仅可以做UI设计师吗?并不是的.UI设计需要掌握多种技能,因此未来在职业选择上会 ...

最新文章

  1. Linux开发板怎么用madplay,Linux中madplay 音乐播放器移植步骤
  2. 再见 Win10!下一代操作系统来了。。
  3. java实例变量可以被覆盖吗_Java继承覆盖实例变量
  4. win7下开启和使用telnet的方法
  5. Hadoop 2.0 中的资源管理框架 - YARN(Yet Another Resource Negotiator)
  6. Spring源码分析-循环依赖
  7. 碰上这种 Wi-Fi,iPhone 秒崩!
  8. new Date()浏览器兼容性问题
  9. 如何构建自己的计算机,第四部分:安装Windows和加载驱动程序
  10. Bulk insert远程服务器导入sqlserver
  11. Android 调用免费短信验证码sdk开发
  12. unity如何往下挖地形_Unity 地形
  13. 物联网的主要特征是什么,目前的主要应用哪些?
  14. 最新影视双端app对接苹果cms+详细安装教程
  15. 项目管理pmp学习中的记录
  16. 为什么用线程池?解释下线程池参数? -- Java面试
  17. html鼠标滚轮监听,js鼠标滑轮滚动监听触发事件
  18. 将GrilView中的数据转换成DataTable
  19. 课后作业7.1:文件系统的静态结构
  20. 基于JAVA+SpringBoot+VUE的心理健康测试系统的设计与实现

热门文章

  1. 修改html不显示内容,记录网友修改网页导致文章内容不显示的问题
  2. 关于TCP报文段丢失,确认号的选择
  3. 半导体制造工艺流程——后道工序
  4. 小爱儿童智能陪伴机器人改变孩子对学习的看法!
  5. ARM TK1 安装ROS- indigo
  6. 社区运营 VS 征途(转)
  7. grafana在项目中添加datasource(数据源)
  8. 【CF337D】邪恶古籍-树状dp
  9. 微信小程序picker组件 - 省市二级联动及其回显
  10. 工程项目清标的内容和重要性