|
|
一、拟物化与扁平化设计的定义与特点
在当今数字化时代，图标在用户界面（UI）设计中占据了至关重要的地位。图标作为一种具有明确指代意义和强烈标识性的图形元素，相较于传统的文字描述，它以其高度浓缩的形式和快捷的信息传达能力，极大地提升了用户体验。图标不仅能够帮助用户迅速理解界面所传达的信息，还能通过融入特定的世界观元素，增强玩家的代入感和情感共鸣。
图标的设计风格主要分为两大类：拟物化图标和矢量图标（也称为扁平化图标）。拟物化图标的设计灵感来源于对现实世界中的物体投射，通过细致地模拟这些物体的形状、质感和色彩，使得图标不仅直观易懂，而且能够唤起玩家对现实世界的记忆和联想。拟物化图标中的世界观元素，如特定的文化符号或历史图案，能够有效地帮助玩家建立起更深层次的代入感，从而增强玩家体验。
（拟物化图标）
而矢量图标的名称是因为这类图标通常是使用矢量软件或矢量工具进行设计制作的，从风格上划分，又可以被称为扁平化图标，扁平化图标可以说是拟物图标的迭代，因为拟物图标已经让玩家形成了固有的印象和认知，比起拟物图标的繁杂， 扁平图标通过单纯的几何形态，简洁化的设计，能让操作更有效率，让信息能够直观地凸显出来，在“传递信息”的本质上更有优势。
（扁平风图标）
小总结：图标一个具有指代意义，比起文字更具有美观性，更易于传达信息的图形
- 拟物图标：模拟、概括现实事物
- 扁平图标：将现实事物通过几何图形、线条等进行概括性设计
二、图标风格的演变原因
原因1：体验迭代（从认知科普到追求效率）
前面说到扁平风图标是从拟物图标迭代过来的成果，是因为早期的UI美术风格都倾向于拟物化设计，因为当我们试图用图标代替文字来浓缩信息时，如果采用能让玩家与现实产生直接联系的美术风格，玩家就会根据自己掌握的经验、知识和想象做出的第一反应，从而达到降低用户学习成本的目的。而正是因为拟物化图标降低了用户学习门槛，之后流行的扁平化风格才能成为另一种优化的方案，因为随着玩家对于界面以及交互方式愈发熟悉，在这种背景下，UI 设计开始着重强调效率和简洁性。设计师们不再满足于传统的拟物化风格，转而追求能够实现高效率信息传递以及更为清晰层级结构的设计方式，于是就有了现在流行的扁平风。
原因2：硬件升级
早期 (降低学习成本，提升游戏精度)
在游戏行业的发展历程中，风格的迭代往往伴随着硬件的更新换代，以及由此催生的新需求。这是因为游戏的呈现方式和互动体验在很大程度上受限于硬件的性能和物理输入形式。我们不难发现，许多如今看似习以为常的设计元素，实际上都是在前人的基础上，结合当时的硬件条件，经过无数次的尝试和改进才逐渐形成的。
回溯到早期，那时的电脑内存容量有限，显示技术也相对落后，这直接导致了游戏画面的粗糙和低分辨率。与此同时，互联网虽然已经开始普及，但玩家对网络的认识和接受程度还处于初级阶段。在这样的背景下，游戏开发者们为了降低玩家的学习成本，纷纷采用了拟物风格的UI设计。这种设计风格通过模拟现实世界中的物体和纹理，以精致细腻的画面来抵消因场景和角色建模精度不足所带来的视觉上的劣势。
拟物化UI的设计不仅提升了游戏的视觉吸引力，更重要的是，它能够在一定程度上增强玩家的沉浸感。玩家仿佛能够触摸到那些逼真的物体，感受到它们带来的质感和温度。这种设计风格本身就是一种情绪化的表达，它能够唤起玩家内心深处的情感共鸣，让玩家在游戏中获得更加丰富和深刻的体验。
随着硬件技术的不断进步，游戏画面越来越精细，互联网速度也越来越快，但拟物化UI设计所带来的那种沉浸感和情感共鸣依然被许多游戏所沿用和发展。
发展中（体验升级，优化设计）
随着科技的飞速发展，电脑的性能得到了显著的提升，这不仅使得游戏中的画面变得更加细腻、逼真，而且为玩家带来了前所未有的沉浸式体验。为了进一步提高玩家的沉浸感，许多游戏开发者开始关注UI（用户界面）的设计，以避免其干扰玩家的注意力，从而打断他们的游戏体验。在这种背景下，场景式UI和极简式UI应运而生，它们的主要目标是帮助玩家更好地沉浸在游戏中，同时减少UI的干扰，并有效地传递必要的信息。
场景式UI的设计理念是将游戏界面与游戏场景融为一体，让玩家在游戏中感受不到UI的存在。这种设计方式通过合理的布局和视觉效果，使玩家能够更加专注于游戏本身，从而提高游戏体验。而极简式UI则强调简洁明了，通过减少不必要的元素和功能，让玩家能够更轻松地掌握游戏操作，避免在游戏过程中被繁琐的UI所困扰。
随着UI风格的不断迭代，图标设计也发生了相应的变化。早期的拟物化图标虽然具有较高的辨识度，但在现代游戏中，为了更好地适应场景式UI和极简式UI的设计理念，图标逐渐从拟物化转变为符号化。这种转变不仅使图标更加简洁，还能在有限的空间内更有效地传递信息。
手机游戏的发展也遵循了这一趋势。由于手机屏幕尺寸有限，拟物化的图标在界面显示上可能会显得过于吸睛，在部分界面中影响玩家的视觉体验。因此，近年来许多手机游戏开始采用信息折叠和图标扁平化的设计方式，以减轻信息负担，提高游戏的可玩性。这种设计方式不仅使游戏界面更加简洁明了，还能让玩家在游戏中获得更好的沉浸式体验。
例如我最近关注的动作格斗游戏《异人之下》，游戏为了减少了UI对玩家操作过程的判断和影响，巧妙地将大量游戏的界面与UI图标设计成透明底加简洁文字加扁平化图标的风格。
现在（优势互补，相辅相成）
随着硬件性能的不断提升，游戏的画面表现力和玩法的可选择性空间得到了显著的扩展。与此同时，用户对于拟物化图标的功能也已经完成了基本的认知和了解。因此，在设计趋向上，图标在扁平化风格上运用的越发广泛。
首先，扁平化图标有助于弱化图标对玩家注意力的干扰，使玩家能够更快速地识别不同的功能。这对于游戏体验的提升至关重要，因为玩家在游戏过程中需要迅速做出决策和反应。
其次，拟物化图标与扁平化图标之间，通过图标设计的繁杂程度能够很好地对信息进行区分。这种设计方式不仅有助于提高游戏的可读性，还能让玩家更容易地理解游戏的各种功能和规则。
目前，拟物化图标和扁平化图标基本上是同时使用的。尽管设计风向从拟物到扁平过渡，特别是在APP领域感受特别明显，但拟物化的优势也非常突出。由于游戏不同于APP，APP主要是为了帮助用户解决问题，以功能为主导，因此信息层级区分越明显，越方便用户查询，就越快找到想要的信息。
然而，游戏需要通过设计规则、营造氛围，为用户提供情绪价值。拟物化图标通过模拟玩家心理认知的物品元素，能够让现实与游戏有效联结，往往能够让玩家快速接受游戏设定并带入整个氛围。这种设计方式有助于增强游戏的沉浸感和代入感，从而提高玩家的满意度。
当然，拟物化图标也存在一定的劣势，即处理不当容易造成页面层级错乱的问题。而扁平化图标则恰好能够补充拟物化图标的这一劣势。扁平化图标负责信息层级的区分和识别，有助于提高游戏的可读性和易用性；而拟物化图标则负责为玩家提供情景化体验，帮助玩家在游戏世界观中产生联想与共鸣，综上所述，扁平化与拟物化图标彼此之间的优势恰好补充对方的劣势。
小总结：
- 早期：拟物化，因为与现实事物有关联，能够降低用户学习门槛，而硬件性能限制也是有影响的因素之一
- 发展中：从拟物到扁平之间的风格探索，目的是为了优化玩家体验
- 现在：明确扁平化和拟物化的特点，并根据风格不同的特点，不同的游戏类型，运用到不同的功能或不同的游戏，让两种风格之间相辅相成。
三、风格定位与图标类型
扁平化图标的风格大致可以分为两种类型，分别是游戏类型风格和图标结构风格。由于这两种风格在实际应用中可能会交替出现，因此我们将它们结合起来进行讨论。
游戏绘画风格：的扁平化图标设计很容易理解，它主要是指游戏整体的绘画风格在图标设计中的体现。图标作为游戏界面的一部分，其风格需要与游戏的整体风格保持一致。在绘画风格方面，常见的大致有写实、半写实和卡通等多种形式。当然还有像像素、水墨等相对而言较为小众的风格，在这里暂时不对其进行深入探讨。
例如：指环王 纷争是一款中世纪魔幻题材写实风格的战争策略类游戏，而风格深刻地影响了游戏图标的呈现样式，写实风的绘画风格让图标展现出一种沉稳、厚重的感觉，而战争/魔幻等题材则为图标注入了丰富的元素，可能会有神秘的魔法符号，或者是象征着力量与荣耀的龙之鳞片等（总：风格决定样式，题材/世界观决定元素）
图标结构风格：则主要关注图标的结构层级，简单来说，就是图标从细节丰富到简洁的变化过程。这个过程取决于图标的使用场景以及功能的优先级。例如，在主界面中作为入口的图标，也会因为功能不同的重要性，从而使图标采用更加繁杂/简洁的设计，以便用户能够快速识别和并方便进行操作。
（主功能）
（次级功能）
扁平化图标的设计理念是基于上述绘画风格和功能层级，通过对拟物化图标进行简化和概括，利用简单的几何图形、线条和色块来呈现。这种设计方法旨在消除复杂的结构、阴影特征和纹理等元素，从而使图标看起来更加“平”，平”的特征也是名字扁平风的由来，
因此在设计扁平化图标时，需要我们先分析不同绘画风格的特点，以及适用于不同功能需求，以确保图标在实际应用中能够发挥最大的作用。
小总结：
- 游戏绘画风格：常见有写实、半写实和卡通等，图标与风格需保持一致
- 图标结构风格：需根据功能的需求/信息的层级，决定图标结构的复杂程度，以达到增强界面表现力/能使玩家能够快速识别并进行操作。
四、绘画风格特点
1、写实风格：真实比例，光影明确，细节丰富，立体感强
在拟物化的写实图标设计中，设计师们通常会追求真实比例，光影明确、细节丰富以及立体感强等特点。这样的图标往往具有材质真实感，明暗对比鲜明，细节刻画精细，从而使得图标呈现出较强的立体感和真实感。让每一个图标都仿佛是一个微缩的真实物体，给玩家带来强烈的视觉冲击和真实体验。
当我们将这种写实风格应用于扁平图标设计时，也需要保留其真实比例、细节丰富和立体感强等特点。这样可以使扁平图标在视觉上更加贴近拟物化风格，同时也能够增强图标的真实感和吸引力。
游戏类型：写实风格的游戏
这种类型的游戏致力于高度还原现实世界的视觉体验。强调真实的比例、精准的纹理以及细腻的质感，通过这些元素的完美结合，确保玩家能够沉浸在一个栩栩如生的虚拟世界中，获得前所未有的代入感和真实感。
为了贴合游戏的整体风格，图标的设计也必须遵循相同的特点。无论是游戏界面中的按钮、菜单还是其他交互元素，都采用与之相匹配的绘画风格，以确保视觉上的统一性和连贯性。
2、卡通风格：造型夸张、结构简洁、形状圆润
而卡通则是写实的对立面，在造型上运用了相对夸张的比例，没有明显的明暗对比和立体感，运用在结构和线条上也比较简单，结构被极大的简化，只突出物体的基本特征，通常使用基本的几何形状来构建，形状整体偏圆润，让图标看起来显得更加的可爱且具有亲和力。
游戏类型：卡通风格游戏
卡通风格游戏是一种广受欢迎的游戏类型，这类游戏的设计通常充满了童趣和想象力，角色的造型往往圆润可爱，色彩搭配鲜明且富有活力。明亮、鲜艳的色彩运用不仅让游戏画面更加生动，还能有效吸引玩家的注意力，提升游戏的趣味性。设计师们通常会选择圆润、流畅的线条来勾勒角色和场景，这样的设计手法不仅让游戏画面看起来更加柔和，还能给人一种轻松愉快的视觉感受。而卡通风格的图标也沿用这一特点。
3、半写实风格：保留部分真实比例，部分进行简化重组
半写实风格是一种介于写实和抽象(卡通)之间的艺术表现手法，在设计的时候会在某些部分保留高度的真实感，尤其是物体的主要特征和轮廓。在这个基础上根据自己的理解和感受对图形一定程度的改造和重组，在真实感与简洁性之间找到平衡点，使它能够传达复杂的信息，又能够保持界面的清晰和美观。
游戏类型：普遍适用于多种游戏风格和类型
半写实风格普遍适用于多种游戏风格和类型的图标设计，图标不仅具备高度的辨识度，还要能够准确传达游戏的主题和氛围。因此，图标设计往往会根据不同的世界观和用户群体进行调整，以符合其审美需求和游戏内容的特色。
以原神为例，这款游戏以其开放式世界探索和丰富的故事情节吸引了大量玩家。由于原神定位于12+评级，主要面向年轻人和家庭用户，因此其风格设计融入了一些卡通风格的特点，以迎合这一群体的审美偏好。这种设计体现在图标的各个方面，如结构简化、形状圆润等，营造出一种轻松愉快的视觉体验。同时，原神的背景设定是旅者对自然的探索，这种主题使得图标的结构更加随意和自由，增强了游戏的冒险感和探索精神。
相比之下，鸣潮作为一款16+评级的游戏，以其科幻废土的背景设定吸引了较为成熟玩家群体。为了突出这一特点，鸣潮的图标设计采用了规律的几何图形、面和线结合的特点，以及尖角结构。这种设计风格使得图标基本都是由规律性极强的几何图形排列构成，给人一种人造感和未来感，完美契合了游戏的科幻主题。
通过这些例子可以看出，图标根据不同的世界观和用户群体沿用不同结构不同线条的样式，不仅能够更好地传达游戏的主题和氛围，还能形成独特的视觉风格，从而在众多游戏中脱颖而出。
五、结构风格定位
1、结构性：细节丰富
适用游戏功能：功能入口、成就展示、徽章等
具有丰富细节特点的扁平化图标，这类图标由于绘画特点的缘故，相较于概括性更强的图标，确实会少了一些图标的识别性。然而，正是因为这些图标上更多的光影细节，使得它们看上去更具设计感和艺术性。这种强设计弱功能的设定，使得这类图标适用于那些功能信息不多，包装性强，且对图标识别性需求不强烈的功能，例如多种势力阵容、角色技能、成就、图鉴等功能模块。
（成就入口）
2、结构性：细节简化
适用游戏功能：信息切换栏、信息筛选或信息属性
一些功能往往包含大量的信息类别，玩家需要迅速且准确地识别和筛选出所需的信息。对于这类功能而言，图标的设计显得尤为重要。结构复杂的图标相比，结构简单图标以其简洁明快的线条和形状，展现出独特的优势。因为简单的图形元素更容易被大脑处理和记忆，使得玩家能够在瞬间识别出图标的含义。
玩家在面对这些图标时，几乎可以一眼就辨认出它们所代表的功能或信息类别。这种设计不仅降低了玩家的认知负担，还大大提高了游戏的操作效率。
因此这类型的图标非常适用于信息切换栏、信息筛选或信息属性等场景。在这些地方，玩家需要频繁地切换、筛选或查看不同的信息，图标的直观性和易识别性使得这些操作变得轻松而顺畅。
此外，图标还体现了“弱设计强功能”的理念。它们的设计并不追求繁复和华丽，而是注重实用性和功能性。这种设计理念使得图标能够在不干扰玩家游戏体验的前提下，最大限度地发挥其作用，帮助玩家快速识别信息，找到想要的操作路径。
（信息筛选）
3、结构性：兼具结构丰富又保持轮廓的简洁
适用游戏功能：普遍适用于所有功能
设计图标时在强设计和强功能之间做了一定的协调和兼顾，具有很强的适应性。这种设计不仅具备可识别性，能够让玩家迅速理解其含义，还能满足设计感需求。因此适用的功能非常广泛，像是功能界面的入口，页面之间的切换，角色技能缩略图等等，是属于强设计强功能兼顾的设定。
当然跟充满细节结构的图标比设计感，又或者跟结构简洁的图标比识别性 还是显得稍弱的，但他本身的兼顾性又使它具备广泛的使用性，因此我们在设计的时候还需要考虑图标的可显示空间，图标在这个功能的需求，图标与图标之间的层级关系等问题，再决定图标的结构样式。
六、图标的设计思路和技巧
在我们探讨图标设计的过程中，前面已经提到过图标的样式是由两大关键因素决定的：绘画风格以及游戏的世界观。绘画风格，这个在设计之初就已经确定好了，我们要做的是深入熟悉每一种绘画风格的特点和表现手法。在之前的扁平化图标的设计思路2中，我们对此已经有详尽的讲解。而今天，我们将了解另一个关键因素——世界观，以及我们该如何从世界观中提取出与图标设计相关的元素呢？
知识科普
世界观
游戏是对虚拟世界的创造，而世界观则是虚拟世界需要遵守的法则,虚拟世界的建筑风格、交通工具、职业设定、战斗方式等，几乎都是围绕世界观来构建的。这种构建方式从玩家的视角来看较为抽象，但是可以成为让玩家能够迅速感知并理解游戏世界设定的标签。
以武侠世界为例，玩家可以通过游戏中的亭台楼阁、古建筑感受到浓厚的中国古代风情，通过马车这种交通方式体会到与现代社会截然不同的出行体验。游戏中的职业如镖师、商人，以及刀剑、点穴、轻功等独特的攻击方式，都进一步强化了武侠世界观的标签。这种世界观不仅让玩家对游戏有一个整体的认知，还增强了玩家的代入感和沉浸感。
作为设计师，我们的任务是将游戏的功能与世界观紧密结合。例如，常见的升级系统在不同的世界观下可以有不同的表现形式。在武侠世界中，这个系统可能被设计成“筋脉系统”，玩家通过修炼筋脉来提升自己的实力；而在科幻世界中，这个系统可能被设计成“人体改造”，玩家通过科技手段来增强自己的能力。
通过世界观，我们不仅帮助玩家完成自我身份的认同，还能引导他们参与到游戏的故事叙事中，完成各类任务。这种参与感和责任感让玩家更加投入，也让他们在游戏中找到了扮演角色的意义和使命。
（筋脉升级）
（义肢植入、人体改造）
总结：游戏世界观实际上约等于整个故事背景的架构，其中的各种元素也紧密地围绕着整体设定展开。
设计思路
1、提炼关键词
游戏世界观绝非一个简单的概念，而是一个极为庞大且复杂的定义，不是简单的一言半语就能够清晰透彻地讲清楚的。之所以提到世界观，是因为图标作为游戏设计中不可或缺的一部分，必然会受到游戏世界观的深刻影响。因此，在着手进行图标设计之前，我们首先需要全面深入地了解游戏的世界观。也就是说，我们要明确清晰地知道要打造一个怎样独特的世界。在设计图标等相关元素的时候，需要运用头脑风暴这种创造力的激发方式来进行广泛而深入的联想，找到一些契合游戏世界观的关键词，从而让设计元素变得既合情合理又富有创意。毕竟图标的元素只有符合游戏世界的背景设定，才能够既保证玩家能够轻松容易地理解，又能很好地兼顾叙事性，使游戏体验更加丰富和连贯。
（国风背景下的世界观元素）
2、强调功能性
在提炼完关键词之后，如何将关键词与功能关联起来呢？因为我们需要确保每个图标都应清晰地向玩家传达其功能或含义，让玩家一眼就能理解图标的用途，因此在设计之前，我们需要彻底理解需要绘制的图标所代表的具体功能，然后选择广为人知的符号或形状来表示，这里需要注意的是在不同文化背景下，符号的表现形式也会有所不同。
不同的文化背景会影响人们对符号的理解和接受度，例如同样是商店功能，在武侠游戏背景下的商店，采用的是古色古香的木制货架作为元素来代表商店的概念，给人一种真实的市场的感觉，而在科幻现代背景下的商店，采用的是与现代商品紧密关联的购物袋，在充分保证图标易于识别的基础上融入题材特色，这是为了通过特定的符号唤起玩家对于这一题材的特定情感反应和记忆联想。
当然最后也有文字作为保底，帮助玩家快速理解图标的具体功能或用途，毕竟无论图标设计得多精美，总有一些玩家可能无法立即识别其含义。文字提供了额外的提示，增强了整体的易用性。
3、简化图形元素
在明确关键词，选择对应的符号后，我们脑海中有了更具象的形象，这时候就需要找一些参考，帮助我们更快地理解物体的构造和比例，与拟物图标不同，扁平化图标还需要将关键词所联想的一些形象进行提炼，挖掘形象最核心且最易识别的特征，然后去除多余的装饰和细节，核心形象最好能够被基本的几何图形进行概括，换句话来说就是使用简单、清晰且具有辨识度的图形元素，因为简单的图形结构能够迅速被玩家识别和理解。例如，在设计一个表示“搜索”的图标时，使用放大镜的简单几何形状，而不是复杂的细节描绘，可以让玩家一眼就明白其功能。
4、保持一致性
图标的设计通常遵循系列化的原则，因为图标的设计不仅要保持视觉风格和特征的一致性，还要确保在同一产品和同一系统内，信息图标在形态上也保持高度的一致性。这种一致性有助于构建画面的统一感，使玩家在浏览界面时能够感受到流畅和连贯，减少认知负荷。
而这种一致性体现在多个方面：颜色、样式、角度、大小以及底框等元素的协调统一。通过这些共有特征的强调，玩家可以快速识别和理解图标的含义，同时，相似的信息在图标之间也会产生关联性，帮助玩家建立起逻辑上的联系，从而更高效地进行操作。
在图标设计中，虽然样式、大小和底框这些基本元素相对容易保持一致，但图标的绘画风格往往成为设计师容易忽视的一个环节，常见的图标绘画风格主要有线性图标和块面图标：
线性图标：其特点在于完全通过线条来勾勒出图形的轮廓和结构，而且通过线与线之间的变化，如线条的大小、粗细、疏密程度等，可以有效地传达出图标的层级关系。例如，较粗的线条通常用于表示主要元素，而较细的线条则可能用于描绘次要细节或辅助信息。
块面图标：其特点在于图标的形体完全由各种不同形状和大小的几何图形构成。这些几何图形通过巧妙的交叠、疏密等结构安排，不仅展现了图标的光影效果，还清晰地传达了其内部结构和层级关系。
如上图所示，在设计中几乎将线性图形和块面图形的方法混合使用，这种做法导致了图标之间的关联性变得非常弱。由于线性图形通常具有简洁、流畅的线条，而块面图形则更注重形状的完整性和填充感，两者在视觉风格上存在明显差异。当这两种风格被同时应用于同一组图标设计中时，就会造成视觉上的不一致性，使得整体风格难以统一。这种风格的混杂不仅影响了图标的美观性，还可能让玩家在使用过程中感到困惑，降低了玩家体验。因此，在进行图标设计时，应当注重保持风格的一致性，避免过度混合不同的设计元素/绘画风格，以确保视觉效果的和谐与统一。
七、层级关系
前面我们聊到的图标结构风格主要适用于单个同类功能，若像主界面这样作为游戏各个主要功能快速入口的合集界面，我们该如何处理不同图标之间的结构关系？图标的摆放位置等问题？这就是leader口中常说的层级关系。
那什么是界面的层级关系呢：指在一个用户界面中，不同元素之间的组织结构和视觉优先级。层级关系有助于引导玩家的注意力，提高界面的易用性。
而层级关系主要分为三个模块，分别是视功能层次、信息层次和视觉层次：
功能层次：首先根据功能的重要性，将操作划分为主要操作和次要操作。主要操作通常是玩家完成核心体验/玩法所必需的，如无限暖暖中的操作轮盘和技能，这些操作往往会被放置在界面的显眼位置，并配以明确的指示。而次要操作，地图、任务、活动、装备等，则可能被放置在较为不显的位置，以避免干扰玩家的主要任务流程。
信息层次：然后决定信息的展示顺序，确保关键信息/功能能够被玩家轻松发现并进行操作。这通常意味着需要将信息放在玩家视线的最前沿，例如当前状态、最新活动或重要通知等。同时，信息的呈现方式也应考虑到玩家的操作习惯和浏览路径，例如从上往下、从左到右的浏览路径，例如横批的操作区域在左右两侧，竖屏的在屏幕下方等，以便于玩家能够顺畅地获取所需信息，并且不会被遮挡。
视觉层次：最后是通过运用大小、颜色、对比度和位置等视觉设计手段，明确区分界面中的关键元素与次要元素。例如，较为重要的功能入口（图标），都会有较大的展示区域和醒目的颜色以及更多的细节来突出功能的重要性，而较为次要功能（图标），通常样式简单，颜色单一，摆放的位置也相对不显，这样对比的设计有助于玩家快速识别界面中的重点内容。
小总结：
功能层级：根据功能的重要性划分主次
信息层级：根据玩家操作习惯和浏览路径对信息进行排列
视觉层级：根据视觉设计，明确界面中的主次元素
来源： 全栈设计交流
|
|
发表于 
