《设计概论》 课件 9　信息与数字化设计；10　交互与体验设计

普通高等教育“十一五”国家级规划教材设计概论李立新王文聪编著｜第3版高等院校设计类专业新形态系列教材GAODENGYUANXIAOSHEJILEIZHUANYEXINXINGTAIXILIEJIAOCAI

目录什么是设计01设计的形成与发展02设计的分类03设计的功能与形式04技术与艺术的统一05设计美学06设计管理08信息与数字化设计09交互与体验设计10智能与计算设计11设计新形态12设计程序与方法07设计鉴赏与批评13CONTENTS信息与数字化设计9.1计算机与数字化设计/9.2媒介与数字媒体设计/9.3信息可视化设计09

9.1计算机与数字化设计9.1.1计算机设计的概念9.1.2数字化设计的发展历史9.1.3计算机对数字化设计的影响9.1.1计算机设计的概念

计算机是一种用于数据处理的电子设备，它可以执行各种任务，包括存储、检索、计算和传输信息，是现代科技的核心。它以高效的数据处理能力和无与伦比的计算速度，帮助人类解决了许多难题。在计算机发明之前，人们需要用手工计算器进行复杂的计算，这极大地限制了科学技术的发展。而有了计算机之后，人们可以轻松地进行大规模的数据处理和计算，这极大地促进了科学技术的发展。计算机涉及的领域众多，如医疗、金融、制造业、交通、农业等，它的出现使得这些领域的效率和质量都得到了大幅提升。数字化设计是指使用计算机软件和硬件来创建、编辑和处理数字图像、音频和视频等媒体形式的过程。9.1.2数字化设计的发展历史

计算机技术的历史可以追溯到20世纪中期。在那个时候，计算机技术刚刚开始兴起，并被用于解决科学、工程和商业上的问题。下面是一些重要的历史节点：1946年第一台真正意义上的现代电子计算机ENIAC在美国宾夕法尼亚大学诞生，它的诞生满足了当时日益增长的计算需求。20世纪50年代计算机绘图起步2000年数字化设计慢慢成为主流2010年HTML5技术发布后，使得数字化设计和Web设计更加密切相关2018年AutodeskNetfabb3D打印软件发布2019年AI辅助设计工具又逐步兴起9.1.3计算机对数字化设计的影响

数字化设计是指利用计算机技术和数字化工具进行设计的过程和方法。计算机技术的发展，极大地推动了数字化设计的发展和应用。在数字化设计领域中，计算机具有以下几方面的影响：01计算机技术提高了数字化设计的效率和精确度设计方案02计算机技术为数字化设计提供了创新空间03计算机技术有助于数字化设计中的集成和协作

9.2媒介与数字媒体设计9.2.1媒介与媒体9.2.2数字媒体设计9.2.3数字媒体设计特征9.2.1媒介与媒体

从语言学的词义辨析来讲，媒介（medium）是信息传播的载体与工具，具有物质性和符号性。媒介既包括物理形式，如纸张、光缆等；也包括符号形式，如文字、声波、色彩等。传递信息是媒介最基本的功能，广泛意义讲，其可以充当传输中介的一切物质，人、社会和世界都在这种中介化的关系中显现和存在。媒介分为自然媒介（手势、语音和象形文字等）、保存媒介（书籍、绘画等）、技术媒介（电话、收音机、电视、电脑等）。媒介形态与媒体业态9.2.2数字媒体设计

从物理形态到数字形态在表述和重构的过程，技术重构着公众对于价值的认识和理解。数字化技术的多种优势赋予价值呈现在公众社会生活中更多的机会，同时也赋予公众更多的主动性，受众从传统的被动接受到主动的参与，审视的视角也实现了从“膜拜”的仰视到“展示”的平视，再到主动参与“体验”的转变。这种由数字技术引起的变化，传播中的传受关系的变化，重构着数字化传播环境中的生态局。在数字媒体设计的术语中，数字表达了其以技术为基础，而媒体则强调了传媒的媒介特性，设计则明确了其应用领域的范围界定。这种以数字化技术介入艺术设计的方式形成了与传统艺术设计形式的鲜明对比。由于数字化时代及沉浸式艺术展览的发展革新，数字媒体设计的浪潮迅速涌起。随着互联网科技的不断发展，数字媒体设计逐渐成为新兴领域，涵盖了自然、人文、艺术、社会等多个学科，更是与计算机科学、计算机语言、计算机图形学、交互设计、艺术设计、信息与通信技术相关联，是一个综合性学科领域。

