人机交互技术实验四

重庆邮电大学移通学院学生实验报告

实验二：理解设计风格与原则

一、实验目的

（1）熟悉人机交互的风格，掌握人机交互设计的基本原则

（2）了解Windows“辅助功能选项”的人文设计

二、工具/准备工作

需要准备一台带有浏览器，能够访问因特网的计算机。

三、实验内容与步骤

1.知识扩展

硬件人机界面的发展以人类社会的三次技术革命作为分水岭。在发展过程中，出现了许多对后人有着重大影响的设计思潮和流派。请通过因特网搜素，来了解和学习其中的一些内容，并简述记录之。

（1）工艺美术运动：“工艺美术”运动的根源是当时艺术家们无法解决工业化带来的

问题，企图逃避现实，隐退到中世纪哥特时期。运动否定了大工业化与机械生产，导致它没有可能成为领导潮流的主要风格。从意识形态来看，它是消极的但是它却给后来设计家提供了参考，对“新艺术运动”有着深远的影响。因此，这场运动虽然短暂，但在设计史上依然是非常重要的，值得认真研究的。

（2）新艺术运动：是19世纪末20世纪初在欧洲和美国产生并发展的一次影响面相当

大的“装饰艺术”的运动，是一次内容广泛的、设计上的形式主义运动，涉及十多个国家，从建筑、家具、产品、首饰、服装、平面设计、书籍插画一直到雕塑和绘画艺术都受到影响，延续长达十余年，是设计史上一次非常重要的形式主义运动。这场运动实质上是英国“工艺美术运动”在欧洲大陆的延续与传播，在思想理论上并没有超越“工艺美术运动”。新艺术运动主张艺术家从事产品设计，以此实现技术与艺术的统一.

（3）德意志制造联盟：德国在19世纪末期的工业水平迅速赶上了老牌资本主义国家

的英国、法国，居于欧洲第一位。德国在上升期不仅要求进一步工业化，而且希望成为工业时代的领袖。为了使后起的德国商品能够在国际市场上与英国抗衡，企业家、艺术家和技术人员组成了全国性的组织──德意志制造联盟，目的在于提高工业制品的质量以求达到国际水平.

（4）风格派：蒙德里安喜欢用新造型主义这个名称，所以风格派又称作新造型主义

（neoplasticism）。风格派完全拒绝使用任何的具象元素，主张用纯粹几何形的抽象来表现纯粹的精神。认为抛开具体描绘,抛开细节，才能避免个别性和特殊性，获得人类共通的纯粹精神表现。

（5）包豪斯：是德国魏玛市的“公立包豪斯学校”的简称，后改称“设计学院”

（Hochschule für Gestaltung），习惯上仍沿称“包豪斯”。在两德统一后位于魏玛的设计学院更名为魏玛包豪斯大学（Bauhaus-Universit?t Weimar）。它的成立标志着现代设计教育的诞生，对世界现代设计的发展产生了深远的影响，包豪斯也是世界上第一所完全为发展现代设计教育而建立的学院。“包豪斯”一词是瓦尔特?格罗皮乌斯（格罗佩斯）创造出来的，是德语Bauhaus的译音。

（6）流线型：流线型是物体的一种外部形状，通常表现为平滑而规则的表面，没有大

的起伏和尖锐的棱角。流体在流线型物体表面主要表现为层流，没有或很少有湍流，这保证了物体受到较小的阻力。流线型可以理解为周围的空气绕着物体运动。流线型物体通常较为美观，经常出现在产品的外观设计中，在轮船方面有很大的速度提升。

（7）斯堪的纳维亚设计：20世纪四五十年代，斯堪的纳维亚国家设计的发展是与政府

对于设计的重视和扶持分不开的。大概是受英国的影响，战后斯堪的纳维亚国家为提高工业设计水平均纷纷成立专门部门，控制产品质量与标准化生产。

（8）现代主义：现代主义思潮本身具有很复杂的背景，严格地说，现代主义不是一个

什么流派，而是由许多具有现代主义创作手法派别汇成的一股文艺思潮（包括美术、音乐、戏剧和建筑等等）。十九世纪后期，第二次工业革命震碎了人类千百年来的文化传统。现代工业和城市化的兴起，令人与人之间的关系愈加疏远冷漠，社会变成了人的一种异己力量，作为个体的人感到无比的孤独。二十世纪初期的两次世界大战中，人类使用借助科技发明的武器大规模屠杀自己的同类，西方的自由、博爱、人道理想等观念被战争蹂躏得体无完肤，西方文明被抛进了一场深刻的危机之中，现代主义应运而生。

（9）高技术风格：高技术风格也称为“高技派”，源于20世纪20-30年代的机器美学，

以展示现代工艺技术为主要特征，运用精细的技术结构，讲究现代工业材料和工业加工技术的运用，直接利用那些为工厂、实验室生产的产品和材料来象征高度发达的工业技术，以简洁的造型，光洁的质地，精细的工艺为表现，反映了当时的机械为代表的技术特征，高技术

