随着人工智能、物联网等新兴技术的不断发展，我国智慧教育行业的市场规模也不断扩大，信息化水平不断提高。智慧教育，是以物联网、云计算、大数据处理、无线宽带网络为代表的一批新兴信息技术为基础，以智能设备和互联网等为依托，以教育资源建设为中心，以各项配套保障措施为基础，以深入实施教育体制改革为主导，全面构建网络化、数字化、个性化、智能化的现代教育体系。学校通过部署不同的智能设备，不仅满足学生随时随地学习互动，方便学校提高了教学与管理的工作效率，更能打造一个智慧校园、安全校园。

多种教育场景需求下，应运而生许多不同的智能设备

学生的学习设备

近些年学生可用来学习的工具已经不仅限于电脑、手机、ipad这样的常规设备，学习的时间和地点也不受限制，在学校、在家、哪怕是上学路上都可以学习。所以一大批学习类的智能设备，例如家教机、智能笔、智能共享书柜、智能手表、等界面大小不同的学习设备层出不穷。

教师的教学设备

教师在课堂上应用于教学的智能设备也是在快速不断的发展，不仅仅是黑板和ppt这些常规的教学设备。更多的有：课堂的答题器、电子书包、智慧班牌、课堂投影及多屏幕互动等。这些智能设备让教师的课堂变得更加生动，学生学习也更加投入，更有利于师生的教学互动。

校园管理的智能设备

校园门口用于师生考勤的迎宾大屏展示、保证出入安全的校园轧机、可观察校园各个监控点及时发现安全险情的安防大屏、定位和了解学生活动轨迹的电子学生证、管理层用于信息收集和决策的大屏数据化展示等。

学生校园生活中的智能设备

学生在校园不仅仅是学习，校园生活更是丰富多彩。吃饭、购物、洗澡、洗衣服、借书、智能储物柜、健康检测等等，有了智能设备的出现，让学生的校园生活更加轻松便捷。

智能设备和传统手机电脑ipad界面设计的差异

我们所了解和接触到教育相关的智能设备有液晶黑板、学习机、智能读写台灯、智能机器人 、翻译机、智能手环、手表、安防等。这些和我们传统的手机、电脑、IPad、在设备性能、尺寸屏幕、外观搭配、交互方式、使用场景等方面都有一定差异性。

（一）、材质

如今智能设备已经不再单单是以一种材料设计为基础，教育类设备所采用的有：液晶黑板使用的ABS聚合物固态液晶显示软膜、PC塑料材质; 智能读写台灯底座采用PC塑料材质，灯体采用铝合金材质。还有智能手环主体采用医用橡胶材质，记忆橡胶材质。

（二）、屏幕尺寸大小

目前随着智能设备的迅速发展,智能设备的尺寸和屏幕都有一定的要求:小到穿带设备手环手表等,大到数据大屏迎宾安防等大屏。例如：手表尺寸仅为1.5英寸，分辨率为240*240像素；学习机、液晶黑板等为10.1英寸，分辨率为1920*1080。

（三）、设计外观及性能

随着用户群体的增多，我们的智能设备在视觉设计和外观搭配计方面也是独具匠心。例如手环的的外观，有流线花环，并且颜色多样百搭，两端设有银色涂层金属帽，这些让用户佩戴时，时尚大方；智能台灯，设计上大多磨砂质感，这样移动时不容易手滑，并且体积小可折叠。

（四）、使用场景及使用人群

在教育行业智能设备的使用场景基本包含:在学校环境、学生教师出入校园刷脸考勤、或者晚上看书学习、掌握或记录日常生活等。我们的用户群里主要包含了教师、管理员、家长、学生、还有一些特定的人群老人小孩等。

（五）、交互设计

我们生活中使用最多的智能手表和传统的设备,在交互方面界面简洁、交互轻量级可以接打电话和记录数据、操作便捷；校园安防系统相对于传统手机电脑来说，识别度更高高、通过人脸识别高端的技术精准定位到个人，防止信息泄露诈骗等，并且含有语音提示功能很直接的将识别结果快速反馈给用户；触摸屏和触摸式交互例如我们的智能台灯、智能笔，使用了触摸屏单键长按的交互方式可以让用户快速调整自己想要的模式。

