基于AI人工智能的界面设计研究

赵熙 胡巧红

摘要：随着人工智能AI技术在当今的飞速发展，基于人工智能AI的界面广泛应用于各个行业领域，渗透进人们的日常生活中，人机之间的交互关系变得越来越紧密、频繁和多元化，各种人机界面的互动性也越来越强，因此基于此项技术的界面设计也将面临着全新的设计挑战。本文主要从人工智能AI在界面设计中的现状进行研究，阐述人工智能AI对界面设计风格的影响作用，分析人工智能技术下的设计要素和界面创新设计，并展望未来的发展趋势。

关键词：人工智能;AI;人机交互;界面设计

一、人工智能AI在界面设计中的应用现状

人工智能的概念最早由英国著名数学家、计算机学家艾伦·图灵（Alan Turing）提出。他提出了机器会是否会思考的问题，指出了一台机器具有智能特征的表现是，与人类自然地对话，而不被辨别出其机器的身份。

在1955年至1974年里，AI诞生并迎来了第一阶段的发展高潮，机器人项目，深度学习等都已有了雏形，自然语言也被提出。而在随后的1974年至1980年，人工智能AI却迎来发展的瓶颈期，遇到了很多无法克服的技术障碍。而在80年代之后，人工智能又迎来了新一轮高潮，卡耐基梅隆大学为研究人工智能技术的公司提供资金支持，日本经济产业省也重金支持人工智能技术，开发与人对话，模仿人类推理的机器，其它国家也纷纷投入巨额资金来支持AI的研发。而到了80年代末90年代初，由于AI硬件市场的需求量下跌，受到当时个人电脑的发展的冲击，人工智能面临着发展困境。直至1993年至今，人工智能迎来新的发展机遇，随着计算机性能的不断突破，云计算、大数据发展迅速，自然语言和机器视觉领域也随之发展，深度学习的突破性进展，都为人工智能的大发展奠定了有利的条件。自2010年以来的10年间，谷歌无人驾驶汽车登台亮相，苹果发布个人语音助手Siri，谷歌个人助理谷歌NOW的面世，微软推出人工智能聊天机器人小冰和和语音助手Cortana，百度推出语音识别系统，Facebook脸书推出人工智能助理，谷歌阿尔法机器人战胜围棋九段棋手李世石，人工智能在各个领域均得到了飞速发展。

随着指纹解锁、人脸识别等人工智能AI技术，越来越广泛地渗透进我们的日常生活，在金融、保险、医疗、交通出行等各个领域都有了更广的应用，在计算智能、感知智能和认知智能的发展上，也迈入了新的台阶。

二、人工智能AI对界面设计风格的影响

在人工智能AI技术的普及下，对人机交互的界面设计也提出了新的要求，人机交互的界面设计风格也将迎来变革和创新。从设计师的角度来看，如何使人工智能下的人机交互界面风格更加符合用户的使用习惯，以人为本，更加便于用户使用。

1、功能框架的构建

从功能框架结构上来说，信息的有效组织和架构必不可少，将各种功能融合进不同的页面内，就需要有序有条理的架构。其中，页面的导航功能在人机交互的手机界面和电脑界面中都是必要的功能。设计师有效的充分利用导航来实现信息有条理的布局，以及页面内容的优化。导航的布局形式，主要有：标签式、列表式、抽屉式、轮播式、宫格式等形式。传统的设计形式，用户需要点击才能够一页页打开不同的内容页，点击和返回都相对比较麻烦，年纪大的人甚至不知道该如何操作。而在人工智能AI的技术背景下，智能语音识别功能，语音助手等可以帮我们来实现智能化的查找。通过语音识别来逐步替代导航栏的功能，例如用户可以通过Siri来打开栏目的每个页面，进入到想要浏览的信息页面。因此界面设计中将针对这样的功能设计更加人性化的视觉方案，并增加有效的视觉指引，通过视觉引导和说明等功能来辅助用户熟练运用这项功能。

在人工智能技术支持下的搜索功能，能够更加方便用户检索并筛选各种信息。搜索功能的构建将置于页面设计中醒目的位置。在现今的APP中，搜索栏往往设计的比较小，视觉上并非很快就能找到这项功能，和页面其它内容信息编排在了一页内，从而更弱化了它本身的功能作用。而在人工智能的辅助下，就可以实现更强大的搜索功能，通过搜索迅速找到自己所要查找的信息。就像谷歌页面打开来只有一个搜索条一样，人工智能下的界面设计也可以做到精简，做到化繁为简，因为机器将代替我们实现复杂的转换与运算，这样即便是老年人或者儿童都能够轻松运用任何一款人机界面来进行交互。

2、界面设计风格

