《触摸图形设计及图例GBT+40142-2021》详细解读

《触摸图形设计及图例GB/T

40142-2021》详细解读·

1范围·2规范性引用文件·3术语和定义·4触摸图形的组成要素·5触摸图形设计目录·6触摸图形校对·7触摸图形图例·附录A(资料性)触摸图图例·参考文献目录011范围内容涵盖触摸图形设计的基本概念、原则

、方法及应用。本书主题围绕触摸图

形设计及图例进行详

细解读。图例部分包括各类触

摸图形设计的实例及

解析。1.1主题内容16ICONSEI适用于从事触摸图形设计相关工作的设计师、工

程师及研究人员。1.2适用对象对触摸图形设计感兴趣的爱好者亦可参考本书。可作为高等院校相关专业的教学参考书或教材。5DEVICES促进触摸图形设计领域的交流与发展，推动相关技术的进步与

创新。通过图例展示触摸图形设计的实际应用，提高读者的实践能力和设计水平。系统梳理触摸图形设计的知识体系，方便读者全面了解该领域1.3编排目的2规范性引用文件引用文件中应包含图形设计的基本原则、符号使用、色彩搭配等

方面的规定，为设计师提供明确

的指导。为确保触摸图形设计的准确性和一致性，需参考国内外相关图形

设计标准，如ISO

国际标准、GB

国家标准等。