风格不仅是在设计中采用高新技术，而且在美学上鼓吹表现新技术。但“高技术”风格由于过度重视新技术的时代的体现，把装饰压到最低限度，因而显得冷漠而缺乏人情味常常招致非议。

（10）理性主义：理性主义（Rationalism）是建立在承认人的推理可以作为知识来

源的理论基础上的一种哲学方法。一般认为随著笛卡尔的理论而产生。17-18世纪间主要在欧洲大陆上得以传播，本质上体现科学和民主，是启蒙运动的哲学基础。

（11）后现代设计：“后现代主义设计”最早在20世纪60-70年代出现在建筑领域，

随后迅速发展到包括平面设计、产品设计等在内的广泛领域，并出现了一些代表性的设计组织。特点是文脉主义、隐喻主义和装饰主义。

2.概念理解

（1）请阅读有关资料，根据你的理解和看法，简单阐述“无论历史上出现什么样的设计风格，都与当时的生产力水平、社会文化背景等相联系”

“人”的设计活动从“生活所需”开始，“生活所需”的对象就是“劳动目标”：需要渡河，目标就是舟筏；需要御寒，目标就是衣服……明确了“目标”，就要选择目标的“材料”：是砍树为舟筏，还是剝兽皮为衣？于是“人”的头脑中先有了“砍”、“剝”工具“斧”或“刀”的“形式”（形状），确定材料后就要加工，加工就必然产生制作的“技术”：世界上第一把“石斧”、“石刀”工具就这样创制成功。

预先构想所需工具形态的能力，就是“设想”的能力。有“一双万能的手”，能够按照“设想”的目标有步骤制造出“工具”；就是“计划”的能力。先有“设想”，然后有计划的制作，把头脑中的虚拟目标实现为具体的“物”（工具），就是“设计”。没有“设计”，材料不会自己“变成”工具，永远是原生态的自然物；当然也不会连带产生相关的制作“技术”，也就不存在“生产力”的问题。可见，“设计”不仅仅只是一个“想法”的“头脑风暴”，“设计”是一种“思想方法”，包含了从“设想”到“材料选择”和“制作完成”的完整过程，所以也可以看作是一个具有“生产力”性质的“工程系统”。

人类社会的第一项重要设计是工具的设计，制造工具的材料有相对的时代性，和人类掌握材料能力的时代同步，以至于人类社会的进步标准可以由工具及生产方式的区别来命名。如原始社会是“石器”工具的“石器时代”，农耕社会是木、铁工具的“农耕时代”；此后有“机器时代”、“电子时代”（“工业时代、”、“后工业时代”）。“工业时代”之前的生产以手工制造为主，此后以机器生产方式为主。

（2）作为现代设计的发源地，包豪斯学校所提出的理论和方法直到今日仍对设计有重大影响。请阅读课文，简述它在设计理论上的三个基本观点是什么？

包豪斯虽然仅仅在十四年时间，但是他却对现代主义艺术设计的发展做出了不可磨灭的贡献。包豪斯的历史贡献主要体现在他的艺术设计思想，一系列的艺术设计实践和它所开创的现代艺术设计教育体系等方面。

现代设计运动的蓬勃兴起对传统的设计教育体系提出了新的课题，把20世纪以来在设计领域中产生的新概念、新理论、新方法与新技术、新材料的运用融汇入一种崭新的设计教育体系之中，创造出一种适合工业化时代的现代设计教育形式，这也是新时代提出的新任务，真正完成这一使命的就是：包豪斯

包豪斯作为一所设计学校在设计理论上提出了三个基本的观点：1.艺术和技术的新统一。

2.设计的目的不是人而是产品。

3.设计必须自然和客观的法则来进行。这些观点对现代工业设计的发展起到了积极的作用，是现代设计逐步由理想主义走向现实主义，即用理性的，科学的思想来代替艺术上的自我表现和浪漫主义。

（3）请欣赏并思考：作为高技术风格设计的经典之作，巴黎蓬皮杜国家艺术与文化中心的特点是什么？简述之。

蓬皮杜中心建筑物最大的特色，就是外露的钢骨结构以及复杂的管线。建筑兴建后，引起极端的争议，由于一反巴黎的传统风格建筑，许多巴黎市民无法接受，但也有文艺人士大力支持。有人戏称它是“市中心的炼油厂”。这种建筑风格被称为“高技派”（High-tech）风格。

这些外露复杂的管线，其颜色是有规则的。空调管路是蓝色、水管是绿色、电力管路是黄色而自动扶梯是红色。

巴黎的“国立蓬皮杜文化中心”位于著名的拉丁区北侧、塞纳河右岸，是根据法国已故总统蓬皮杜的创意而建立的。它是一座新型的、现代化的知识、艺术与生活相结合的宝库。人们在这里可以通过现代化的技术和手段，吸收知识、欣赏艺术、丰富生活。

