因为项目原因采购了如影这款inSight 5英寸的单屏智能中控，作为智能产品的设计师自然是要体验一下的。

inSight是如影专为全屋智能打造的智能家居控制中心，不但可以操控智能家居设备，还支持用多模态的交互方式联动社区服务，享受娱乐技能，与访客门禁对讲等。给用户带来贴心主动的智能服务。

1.框架结构

1.1.主页

首页有智能设备、智能化场景和各类第三方应用的功能卡片。用户可以操作智能设备，开启关闭智能化场景，或者进入音乐、天气、微医等功能详情页。

1.2.下拉抽屉菜单

在任何界面都可以下拉抽屉菜单，进行Wi-Fi、蓝牙、静音、麦克风、关闭摄像头、亮度等功能操作，还可以查看通知信息和系统下载进度等信息。

长按Wi-Fi按钮、蓝牙按钮和静音按钮可以进入到对应的子界面。

1.3.语音唤醒界面

• 
  

• 
  

• 2.多模态交互

2.1.触控

多点触控，用户可以快速查看家庭环境信息、控制IoT设备、打开应用，高效满足用户近距离操作需求。

2.2.智能旋钮

• 音量调节：QQ音乐、喜马拉雅等有声内容可左右旋转调节音量
• 系统操作:左右旋转切换页面，按压唤醒智能语音Edison
• 设备控制：窗帘开合，灯光色温亮度调节，环境状态调节

2.3.App

通过如影智能App，用户可以远程控制智能家居、查看家中智能设备的状态，第一时间解决家中问题，给用户更好的体验。

2.4.语音

通过唤醒词“安迪生/Edison”，支持用户关于生活信息查询问答、听音乐、听故事等技能的询问；也支持AIoT智能设备的操控服务，如“开关灯、开关窗帘、门禁对讲”等。

画面展示技能UI，同时下发TTS播报信息，方便用户在询问后不便查看屏幕时，也能获取到信息。右侧展示语音动效设计，视觉上才用了荧光紫、薄荷绿、科技蓝的渐变色，动效具有声音的律动感，更贴合智能设备的科技属性。

3.界面设计

3.1.首页

首页显示时间日期、天气信息、功能卡片。在设计上为了打造出沉浸式的体验感，卡片的圆角设计与硬件的圆角元素统一；同时圆角的设计能使人感受到温度，更贴近生活；在视觉体验上过渡的更自然，用户的视线很容易过渡到图形中心，帮助用户更快的判断图形的有用信息。

首次进入只显示教程卡片，点击可以观看教程视频，解锁新技能。视频动画的教程直观的传达给用户，降低了学习的成本。

可以自定义添加多个【设备】、【场景】、【应用】的模块卡片。

添加后可以在首页直接控制智能家居，选择智能化场景，操作或者进入音乐、天气、微医等功能详情页。强化了全屋智能的功能，大大提升了屏幕的利用率和用户的操作效率。

 3.2.音乐

外接第三方QQ音乐的APK，在音乐界面可以查看我的喜欢、最近播放、各类音乐榜单和各类主题分类等。

在播放界面用户可以进行暂停播放、上下首、收藏等核心功能。

使用音乐功能时需要先扫描登录QQ音乐。

 3.3.应用

应用界面承载了设置、天气、家庭控制、时钟、音乐等功能入口。

依然采用圆角大卡片的设计，在视觉体验上具有统一性。

本地的应用图标的设计融入了荧光渐变色和玻璃拟物化元素。渐变色让图标的质感更丰富，配合毛玻璃的通透性让图标虚实结合，使得图标更具有独特的愉悦感、清晰的层次感和微妙的高级感。第三方应用使用了圆形的容器，与UI本身的圆角元素和硬件的圆形旋钮在视觉上都达到了统一不突兀。

3.3.1.家庭控制

家庭控制界面分为玄关、房间、场景、设备四个子界面。各个子界面的布局大致一致，视觉元素也统一。每个单元控制器都代表控制了一个智能设备或代表一种智能场景，将重要的信息呈现在一级单元内，用户可通过这些信息快速了解到智能设备、智能场景的特性，并进行基础操作。

a.玄关

智能中控屏默认是安装在入门玄关处的，因此将【玄关】界面放在【家庭控制】首屏，这样的布局减少了进入的路径，方便用户快捷操作。

点击单个单元控制器可以操作开关，长按进入二级界面，该页面可以呈现更多可操作的选项。

b.房间

房间的单元控制器与智能设备的单元控制器在布局的设计上进行了统一，左上显示图标，左中显示名称，左下显示信息，保证了视觉的一致性。用户进入二级界面可以查看各个智能设备的信息，长按单元控制器后可进入智能设备界面进行更多操作。

c.场景

根据用户在不同场景下产生的智能需求提炼出了各个智能场景，用户不需要一一去操作智能设备，只需要选择符合的场景就可以完成一系列的需求，给了用户更智能的操作体验。默认晨起、回家、观影、离家、报警（安防）5种场景。用户还可以添加其他7个场景，添加场景时可以选择具体添加到哪个房间，细分了场景需求的环境，也让全屋智能的体验更加的人性化。

d.设备

展示所有智能设备的单元控制器。智能设备图标采用了轻拟物的设计，让用户在查找的时候更直观。

3.3.2天气

气候背景图实时天气相呼应，更直观的传达天气信息，同时营造了实时天气氛围给用户更好的感官体验。天气图标的设计则与应用图标一样使用了磨砂玻璃的元素，使图标更丰富更有层次。

查看定位所在城市天气的基本信息，天气图标、当前温度、高低温、空气质量、风力风向、紫外线指数、空气湿度。向右滑动或旋转旋钮可以切换其他已添加过的城市。

向上滑动可以查看当前城市天气的全天天气的详细信息和15天预报。

3.3.3.快捷按键

4.思考

毫无疑问，智能家居产品会慢慢渗入到我们的生活中，为我们的生活带来变化。在满足智能化设计的同时，作为设计师我们要给予智能产品更多人性化设计，满足人们对于温暖感的需求，让智能产品不仅仅只是一台冷冰冰的设备。

Powered by Froala Editor