AR界面设计（全彩）

本书主要介绍在智能化时代做AR界面设计所需要掌握的概念、思维和具体方法。本书通过前景、概念、体系、实操、成长5章的内容，介绍AR界面设计需要了解哪些内容、掌握哪些概念、如何实际运用，传达在智能化时代，AR界面设计所处的位置、作用及思考方式。在本书中，通过一个实际的案例分析，读者可了解AR界面设计和传统互联网UI设计的异同，进而形成新时代设计师的知识体系及核心竞争力。

本书适合期望和已经进入AR界面设计领域的产品经理和设计师阅读。

林影落

本名罗颖灵，一枚会玩卡的UX设计师。15年设计行业从业经验，从事AR及行业元宇宙方向研究6年。联想研究院智能设备&方案实验室体验负责人，江南大学设计专业&中国人民大学心理学出身。国家职业认证OH卡师&天赋挖掘教练，专注个人核心竞争力培养。个人原创公众号「林间有影落」。

AR界面设计先河之作

联想研究院智能设备&方案实验室体验设计负责人前沿新作

元宇宙时代设计切入点

轻松创建沉浸式虚实结合体验

展现完整的空间视觉交互设计体系

完成从平面到空间、从实物到虚拟的思维转变

概念定义+AUI设计体系详解+实操指导

更有成长心得，形成核心竞争力的方式，以应对不断变化的未来

文字流畅简单易懂，阅读起来极易形成心流

交互设计者\uxer\产品经理\创新设计者转型常备

推荐序一

对林影落印象很深，初识就被她的名字吸引了，虽然知道这应该是笔名，但也不由得羡慕她如此有灵气，心想这一定是一个特别文艺、热爱生活的女孩子。

几年前，我出于兴趣开设了天赋课，以帮助更多职场人挖掘天赋。林影落是我的第一批学员中的一员。我发现她文笔很好，喜欢写东西，就鼓励她开通了公众号。从那个时候起，她开始写智能化和AR界面设计方面的内容。

不久前，她邀请我给这本书写序，这让我既惊讶又惊喜。惊讶的是，没想到她进步这么快，短短两年就从开始写公众号到出书；惊喜的是，她一直在默默坚持，终于把写作的念头从一颗小种子培养成了一棵小树苗。可见，成长和写作真的是只要开始做就效果显著。

我曾经也是一个老互联网设计人，人生中的第一份职业就是交互设计（也有称体验设计、界面设计等），后来转入产品、增长领域，现在又开始创业培养天赋/心理咨询师。很多人觉得我一直在跨界，而且做的东西毫不相干，其实真正在这个领域做得好的人都会明白：交互设计不仅是一个职业，更是一项基础能力。如果把这项能力培养好，未来做什么都不难。

因为你无论做什么，都需要懂用户，有分析数据和标准化输出的能力，有缜密的逻辑思考能力和细腻的情感洞察能力。正因为我具备这些底层能力，所以后来无论进入哪个新的领域，我都能做出一些不一样的东西，让同行为之侧目。如同最近流行的“新木桶原理”，在这个新时代，我们所要关注的不是短板，而是长板。

交互/界面设计能力，就是这样一块放到哪里都熠熠生辉的长板。影落正是一个拥有这块长板的不折不扣的“斜杠青年”，她不仅专业能力强、擅长写作，而且兴趣爱好广泛，业余时间还学习了其他感兴趣的技能，四处开花。这当然也得益于她在多年设计经验中培养出的优秀底层能力。

当然，优秀的人绝不会只是自己优秀，必然会用自己的能力帮助更多的人。

如今AR领域非常火热，按照发展趋势，它还会持续火热下去，由此也催生了不少新的相关职业，不少设计师纷纷投身其中，但市面上很难找到相关的书籍。俗话说“隔行如隔山”，同样是设计，在不同领域，工作方式也会有不小的差别。而影落的这本书恰逢其时，为想从事AR界面设计的朋友们提供了很棒的系统化参考。

