Title
开学季
首页 招生就业 UI设计技巧:详细解读界面设计中秩序感!

UI设计技巧:详细解读界面设计中秩序感!

2020-02-12五月花培训学校学习园地

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

image.png


为秩序感?

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

image.png


界面设计秩序

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

image.png


点阵式

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

image.png


左上式

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

image.png