图形设计相关标准匹FICE[2.d

.oo·pp0102定

同0

6".

522olo

[名规范性引用文件中应包含图例的具体

规定，如图例的位置、大小、字体、

颜色等，以及图例中各元素所代表的含义和解释。图例是图形设计中不可或缺的一部分,用于解释和说明图形中的符号、线

条、色彩等元素。图例规范及解释这些实践和案例可以来自于知名设计师、设计公司、行业协会等，应包含成功的触摸图形设计作品及其设计理念、技巧等方面的介绍。除了标准和规范外，还可引用行业内的最佳实践和案例，以提供更具体、更实用的参考。

行业最佳实践及案例3术语和定义触摸图形设计具有直观、高效、易学习等特点，广泛应用于移动设备、平板电脑、触摸屏一体机

等领域。3.1触摸图形设计图例通常包括图形元素的名称、含义、单位等信息，以文

字、数字、符号等形式呈现。在触摸图形设计中，图例的

设计也需要考虑触摸屏的特性和用户的操作习惯。●它可以帮助用户更好地理解图形所表达的信息，提高图形的可读性和易懂性。●图例是图形设计中用于解释图形元素含义的辅助性说明文

字或符号。Var

(x)3.2图例—044触摸图形的组成要素触摸点的设计需要考虑到大小、形状、位置等因素，以便于用户准确、快速地触摸到目标位置。触摸点是触摸图形的基本组成单位，用户通过触摸点来与图形进行交互。4.1触摸点间ICON

SET触摸轨迹的设计需要考虑到轨迹的平滑度、宽度、颜色等因素，以便于用

户清晰地感知到自己的操作路径。触摸轨迹是用户在触摸屏幕上移动手指时形成的路径。4.2触摸轨迹触摸区域的设计需要考虑到大小、位置、形状等因素，以便于用户能够方便地触摸到目标区域。触摸区域是指用户在触摸屏幕上可以触摸到的有效范围。4.3触摸区域触摸反馈的设计需要考虑到反馈的方式、效果、时机等因

素，以便于用户能够清晰地感知到自己的操作结果和系统

的响应状态。4.4触摸反馈触摸反馈是指用户在触摸图形时，系统给予的响应和提示055触摸图形设计触摸图形设计的定义触摸图形设计是一种基于触摸屏技术的图形用户界面

设计，旨在通过直观、易用的触摸操作，提供用户友

好的交互体验。触摸图形设计的重要性随着触摸屏设备的普及，触摸图形设计已成为现代用户界面设计的重要组成部分，对于提高软件的易用性

和用户体验至关重要。5.1触摸图形设计概述用户为中心设计应以用户的需求和行为习惯为出发点，确保界面的功能和操作流程符合用户的期望。灵活性设计应具有一定的灵活性，以适应不同用户的需求和习惯。一致性保持界面风格、操作方式的一致性，有助于用户快速熟悉和掌握操作方法稳定性确保触摸图形设计的稳定性和可靠性,避免出现意外情况或错误操作。5.2触摸图形设计原则动画效果按钮图标文本图标是触摸图形设计中的重要元素，应具有直观、易识别的特点，以方便用户快速理解其功能。文本是传递信息的重要方式之一，在触摸图形设计中应注重字体、字号、颜色等排版因素的选择和搭配。按钮是用户进行交互操作的主要方式之一,设计时应考虑其大小、位置、形状等因

素，以方便用户点击。5.3触摸图形设计元素适当的动画效果可以增强用户界面的趣味性和吸引力，提高用户的操作体验。不ICON

SET针对手机、平板电脑等移动设备的特点和用户需求，进行触摸图形设计实践。将触摸图形设计理念应用于网页设计中，提高网页的易用性和用户体验。针对游戏的特点和玩家需求，进行游戏界面的触摸图形设计实践。其他领域应用触摸图形设计还可应用于其他领域，如智能家居、医疗设备等人机交互场景。5.4触摸图形设计实践Lin04移动应用界面设计游戏界面设计网页界面设计

A

察01set5

6归立6触摸图形校对确保图形准确性触摸图形校对是确保图形设计准确无误的重要环节，通过校对可以发现并纠正图形中的错误和不

一致之处。提高用户体验准确的触摸图形设计可以提高用户的使用体验，使用户更加便捷、高效地使用产品或服务。123维护品牌形象触摸图形作为品牌形象的重要组成部分，其准确性直接关系到品牌形象的维护和传播。

校对的重要性图形元素校对对图形中的各个元素进行逐一校对，包括线条、色彩、形状、比例等，确保每个元素都符合设计要求。布局校对对整个图形的布局进行校对，检查图形元素之间的位置关系、对齐方式等，确保整体布局美观、和谐。交互效果校对对触摸图形中的交互效果进行校对，如点击、滑动、缩放等，确

保交互效果流畅、自然。

校对的内容-e「*o人工校对通过专业的校对人员或设计师进行人工校对，凭借丰富的经验和专

业知识发现并纠正图形中的错误。自动校对工具利用专业的图形校对软件或工具进行自动校对，可以快速、准确地

检测出图形中的常见问题。用户测试通过邀请真实用户进行触摸图形测试，收集用户的反馈和建议，从而

发现并改进图形设计中存在的问题。

校对的方法7触摸图形图例触摸图形广泛应用于智能手机、平板电脑、触摸屏一体机等设备，成为现代人机交互的重要组成部分触摸图形是一种基于触觉反馈的图形界面设计，旨在通过触摸交互方式提供直观、高效的用户体验。触摸图形的定义按钮类图形

滑动类图形

手势类图形如滑动条、滚动条等，用于控制数值、音量、亮度等参数的调节。包括开关按钮、单选按钮、复选框等，用于触发特定功能或操作。支持多点触控、手势识别等功能，实现缩放、旋转、拖拽等操作。

触摸图形的种类

能。VS功元和助义辅含的的要形重图中明面说界和形释图解摸于触用是素图通过图例，用户可以快速了解并掌握触摸图形的操作方法和技巧，提高使用效率。

触摸图例的作用

触摸图例的设计原则图例的设计应注重美观和视觉效果，提升用户的审美体验。图例的设计风格应与整体界面风格保持一致，避免出现突兀感。图例应简洁明了，易于理解,避免使用过于复杂或抽象的符号和图案。易懂性美观性一致性☆:

象.差附录A(资料性)触摸图图例●

触摸反馈触摸操作后的视觉、听觉或触觉反馈，如颜色变

化、声音提示等。●

触摸点指示图形中可触摸交互的元素，如按钮、链接等●

触摸区域触摸点周围的区域，用于响应触摸事件。

触摸图基本构成ERROR@回又功能性图例用于解释图形界面中各种功能元素的触摸方式和效果。信息性图例用于解释图形界面中信息展示元素的触摸方式和交互效果。导航性图例用于解释图形界面中导航元素的触摸方式和路径。

触摸图例分类向○21:9EDU一致性同一类型的触摸图例应在不同界面和场景下保持一致的设计风格和交互方式。反馈性触摸操作后应给予及时、准确、清晰的反馈，以提高用户体

验和满意度。

触摸图例设计原则触摸图例应易于用户识别和理

解，避免使用模糊或歧义的图标和符号。触摸图例应根据用户需求和使用场景进行灵活调整和优化，以提高其实用性和适应性。可识别性灵活性参考文献《交互设计指南》涵盖了交