非常钦佩影落的前瞻性和行动力，她不仅踏上了这样一条好的赛道，同时还通过大量的学习和实践有所输出，赋能行业。这是一本理论丰富且注重实战落地的好书，希望有AR领域更多的从业者或者对AR领域感兴趣的人能够读到它。

刘 津

京东金融前总监，《破茧成蝶》系列、《人人都是增长官》等书作者

推荐序二

作为本书作者的同事，我能够提前拜读这本面向AR界面设计的总结和思考，感到非常荣幸！

技术发展日新月异，回想过去数年历经的多个“元年” ——2012年穿戴式设备元年、2016年VR元年、2018年智能音响元年、2021年元宇宙元年，无论技术如何演进，绕不开的一个话题就是“人机界面设计”，我认为它是最能体现一个产品乃至一个企业对“用户体验”的关注。一款产品无论加持了多少高精尖的技术，如果不能让用户可靠、便捷、自然地进行交互，都很难成为一款好的产品。期望这本书的出现，能够引发业界对AR界面设计（即笔者定义的AUI）的深入研究，开启AUI专业化的“元年”。

我们绝大部分人应该非常熟悉智能手机、平板电脑及计算机上的人机交互界面，或采用鼠标键盘，或采用触控屏，或采用语音，可以在显示屏幕的二维空间内获取信息、学习/办公、放松娱乐等。当体验了AR后，我们发现交互体验升维了——它不再局限于一个平面这样的方寸之地，而是一种立体的无边界的体验。这其实就是我们再熟悉不过的与真实世界的交互体验，不同的是，通过AR引入了虚拟元素，这些虚拟元素或跟真实世界有某种关联和映射关系，或跟用户有某种关联和映射关系，形成了一套“虚—实—人—机（设备）—场（环境）”的有机系统，通过精心的AUI设计，以虚强实，可以让用户更好地认识世界、提升效率，进而促使AR融入人们的生产、生活的各个环节。

什么是AR？什么是AUI？AUI设计过程中有哪些要点？AUI设计师的核心竞争力如何形成？翻开这本书，你会发现它涵盖了非常多的与交互设计相关的理论知识和模型，并把很多枯燥的技术图文并茂地进行了深入浅出的阐明，更珍贵的是，书中收录了来源于一系列从设计实践中汲取的真知灼见。无论是对于身为AR技术爱好者的你、致力成为AUI设计师或AR产品经理的你，还是作为研发工程师的你，相信都可以从这本书中收获对你有价值的内容！

张麦伦

联想研究院上海分院业务拓展总监

推荐序三

近两年，元宇宙如火如荼地进入大众视野。作为从业多年的先行者，我们常常在“点”上向新加入者分享我们的见解。但因为元宇宙本身是一个“森林”，从前到后是一个非常长的价值协作链条，需要成体系地学习和了解，所以，本书来得恰逢

其时。

作为一个AR界的老产品经理，我向计划入门元宇宙的产品经理或者设计师推荐本书，大家可以把本书当作科普书，甚至指导工具书来使用，理由有以下几个。

其一，本书的作者林影落在屏幕内交互方面是非常有经验的。她在做AR之前就一直从事人机交互方面的设计工作，让我印象深刻的是她成体系的标准输出能力。

其二，从屏幕进入空间，本书的成书背景基于多款AR产品和项目的实战总结，其内容是经历了实战成果检验的方法论。

其三，本书包括从概念到AUI的设计体系详解，还涉及实操指导，是完整的空间视觉交互设计体系，可以帮助希望了解此领域的设计师尽快上手。

希望更多的元宇宙建设者和潜在建设者均能从本书中受惠，未来同行。

蒋建平

亮风台HiAR高级产品总监、高级产品专家

推荐序四