智能设备早已不仅限于电脑手机ipad这样的常规设备，大小不一的屏幕尺寸，使用场景的不同体验，对设计的考验加大了难度。

智能设备界面设计思考

通过在实际项目中的不断探索，我们在不同的项目中进行很多对比与思考。

（一）、不同材质的产品外观

电子班牌的外观采用超薄壁挂设计，一体化成型外壳，钢化玻璃保护，并且外壳的硬度可达到莫氏7级。这样在外面悬挂的时候，更能抗拒外力，不易损坏。但是当设计智能手表时，多采用硅胶等软性材料，使佩戴感受更佳，还要考虑材料的防水性及耐摔性。

（二）、大小不一的屏幕尺寸

大屏设计例如驾驶舱、电子班牌等，一般尺寸都比较大，分辨率多为1920*1080。在设计中，因为人观看的距离多为1米左右，所以字体设计上要考虑到观看感受，字体一般多选择结体优美、识别性强、显示清晰的，字体大小也要比手机端和网站的大一些。因为观看的角度及光照的因素，将背景多设计为深色，更能突出界面文字及配色的同时，长时间观看也不会造成眼睛疲劳。小屏幕设计，例如智能手表、电子学生证，这些尺寸较小，分辨率也比较低。设计中字体也偏向选择辨识性强，清晰的，字体大小相对于手机端来说会稍微大一些。

（三）、不同特色的设计风格及配色

不同的智能设备，根据适用人群的不同，设计风格和配色上都有很大的区别。在设计校长驾驶舱时，由于校长观看大屏主要查看的是各种数据报表以及校园整体管理情况，所以设计风格上采用扁平化，线型图标让内容的清晰度、辨识度更高更明显。采用深色星空背景贴合驾驶舱的场景感，让页面看起来更沉稳、更能让人冷静分析。在设计电子学生证时，因为屏幕尺寸较小，所以显示内容简洁、清晰，多采用扁平化大色块的设计，让区域分界更加明显，使界面变得更加干净整齐。同时学生更喜欢明亮、鲜艳的色彩，所以配色上多考虑绿色，橙色、蓝色等热情、童真的颜色。

（四）、形式多样的图形、数据展示形式

在智能设备的设计中，图形展示及数据展示也有很大的不同。线型图标更加干练整洁高效，具有较低的视觉噪音，使用户能够快速找到他们想要的东西。所以多用于管理类的软件中，例如安防大屏、电子班牌等。而面型图标，利用剪影形式提供了一个信息量更小的形状，使图标更容易识别。所以多用于学习类软件，例如学习机、电子学生证当中。数据展示，密密麻麻的数字不利于校长或管理员的分析，多用饼状图、折线图、柱状图等不同的数据展示形式，有利于管理者方便快捷的根据数据变化做出敏锐判断。

（五）、不同场景下的交互方式

小屏幕的智能手表及电子学生证，在学生使用时，交互方式更加简单易操作。并且在使用中，提示信息一定足够明显，一看就懂，要让学生使用起来学习成本低。智能安防考勤系统中，更多采用了人脸识别及语音提示交互的功能。通过人脸识别技术在识别成功或者失败后都会收到语音的一个提示，降低学生老师的时间成本。大屏幕的班牌、校长驾驶舱的设计中，数据的动态展示、炫酷动效、丰富色彩、可以清晰，有效地传达信息，而不会分散注意力，数据对比更直观。

 通过以上这些不同的智能设备的项目设计，我们不断讨论和梳理总结出了下面的几点设计思路。

1、智能设备材质选择要考虑使用场景，融入周围环境

我们生活中使用最多的智能手表和传统的设备,在交互方面界面简洁、交互轻量级可以接打电话和记录数据、操作便捷；校园安防系统相对于传统手机电脑来说，识别度更高高、通过人脸识别高端的技术精准定位到个人，防止信息泄露诈骗等，并且含有语音提示功能很直接的将识别结果快速反馈给用户；触摸屏和触摸式交互例如我们的智能台灯、智能笔，使用了触摸屏单键长按的交互方式可以让用户快速调整自己想要的模式。

