            培训首页
             > 
            UI设计师新闻
             > 
            提升界面秩序感，让你的UI设计具有规范性
        

提升界面秩序感，让你的UI设计具有规范性

来源：

北京火星人电脑培训学校

发表于：2020-01-14 17:02:12 153次浏览

相关标签： UI设计师培训北京UI设计师培训

火星人教育 △ 让天下学生学有所成 △

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

何为秩序感？

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

界面设计秩序

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

点阵式

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

左上式

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

右下式　

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

居中式

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

整体式

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

交互界面的流程

①视觉吸引。接触到交互界面时首先映入眼帘的肯定是整体的用色和布局，类似于服务的宣传。独特的知觉形式能吸引用户眼球，并产生深入了解的意愿，于无形中与用户建立信任可靠的关系。

②寻找信息。当一个用户使用某个交互界面时，首先是想找到与自己期待的服务相关的信息。这就要求交互界面的设计可以有元素，但也必须有内在的秩序感，如音乐播放软件，用户需要的歌曲搜索、播放、暂停等一定要出现在适当位置，让用户把注意力集中在重要的地方。

③分别辨识。这要求交互界面的信息要适量，信息布局有其秩序性和规律性，减少用户识别的负担。此外，信息描述和内容布局也极为重要，信息量过大、信息分布不合理等都会对用户注意力产生影响。

④匹配和执行。即用户操作过程中发现设备显示的信息与与其目标一致，便会根据提示进行下一步操作。这就要求辅助信息在适当时刻呈现出来，如用户在点击按钮的时候，按钮应该通过色彩的变化和声音提示等方式给予用户反馈。

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

秩序感在一定程度上决定了交互界面的总体格调是简洁有序还是丰富多变，通常不同类型的交互界面会选择不同的秩序感，来满足不同用户的视觉心理需要。利用人们与生俱来的对“秩序感”的认同和欣赏以及适应和选择进行交互界面设计，不失为一条发展交互界面设计的有效途径。在未来的交互界面设计发展中，只有做到内容与形式、视知觉经验与心理定向的统一，才能促进人与设备的情感交流，进而获得更好的用户体验。

作者：徐文静

来源：平面设计（pingmiandesigner）

如侵权请告知删除

文中图片素材来源网络，如有侵权请联系删除

提升界面秩序感，让你的UI设计具有规范性原创内容，请点击 北京UI设计师培训

学习目标：