如果AR界面设计是一座令我们向往的城市，本书就是一份清晰的地图。无论是浮光掠影地跟团游览，还是自助深度游览，这份地图都能帮助我们按自己的节奏设计路线。

很荣幸能够提前阅读本书，让我作为该领域的入门者，第一次参加XR项目时就得心应手。还记得项目开始之前，我曾尝试做一些准备，虽然我对自己的专业能力非常自信，但实在不知如何将自己的专业知识运用到这个陌生的领域。面临诸多碎片知识和技术文献，我毫无头绪，不知从哪里开始，已有的技能可用在哪里，哪些是要补课的新知识，我仿佛将要进入一座处于迷雾中的城市。而这本书就像地图一样，让我在短时间内找到了答案。

本书知识架构清晰，举例有趣易懂，让我明白，原来AR并不是我之前想象的完全陌生的领域，而是在现有的知识树上发展的新技能，只是转换一下视角而已。

在本书的引导下，我很快适应了项目，既能和互动设计的标准接轨，又在创作过程中找到了乐趣，甚至拓展了事业方向。

值得一提的是，本书的作者对心理学研究颇深，从变化时代中设计师的竞争力扩展到个人的核心竞争力，并对这些竞争力做了有趣的思考和分享，仿佛和朋友喝茶间轻松谈及，又值得细细品味。

如果你想在自己的知识树上解锁新技能，进一步了解这个领域，那么我想这本书是一个很好的开始。

三兔

澳籍华裔自由设计师、电影分镜师

前 言

自2017年年末正式进入AR界面设计领域以来，我在网上断断续续地写过许多自己在做AR界面设计时的心得体会。后来，在刘津老师（《人人都是增长官》等书作者）的鼓励下，我开通了一个公众号，主要写智能化和AR界面设计方面的内容，几乎也是同时，我兴起了写这本书的念头。

那是2020年的夏天，而写完这本书的时候，刚好是两年后的夏天。

我在写作的过程中，经常被一些新进入AR界面设计领域或者对AR界面设计感兴趣的同学问及“有哪些书籍可以系统地学习AR界面设计”。但是，现在市面上的大多书籍和课程都是偏向技术侧的，对于这个新兴的细分领域，很少有完整介绍该领域内容的书籍。这大概也遵循着界面设计的发展规律——技术奠定了基础，设计再推动着技术更快、更好地运用。

在本书中，我梳理了在做AR界面设计时需要了解的知识，总结了个人的经验。如果你想知道做AR界面设计究竟要了解和学习哪些内容，在这个领域做设计究竟要构建一个什么样的知识体系，它和传统互联网的界面设计到底有哪些不同，欢迎你和我一起踏上学习的旅程，本书中也许有你想知道的答案。

本书共分为5章。第1章通过技术和界面设计的发展历史，展望设计的前景，在这一章中我会和大家聊一聊如今炙手可热的元宇宙概念。第2章正式进入AR界面设计的旅程，介绍从AR概念的界定到做AR界面设计需要了解的知识点。第3章基于第2章中介绍的概念构建一个人机交互的知识体系，在这一章中我运用了一些认知心理学的基础知识构建这个体系，因为自然交互的发展，必然要求未来的界面设计更加充分地了解人们的天性和常识。第4章则是实操讲解，借由一个项目来介绍如何在实际设计中运用之前的概念，在这里，我总结了AR界面设计的3个小步骤，以及将这3个小步骤融入我们现有整个设计流程后的注意事项。正如我在本书中一直强调的，做AR界面设计并非从零开始，而是需要在已有的设计知识和经验上迭代升级。在第2章、第3章、第4章的末尾，我分别用一张图整理了该章的知识要点，以便大家学习或查阅。在第5章中，我们一起来谈谈成长，看看应如何更好地形成自己的能力，以此来面对这个不断发展的新兴领域和未来的元宇宙时代。在第5章的末尾，我给出了做AR界面设计常用的一些学习资源和软件技能。

