美的微蒸烤一体机GUI设计

美的智能家电推出高端旗舰型产品——智能嵌入式微蒸烤一体机R5,用对厨房空间的科学高效利用重新定义微蒸烤。为了帮助用户获取舒适高效的使用体验,美的携手KKD共同打造了这套智能友好、优雅极致的用户界面系统。

挑战

家电智能化的热潮之下,简洁友好、易于使用的界面系统越来越成为一款出色家电产品不可或缺的组成部分。本项目采用TFT全彩高清屏,搭配屏外实体旋钮。如何使两者在视觉上相互呼应,同时结合烹饪场景营造沉浸式的视觉氛围,是本项目的挑战所在。

调研与洞察

经过产品调研,我们发现市面上的同类产品大多从交互习惯出发,旋钮与屏幕只存在简单的位置关系,两者在视觉上鲜有呼应或结合生硬;另一方面不少产品的屏内界面相对扁平简洁,功能性较强,缺乏一定的视觉质感与氛围感。

解决方案

从视觉的整体性出发,我们提出了虚拟旋钮这一核心概念,以圆形和圆环作为贯穿界面的视觉元素,呼应屏外的实体旋钮。

界面系统的视觉基调源于烤箱烹饪时黑暗腔体中光与热聚集在食物之上的情景。界面整体以深色为主,橙红作为高亮色和交互反馈色点缀其中。鲜明的色彩组合既方便用户进行交互操作,又模拟了烘烤食物时的热量和光感,营造沉浸式的烹饪氛围。

有别于智能家电用户界面中常见的扁平极简风格,我们着眼于光影与质感的视觉刻画。通过视觉元素的层叠关系、各种细腻的光影细节与微动效,界面在视觉呈现上更具丰富的质感与氛围感,旨在为用户带来兼具功能性用与视觉性的使用体验。

成果及影响力

美的微蒸烤一体机R5界面系统采用统一的设计语言,将屏外旋钮与屏幕巧妙结合,打造独具质感和氛围感的视觉效果。该界面系统帮助产品更好地展示自身的功能与特性,同时为用户提供了完美的使用体验,让用户轻松进入烹饪状态,享受制作美食带来的乐趣。