从界面设计风格上来看，由于有了人工智能技术，机器的学习能力不断加强，人与机器之间的对话也变得更加简单，那么人工智能技术下的界面设计，风格完全可以更加简洁，省去很多不必要的按键和导航，从而突出其实用性。人工智能技术下的语音助手功能，将直接帮助用户解决各种浏览界面的要求，语音助手的设计风格也更加趋于拟人化。例如，苹果Siri设计，以简洁的形象来指代语音助手这样的智能角色，和Siri對话的界面也非常简洁直观，对话的同时还能进行查找。简洁直观的设计风格将人机之间的交互设计化繁为简。

三、人工智能AI的界面设计要素

视觉设计师在设计界面时，需要充分考虑人工智能AI的界面设计与传统意义上的界面设计存在的差异化，分析其特点，并根据该功能的定位来设计最适合用户的界面。以人工智能为技术的各种人机界面设计，将会更优化界面的功能，简化交互的流程，从而视觉上界面设计更加清晰，交互流程更加顺畅。

1、以人为本的设计

人工智能的界面设计首先需从人的需求出发，找到用户的需求，对这些需求加以分类、整理和归纳。例如Google Clips智能相机APP的设计，就在设计之初就考虑到用户往往懒于管理照片并对照片加以分类，并提出了实时摄影师的用户需求，使用户在精彩瞬间都能够用智能相机拍下动态的画面。（如图3.1）

2、智能助手设计

人工智能技术下的语音助手的应用越来越广泛，语音助手的设计也成为了人机交互界面设计中重要的设计要素，在很多APP 的界面设计中，如微信语音助手，还仅仅只是停留在声音的输入层面，用声音的话筒图标来替代语音助手的虚拟形象，实际上对于话筒图标的设计仅仅只是起到了让用户来模仿话筒录音的虚拟感受，并没有将语音助手作为单独存在的角色和人物来进行考虑。这一点上，苹果手机的Siri设计则更像是一个独立存在于机器中有生命的角色一样，真正成为了虚拟助手，Siri的图标设计也有着不同于话筒图标的设计样式。但是也并未完全赋予虚拟的人形。如果在设计中，设计师能够赋予语音助手以拟人化或者拟物化的形象，这样的设计将会另用户倍感亲切，拉近人机交互的距离。（如图3.1）

3、色彩设计

在界面设计中，人工智能的色彩设计，以独特的颜色吸引用户的注意力。色彩的设计上，往往鲜艳的色彩能够起到吸引视觉中心的作用，与周边背景有鲜明对比的颜色，能够更加突出智能化的设计要素。例如机器人客服的UI界面设计，会话窗口和聊天记录的设计，都选用了鲜艳的色彩来设计，艳度高的色彩有助于突出对话本身，刺激用户的视觉，吸引用户的注意力。同时与本身的界面融为一体的设计，在设计上则选用更加自然的色彩，将能够使用户忽略机器本身，将用户完全沉浸和带入到人机交互的环境中。例如谷歌Clips智能相机APP中，更多的突出动态照片摄影，以白色为底色黑色为导航色，色彩对比更加单纯，突出了影像本身的视觉效果。在人工智能的技术支持之下，色彩设计有了更多的设计配色方案，和更多的组合。由于人工智能的智能化和虚拟现实化的特点，以虚拟现实的视觉效果来进行色彩的设计，从虚拟现实的设计初衷来设计界面中的色彩，将会更符合人机交互的本意。

四、人工智能AI技术下的界面创新设计

随着人工智能AI技术的突破性发展，机器的深度学习能力将越来越强，人机交互的界面设计也应与时俱进，不断创新和向前发展，设计上也应具有前瞻性。人机界面的创新设计也将是视觉设计师所面临的最大挑战和难题。如何将人工智能的技术下界面的设计做出创新和与众不同的创意，创造性地将界面设计更好地应用于我们的生活中，也是每个从业设计师需要积极思考的问题。

1、引导智能

通过搜集各种用户的使用习惯、使用偏好和日常数据，来引导人工智能进行各种推算，对信息进行分类和整理，从而筛选出最符合用户偏好的内容，推送给用户。这个过程需要人工智能更加准确更加人性化地了解用户的需求和偏好。通给AI人工智能以特定的学习内容，使其学会各种技巧，从而来为用户做更多的工作。例如Google Clips智能相机APP在构建界面设计的原型时，就建立在引导智能来进行分类整理的基础上，智能相机可以通过学习来发现哪些是用户最精彩的摄影瞬间。通过不断的拍摄，在拍摄的内容中，找出哪些是不理想的画面，包括手抖动、手遮挡屏幕，构图角度偏差，镜头对焦不理想等等，机器通过学习，从而避免这些都不如意的镜头出现在用户相机中。

2、基于人体识别技术的设计