界面设计的历史不长，但它的确是一个值得长期探索的领域，其包含的内容要比我们看到的界面大得多。我们常说的界面体验，不过是界面设计背后包含的内容通过界面展示并且让人们感知到了而已。界面设计的内容需要许多人共同努力去完成，需要多个学科知识的碰撞和综合运用才能逐渐产生变化，尤其是在如今的智能化进程中，需要用户、技术和社会环境三方面（详见许为教授的“三因素创新模型”）的共同努力才能够更好地推动体验和创新设计，让机器与人的视觉接触逐渐符合我们对未来界面的期望。我很期待，当AR及更多元宇宙技术加入后，界面会发生的化学反应。希望本书能够带你一起，开始这段未来界面的探索之旅。

最后，感谢公司给了我许多AR及智能化项目的设计机会，让我能够快速积累相关的经验和尝试验证一些新的想法，也感谢这些年和我合作的同事，从不同角度、不同专业产生的思想碰撞给了我许多关于AR界面设计的启发，帮助我完善了许多的设计概念和方式，也填补了我在其他专业领域的知识空白。可以说本书的绝大部分内容，都是在这些实际设计的过程中逐渐形成的。同时，感谢本书的责任编辑孙学瑛老师，如果没有她的耐心指导和鼓励，这本书成书的时间，大概还要在下一个夏天吧。

第1章?前景 1
1．1?为什么介绍前景 2
1．2?技术的发展 3
1．3?UI的发展 7
第2章?概念 9
2．1?什么是AR 10
2．1．1?AR的概念 10
2．1．2?AR、VR、MR的区别和联系 11
2．2?两种显示方案 13
2．2．1?视频显示方案 13
2．2．2?光学显示方案 15
2．3?什么是AUI 16
2．4?AUI的构成：虚像和实像 19
2．4．1?虚像和实像里的设计元素 19
2．4．2?用户所见场景里的虚像和实像 21
2．5?AUI的4种分类模式 23
2．5．1?第一个参考系：世界 26
2．5．2?第二个参考系：用户 32
2．5．3?4种分类模式的共用和转换 39
2．6?AUI的内容显示模式 43
2．6．1?融合虚拟 44
2．6．2?孪生虚拟 44
2．6．3?沉浸虚拟 45
2．7?AUI的操作交互方式 46
2．8?AUI的3个设计要点 51
2．8．1?距离 52
2．8．2?朝向 58
2．8．3?色彩 61
图2-53?与AR界面设计相关的概念 66
第3章?体系 67
3．1?人机触点AUI 68
3．1．1?UI触点 68
3．1．2?触点的意义 71
3．1．3?智能化的触点：AUI 73
3．2?触点两边之：机器 75
3．2．1?机器模式 75
3．2．2?AUI相关技术点介绍 76
3．3?触点两边之：人 84
3．3．1?心智模式 84
3．3．2?视觉系统 88
3．3．3?听觉和触觉 92
3．3．4?注意力 95
3．3．5?知觉特性影响 103
3．3．6?记忆中的心理表象 108
3．3．7?推理与判断 111
3．3．8?情感：人的不理智给界面设计带来的“捷径” 114
3．3．9?用户模式 119
3．4?两个相似的系统 120
3．5?双环结构 123
3．6?第三个模式 126
图3-40?双环结构与相关知识点 128
第4章?实操 129
4．1?一个项目 130
4．2?一套方法 132
4．2．1?3个步骤 132
4．2．2?将3个步骤整合到完整的设计流程中 138
4．3?是叠加而不是重构：新时代的设计师知识构建 154
图4-16?实操与概念运用体系 155
第5章?成 长 156
5．1?世界由不断变化的事件组成 157
5．2?AUI设计师核心竞争力的形成 158
5．2．1?确认核心 161
5．2．2?形成竞争力 165
5．2．3?不断进化 168
参考文献 181