社会人文科学交互设计艺术设计计算机艺术自然9.2.3数字媒体设计特征

数字媒体艺术建立在计算机科学与技术基础之上，融合了科学与艺术的元素，能够创作许多数字艺术作品。数字媒体艺术是一门综合性学科，涵盖自然科学、社会科学和人文科学等多个领域，它包括纸媒、手机传媒、网络传媒、平面展示、影视传媒等多种媒体形式，将其传播的方式和特点融合，不仅能拥有更为广泛的传播渠道，并且形成了自身独特的传播特性。01虚拟性设计方案02交互性03融合性

9.3信息可视化设计9.3.1信息设计9.3.2信息可视化设计9.3.3信息可视化设计原则9.3.4信息可视化设计流程9.3.5信息图表设计类型9.3.1信息设计

1831年美国科学家亨利发明了第一台电报机，几年之后的1837年，美国科学家萨缪尔·摩尔斯设计出了摩尔斯电，成为早期的一种数字化通信形式。不同于现代化的数字通信，摩尔斯电码只使用0和1两种状态的二进制代码，摩尔斯电码实现了电子脉冲转化为语言分类信息，从而实现远距离传输信息的目的。电报机和电报的发明使得远程信息与交互成为了可能。1876年电话的发明使得信息与交互的边界再次得到扩展，成为早期最重要的人机交互设备，同时也为现代通信技术产业和互联网的发展奠定了基础。

摩尔斯电码对照表

贝尔在测试电话9.3.2信息可视化设计

信息可视化是将数据或信息用图形或者其他视觉形式呈现的一种设计，以便于人们能更清晰地展示、分析和传达信息。信息可视化设计一般通过图表、图形、地图、仪表盘等视觉元素，帮助人们发现数据之间的关系、趋势和模式，并能够更好地理解和解释复杂的信息和数据集。信息可视化设计是一种交叉多个学科领域的综合性研究，主要涉及图形图像处理、心理学、人工智能、人机交互等众多学科，它从具体的应用角度大致可分为文本可视化、社交媒体可视化、科学可视化、数据可视化等类别。9.3.3信息可视化设计原则

①信息传达清晰准确：信息可视化设计应该确保所要传达的信息清楚地传达给观众，而不是试图展示所有的细节。②设计精练简明且主次分明：信息可视化设计应该有重点，突出主要信息，以便更好地传达所要表达的内容。③注重视觉美感和表达意趣：设计者应该根据所要表达的内容和用户的需求，设计出视觉效果独特且风趣的信息可视化图表，这样可以吸引观众的注意力以及阅读兴趣，从而提升信息传递的效率。④尽量以图释意：信息可视化设计应该尽量用系统化的图形语言来代替复杂繁多的语言文字，因为图形语言往往更能够无障碍地传递信息，使观众更好地理解传达者所传达的信息。⑤视觉设计要符合人的阅读习惯：在进行信息可视化设计时，设计者应该给观众建立一个清晰的信息读取流程，比如能够明确地体现出信息表达的空间移动或时间的变化。01信息传达清晰准确设计方案02设计精练简明且主次分明03注重视觉美感和表达意趣04尽量以图释意05视觉设计要符合人的阅读习惯9.3.4信息可视化设计流程