在AI技术时代，各种视觉识别在现今运用得越来越广泛，各种传感器能够更快速便捷地协助AI来进行识别。针对人体的视觉识别技术，包括人脸、人体、人的动态等等，创造了AI大数据时代的全新用户体验。基于此类项目的设计也需要不断地进行设计创新。例如3D体感游戏机，则利用了三维动态定位技术对人体的姿态加以捕捉，通过识别人体的动作行为，来完成与屏幕中虚拟现实的互动，对于此项技术的界面设计其视觉上更加仿真，有较强的虚拟现实的效果，以模拟现实的场景和人物来拉近用户的距离，从而使用户能够完全沉浸在其中。又譬如，Runway ML软件充分运用了人工智能的算法，将人工智能与艺术设计结合，从而在图片生成、动作捕捉、自然语言处理、物体识别和图片处理等类型上生成智能化的意想不到的影像。用户可以在几分钟的时间内，将一张黑白照片变成具有艺术上色效果的彩色照片，还可以在几分钟时间，实现摄影图片到水彩画的转换，甚至还可以玩转卡通图片和真人之间的转换。在AI技术下，这款神奇的艺术处理软件的应用界面更单纯而简洁，为了更好地突出AI艺术处理图像的效果，界面设计以黑色为背景色，从而更凸显出AI创造出来的彩色图像的视觉效果。软件的AI艺术功能，也采用了标签式的编排效果，使每一项功能都能够非常直观地呈现在用户面前。可以说，这款软件的设计最大程度地利用编排和色彩的设计，将复杂的图像处理功能化繁为简，使艺术的加工過程成为有趣的过程。设计师还在细节设计上，设计较多的细节，包括局部的鲜亮色彩点缀，从而突出重点功能和重点栏目。

3、虚拟角色的设计

在AI技术下，各种机器小助手的出现使我们的生活更加便利，在人机交互中扮演着重要的角色，就像是真实存在的小帮手一样，它能够为用户提供帮助，提供各种指引和导览，解决了用户在人机互动中不知道该如何进行操作的问题。只不过不同于实体机器人在用户身边，这样的小助手都是以虚拟的形象存在于界面的设计中。视觉设计师在设计这样的虚拟角色时，更多的要考虑用户的喜好和对虚拟形象的接受程度，来为用户设计出符合用户需求的虚拟角色。虚拟角色的设计可以是很简约极简的形象，也可以是更复杂的形象，可以是拟人也可以是拟物的设计，在设计中要尽量考虑用户的年龄层次，来设计相应的最易被用户接受和认可的角色形象。比如有些APP的界面中小助手的形象设计为卡通的形象，形象设计简洁而可爱，更易于被用户接受和认可。有些界面设计中将小助手的形象设计为机器人的外形，带有更强的未来科技感。也有些人机界面助手的设计则更为抽象，抽象的形象也更符合未来设计的定位，受众群体也会更加广泛。因此，不论是卡通形象还是机器人形象，甚至是抽象的形象，视觉设计师在设计过程中都需要始终遵循人性化的原则，体现出设计的可延展性和创新性。

五、人工智能AI界面设计未来发展趋势

人工智能使人机之间的关系变得亲密起来，人机界面也越来越友好，人机界面的设计也将会在传统设计上有更大更多的突破。随着智能小助手、人体视觉识别等AI技术的发展，也使得未来的人机交流的界面变得更加便利。智能化助手的在界面设计中的应用将会越来越广泛。随着人体视觉识别技术已经运用于我们生活之中，人脸识别在消费购物、交通出行、医疗就医、教育以及安全安保中的普及，人机界面的设计将会迎来新的变革。随着AI虚拟角色的逐步发展，未来将会替代人类做更多的工作，未来的界面设计也将会呈现与现今不同的崭新面貌。当机器的深度学习达到可以自动匹配设计时，视觉设计师要做的工作，将是更多地教会机器如何来进行设计，教会机器设计的方法，从而实现真正的AI自主设计和人工智能构建人类的未来。

参考文献：

[1]  人脸识别综合技术的发展[J]. 苏楠，吴冰，徐伟，苏光大.  信息安全研究. 2016（01）

[2]  人工智能趋势下设计生态的平衡与发展[J]. 李金昕. 艺术市场. 2020（04）

[3]  群智创新：人工智能2.0时代的新兴创新范式[J]. 罗仕鉴. 包装工程. 2020（03）

[4]  智媒时代移动阅读APP体验设计艺术[J]. 徐延章. 编辑之友. 2020（02）

[5]  人工智能体引发的伦理困境[J]. 冉晓燕. 中国高新科技. 2020（02）

作者简介：赵熙，浙江树人大学艺术学院，讲师，研究方向：数字媒体设计、影视动画艺术设计。

（作者单位：浙江树人大学  艺术学院）