旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:010-5367 2995
首页 > 热门文章 > UI设计 > UI设计秩序感怎么做

UI设计秩序感怎么做

时间:2020-11-27来源:www.aaa-cg.com.cn点击量:作者:Gella
时间:2020-11-27点击量:作者:Gella
相对于视觉传达设计而言,交互界面更加注重用户与界面的互动,用户对界面的理解将直接关系到用户能否顺利操作并达到自己的目的。通过对秩序感理论的阐述,说明秩序感对交互界面设计非常重要,并以实例总结常见的交互界面布局,分析其中的秩序感及其作用。

UI设计秩序感怎么做
 
 
什么是秩序感

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

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

UI设计秩序感怎么做
 
点阵式秩序感

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

 
左上式秩序感

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

右下式

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

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

整体式

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

交互界面的流程

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

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

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

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可先就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可推荐就业!

©2007-2021/北京漫动者教育科技有限公司版权所有
备案号:京ICP备12034770号

©2007-2022/ www.aaa-cg.com.cn 北京漫动者数字科技有限公司 备案号: 京ICP备12034770号 监督电话:010-53672995 邮箱:bjaaa@aaaedu.cc

京公网安备 11010802035704号

网站地图