2、智能设备界面设计宜采用Dark Mode暗夜模式

许多智能设备界面设计时都采用了Google材料设计语言中定义的暗夜模式。不仅可以降低屏幕的整体视觉亮度，减少对眼睛的视觉压力，还更加节能耗电。更重要的是，深色会在视觉感官上自动后退，浅色部分则会向前延展，这样的对比强烈的层次关系可以让用户更注重被凸显出来的内容和交互操作。尤其在信息负责界面内层级关系的合理拉开对操作效率都有明显的促进作用。

3、智能设备界面设计宜采用卡片设计，大色块大标题

随着IOS13设计规范的发布，卡片化设计及大色块大标题的设计趋势还在流行中。尤其是智能设备中，由于承载的内容更多，更丰富，更加适合应用这一风格。去掉分割线，通过留白区分层级。这样的好处可以减少分割线对内容的干扰，界面呼吸感增强，达到简约设计的目的。并且卡片作为一个容器封装复杂  的内容，使得模块层级区分明显，适配性也是更强，更聚焦。同时大标题大字体和醒目的大色块会让特定的数据成为视觉焦点，更能突出页面的重心层次。

4、智能设备界面设计宜采用网格化规范

智能设备的设计中，屏幕大小不一，所以更适合用网格化的规范进行设计，规范界面内容。网格化设计，非常的有条理性，看上去也很舒服。最重要的是，它给整个页面结构定义了一个标准。这个标准可以参考Google和ios规范的8px，也可以采用黄金分割0.618比例划分，或垂直间距与网格系统的间距相同或是整倍。

5、智能设备界面设计宜微交互动效

随着5G时代的到来，加上目前硬件升级，动效的普及已经不再是难题。智能设备界面设计中，通过微交互反馈告知用户当前正在发生的事情，所处的状态。这样细微的动效更能调动用户情绪，取悦用户。来提升产品体验，同时动效也有很强的指导性质。在提升产品体验的同时，动效也有很强的指导性质，使用动效能够很好与用户进行互动交流。例如语音交互及人脸识别反馈等微动效，更加准确的告知用户结果，及下一步该如何做。结合设备使用场景及用户，使用3D动画来展示产品也是未来的一个趋势，因为3D更加贴近真实物理环境，贴近我们生活。

教育行业智能设备产品设计分析

（一）、电子班牌设计分析

智能班牌设计采用了扁平化设计风格，以深色作为背景，给人专业可靠的视觉感受。并且和班牌外观的黑色，搭配协调融洽。色块布局，留白比较大，看起来更有呼吸感。比较重要的内容所占空间会相对较大，通过字体的粗细大小对比，空间的大小对比，更能突出层级关系。主色调采用蓝绿色，基于我们教育行业的属性色彩。在蓝色清新自然，绿色青春活力富有希望的基础上，更加具有科技感和创新感。整体看上去专业、细致、有创新感。

字体选择纤细的思源黑体，空间细节更多，在安卓系统中比较普遍应用。图标选择线型风格，与字体的纤细相呼应，整体感觉方正，细致，清爽。界面交互运用到语音交互，通过语音发送信息，降低了用户学习成本时间成本，起到良好的交流和沟通作用。

（二）、校长驾驶舱设计分析

智慧校园驾驶舱采用了扁平化设计风格，以具有科幻色彩的星空大图作为背景，给人以遨游太空纵览全局的视觉感受。主色调采用深蓝色，既有科技感又不失沉稳。画面整体文字颜色和部分数据展示采用了蓝色，蓝色非常纯净代表了学生的纯洁，通常让人联想到天空、宇宙和知识的海洋。由于蓝色沉稳的特性，具有理智、准确的意象，运用到设计中，强调科技效率的产品形象。

字体选择微软雅黑，它是普遍使用字体，具有个性独特、结体优美、识别性强、块状效果好、显示清晰等优点。驾驶舱运用了大量数据可视化，对原始数据进行标准化、结构化的处理。通过视觉的方式把它表现出来。例如将高中低的风险转换成红黄蓝等色彩，数值转换成大小。这样的数据多样展示配合动效，让用户更能直观感受到数据的变化，从而做出争取的判断抉择。

Powered by Froala Editor