（4）进入信息时代，工业设计的主要方向开始战略性转移，由传统的工业产品转向以计算机为代表的高新技术产品和服务，开创了界面设计发展的新纪元。请网络搜索了解苹果、IBM 等的硬件产品设计，并与人们平日里使用的个人计算机的硬件设计做比较，请介绍你所欣赏的精彩的硬件人机界面设计例子，并陈述你推荐的理由。

苹果从Apple Watch开始引入Force Touch技术，并且之后应用在iPhone6S以及2015款MacBook Pro上，将平面的交互扩展到了吗另外的一个维度。

新的交互行为，要体会它唤起的原始感觉，如Material Design所定义的那样，这个感觉首先基于物理的世界。之前的多指触摸，它和物理世界的关系是二维的。虽然各大系统在z轴上模拟了诸多空间效果，阴影、叠加关系、视差和景深等等，它的效果是3D的，但施加效果的“力”是二维的。所以我们的Touch只能施加平面上的力(滑动)来解决空间位移，比如移开叠加在上面的卡片，但我们不能向下推走它或者向上拽起它。新的屏幕传感器增加了纵向的力的感知，所以叫3D Touch。二维平面的力，它的物理感觉是摩擦摩擦，是滑动，是平面的位移。纵向的力，它的物理感觉有二，推远和挤压。因为“被选择至上”的交互原则，推远的只能是未被选择的部分。这个物理结果和景深效果的结合，就是实与虚的变化。

挤压不同于点按，后者引起了焦距的变化，如Icon变成Page。挤压的感觉是，被选择对象在力的作用下焦距不变，于是挤压出来来临时的、附属的东西来，也即快捷菜单。Icon在peek下的动画，有一个模拟力的波的效果，图标外围扩散出一个变大的图标波形，到了峰值之后展开到下方，非常自然，也符合挤压的物理逻辑，所以它拥有很高的交互性。

3.Windows“辅助功能选项”的人文设计

为帮助人们根据自身特点更好的使用计算机设备，Windows操作系统（例如Windows7等版本）提供了快速配置和使用计算机的辅助特性的人文设计。

在本次试验中，你是用的操作系统版本是：Windows XP

步骤1：登录进入Windows系统。

步骤2：在开始菜单中单机“控制面板”命令，继续双击“辅助功能选项”图标。请记

录在打开的“辅助功能选项”对话框中，有哪些选项卡可供设置选择？请仔细了解这些设置选项及其功能。

（1）键盘

粘滞键：是专为同时按下两个或多个键有困难的人而设计的。筛选键：可以使Windows 忽略短暂或重复的击键,也可以调整点击键盘的重复率。利用该项功能,用户可以将计算机设置成适合自己习惯的击键速度。切换键：让系统在你按下切换键时，发出声音，以提醒你确认是否误按了切换键。

筛选键

切换键

（2）声音

声音卫视：能够在系统发出声音时发出可视警告。声音显示：可看到计算机程序所生成的语音或其它声音的字幕。

声音显示

（3）显示

高对比度：通过加大窗口、工具栏按钮和字体并以黑白显示它们，以更改屏幕上显示项目的外观。

（4）鼠标

光标选项：改变光标闪烁的速度和光标的宽度。

鼠标键：是一种用键盘代替鼠标的功能

（5）常规

（6）没有然后了。

步骤3：请操作

（1）为使行动不便的人通过鼠标等设备输入数据，应该如何设置？

选择“开始“——“所有程序”——“附件”——“屏幕键盘”，这样显示屏上会出现一个键盘，用户可以通过鼠标点击这个键盘实现数据输入。

（2）为便于视力不好的用户读取计算机屏幕上的字符信息和图形，应该如何设置？

选择“开始“——“所有程序”——“附件”——“放大镜“，这样鼠标所指的地方会

在屏幕的上方显示出放大的效果，还可以设置”放大镜“的放大倍数。

（3）如果需要为视力障碍用户提供文字到语音的转换工具，使得能够朗读屏幕所显示的内容等，应该如何操作？

在计算机的辅助功能选项的声音中设置声音显示，选中使用“声音显示”

步骤4：请简单评述Windows操作系统“辅助功能选项”的设计。你是如何看待其必

要性的？

Windows操作系统有着诸多人性化的设计．尤其是为有某种身体缺陷，对电脑操作不方便的人们设置了许多辅助功能。对于我们正常人来说，虽然很少能用的到．但如果你变通的使用一下，你会发现它同样会大大方便我们的操作。

四、实验总结

这次实验课结合了之前所学的理论基础，通过互联网上相关资料的查阅我了解了认知人机界面学相关的知识，与书本上的理论知识形成了很好的补充。在查阅资料的同时还阅读了许多相关方面的资料，丰富了自己对人机交互的理解。

同时在网络上我们也看到了大量的优秀的设计作品，丰富了自己对人机交互的理解。

在课程探究过程当中，不仅提高了我们对知识的检索能力，还提高了我们的概括梳理能力，并且深入思考了一些问题，受益匪浅。

五、实验评价（教师）