第一，在进行信息可视化设计之前，需要确定目标受众和目的。第二，在进行信息可视化设计之前，需要先收集和准备数据。第三，选择最适合你的数据和目标受众的可视化类型。总之，信息可视化设计流程是一个复杂的过程，需要综合考虑目标受众和目的、数据收集和准备、可视化类型选择、可视化设计、创建可视化、调整和修改可视化以及分享和传播可视化等多个方面。通过遵循信息可视化设计流程，可以制作出优秀的可视化作品，为人们的决策和行动提供支持和指导信息可视化设计流程图9.3.5信息图表设计类型

根据数据的不同类型和表达目的的不同，信息可视化可分为不同的类型。以下是几种常见的信息可视化类型，1.线图、2.饼图、3.柱状图、4.堆叠柱状图、5.散点图、6.气泡图、7.南丁格尔玫瑰图、8.地图、9.热力图、10.树状图、11.弦图、12.桑基图、13力导向图、14.雷达图。不同的信息可视化类型适用于不同的数据类型和表达目的，设计者需要根据具体情况选择合适的信息可视化类型，从而制作出高效、清晰、精确的可视化。信息可视化设计常见图表类型谢谢观看THANKYOU普通高等教育“十一五”国家级规划教材设计概论李立新王文聪编著｜第3版高等院校设计类专业新形态系列教材GAODENGYUANXIAOSHEJILEIZHUANYEXINXINGTAIXILIEJIAOCAI

目录什么是设计01设计的形成与发展02设计的分类03设计的功能与形式04技术与艺术的统一05设计美学06设计管理08信息与数字化设计09交互与体验设计10智能与计算设计11设计新形态12设计程序与方法07设计鉴赏与批评13CONTENTS交互与体验设计10.1人机交互设计/10.2图形界面设计/10.3用户体验设计/10.4虚拟交互设计10

10.1人机交互设计10.1.1从人因工程到人机交互10.1.2交互设计的界定10.1.3交互设计流程与方法10.1.1从人因工程到人机交互

从人因工程到人机交互的发展可以追溯到20世纪初期。主要经历了三个主要发展阶段：人因工程学阶段、人机工程学阶段、人机交互阶段。最初的人因工程学是一门研究人类行为和技术交互的跨学科领域。在人因工程学阶段，人们开始认识到人的身体特性、生理特点和认知特点对工作效率和健康的影响。因此人因工程学家开始以人为中心，设计适应人体特性的工具和工作环境，以提高工作效率和生产力。1946年，“ENIAC”的出现，象征着计算机时代的到来。世界上第一台计算机“ENIAC”10.1.1从人因工程到人机交互

伊凡·苏泽兰正在TX-2上操作SketchPad程序道格拉斯·恩格尔巴特和第一代鼠标10.1.2交互设计的界定

交互设计就是“优化用户与系统、环境或产品的交互，以有效、实用的方式支持和扩展用户的活动”。交互设计并非凭空产生，它的源头可以追溯到工业设计和人机工程学。交互设计关注的是如何通过机器实现人与人之间相互沟通和相互理解的方式，它注重的是人机交互的过程和体验，设计师通过设计界面和功能来帮助用户实现他们的目标，强调用户的需求和行为，希望能够通过设计来使用户能够更加方便、快捷、有效地使用产品或系统。多通道交互设计图10.1.3交互设计流程与方法

和工业设计相同，交互设计也有一套清晰的流程与方法，交互设计师在设计过程中也需要具备一定的能力。虽然交互设计的流程和方法因不同的设计团队、项目和产品而有所差异，但一般可以包括以下流程交互设计师应具备的能力交互设计流程

10.2图形界面设计10.2.1界面设计的演变10.2.2界面设计的原则10.2.3界面设计的规范10.2.1界面设计的演变

用户界面是用户与计算机系统之间进行信息传递和交流的平台。在进行用户界面设计的过程中，需要考虑到用户的需求和行为特征。因此，它需要结合计算机科学和认知心理学来进行研究。作为一门涉及人工智能、自然语言处理、多媒体系统等多门计算机技术，吸收了工业设计、人机工程学、语言学和社会学等诸多学科领域的最新研究成果的综合类、交叉性的学科，随着人机工学理论和计算机技术的不断发展，用户界面也经历了多次演化，从最早的机械操作用户界面（MUI）发展到字符用户界面（CUI）、图形用户界面（GUI），之后又发展到自然用户界面（NUI），并且与此相关的人机交互方式也随之发生了巨大变化。字符命令界面10.2.2界面设计的原则

界面设计原则是为了创造易于使用、易于理解和易于学习的用户界面而制定的一些指导性原则。唐纳德·诺曼的设计心理学思想是把握设计原则的重要工具，其中本能层、行为层和反思层的设计思维方式被广泛应用。做设计的核心是以人为本，注重情感化设计，能够把握人的情感需求。德国《愉快杂志》编著的《众妙之门：网站UI设计之道》针对界面设计提出了以下几个设计原则01简洁化原则设计方案02反馈性原则03一致性原则04美感原则10.2.3界面设计的规范

界面设计规范是计算机软件用户界面设计的指导原则和标准，用于指导开发人员和设计师在创建用户界面时决策。这些规范旨在确保界面易于使用、可靠、高效和一致。2000年发布的“人机工程设计准则——界面设计规范”是中国国家标准GB/T15570—2000，该标准规定了计算机软件用户界面设计的基本要求和准则。GoogleMaterialDesignUI设计规范

10.3用户体验设计10.3.1体验与用户体验设计10.3.2用户体验设计要素10.3.3用户体验设计方法10.3.1体验与用户体验设计

所谓“体验”，是个泛化概念，它是指用实践的方法去理解身边的事，它是由亲身体验而获得的一种感觉，是个人对某些刺激的一种反映，这种反应通常是被诱发出来的。凡是通过自身体验到的东西，就会使人们感到真实。《体验经济》的作者约瑟夫·派恩曾说过：“体验，事实上是当一个人达到情绪、体力、智力甚至是精神的某一特定水平时，他意识中产生的美好感觉。”经验仅仅是对个人内心感受和情感状况的一种表述，与物质需求或一些手段这样功利性目的一概无关。通常认为，用户体验的概念最早是在20世纪90年代由唐纳德·诺曼提出和推广的。它是纯粹主观的，是用户对某种商品或服务的使用过程所确立的心理感受。

深泽直人设计的无印良品CD播放器10.3.2用户体验设计要素

经验即生活，良好的交互是实现良好体验的前提与基础。设计师控制交互使用者自然地和物品进行互动，无形中得到一种美妙的感觉，这就是体验式设计的最高层次，要保证用户对产品的一切体验都是清晰的、有意识的，要把每个可能发生的行为都纳入考虑范围，要了解每个流程中每个阶段的用户期望是什么。可以将用户体验的设计划分为不同的部分，从而对整体问题有一个更好的理解。使用者体验式的设计流程和方法，其最主要的原理是：每个步骤都是以使用者为本而作出的决定。用户体验五要素（《用户体验要素》10.3.3用户体验设计方法

当今社会，设计师不仅要为消费者提供一种产品，而且产品要真正满足消费者所需。设计不是以“用户想要什么样的产品”为基础，而是更要弄清楚“用户看起来想要什么产品”和“实际上想要什么样的产品”之间的区别。在此基础上，需要提出一种新的用户体验分析方法，通过用户研究，把它们归类为初级、中等和专业用户，通过深度分析中等、专业水平用户可获得目标用户群。同时通过目标用户使用场景、使用行为与习惯分析，获取用户需求与目的，为用户体验模型的构建奠定基础。定性定量研究

10.4虚拟交互设计10.4.1VR虚拟现实设计10.4.2AR增强现实设计10.4.3MR混合现实设计10.4.1VR虚拟现实设计

VR虚拟现实是一种先进的信息技术，它将多种媒体技术融合在一起，并利用计算机技术、传感器技术等现代高新技术，特别是交互设计，不仅能够提升人们的生活质量，还能为人们提供更加便捷、实用的技术服务，从而大大提高产品的实用性，改善使用者的体验。VR技术在互动设计中的研究与