top of page
《塞尔达传说》IP的产品设计

Toothbrush Adventure

Overview
Type
团队项目
课堂作业
Team
调研 60%
概念发展 100%
产品模型 100%
效果图制作 50%
包装设计
&智能镜子界面设计
&服务设计
独立设计
Time
11/2020 Year 3
Overview
Toothbrush Adventure 是一系列口腔健康产品,包括牙刷、漱口杯和智能镜应用,专为《塞尔达传说:旷野之息》IP设计。
Location
天津大学
Tools
Rhino/Keyshot/Adobe Photoshop/Sketchbook
Supervisor

INTRODUCTION

Background

随着年龄的增长,口腔健康问题已成为困扰人们的主要健康杀手。研究表明,在青少年时期养成健康的刷牙习惯可以有效降低未来成年后罹患口腔疾病的风险。然而,如今的青少年对口腔健康关注甚少。
截屏2021-05-21 上午10.25.48.png
只有43.6%的青少年养成了早晚刷牙两次的习惯

Design Opportunity

IMG_8178.JPG
IMG_1233.JPG
截屏2021-05-21 上午10.26.00.png
A07DF6ED82A55941879440D461CAF8F5.jpg
67.2%的青少年表示他们从未接受过系统的口腔健康教育
在对市场上现有的智能牙刷进行初步调研后,我们发现了以下市场空白:
首先,产品未能在合理程度上传达清晰的语义,并且缺乏对刷牙动作的实时反馈和纠正;
其次,造型设计趋于同质化,缺乏内涵语义表达、新颖性和深层意义。

那么,

我们决定为青少年设计一款创新的智能牙刷产品,在外延语义上,自然引导用户养成正确的刷牙习惯;在内涵语义上,提高用户刷牙的积极性,从而保障用户的口腔健康。

Research

Research

Research Road Map

System Map12.png

User Research

在分析用户需求和痛点,以及青少年的生活习惯和心理特征后,我们通过观察和分析整个用户旅程寻找设计机会。

Persona

Persona.png

User Journey Map

Journey Map.png

Insights 01

DCC8A544-0D2A-4DE3-8787-3BC6E232B9F4.png
在产品造型方面
结合青少年的特点,采用吸引人的产品造型设计,以激励用户更加积极地刷牙。
DCC8A544-0D2A-4DE3-8787-3BC6E232B9F4 2.p
在交互方面
通过互动设计为取牙刷的过程增添仪式感,从而激发用户的刷牙意愿。
通过互动设计提供健康刷牙方法的指导,以延长刷牙时间并确保动作正确。
DCC8A544-0D2A-4DE3-8787-3BC6E232B9F4 1.p
在用户体验方面
在刷牙过程中应教授口腔健康知识。

Competitive Research

在对竞品的产品造型风格、引导性互动以及用户体验流程进行调查后,我们分析了它们的优缺点,从而寻找出适合我们的设计方式。
图图2.png

Insights 02

DCC8A544-0D2A-4DE3-8787-3BC6E232B9F4.png
在产品造型方面
市场上的产品要么针对儿童,要么针对成人,专为青少年口味设计的产品存在市场空白,这为我们提供了巨大的市场机会。
DCC8A544-0D2A-4DE3-8787-3BC6E232B9F4 2.p
在交互和用户体验方面
一些竞争产品使用声音和灯光作为对用户动作的反馈,这虽然创造了流畅的用户体验过程,但在反馈功能方面不够完善。

极少数的产品尝试使用应用程序进行实时指导和事后总结,但这些尝试往往僵硬且乏味。此外,整个过程缺乏流畅性和自然感,给用户带来了不良的使用体验。

DCC8A544-0D2A-4DE3-8787-3BC6E232B9F4 1.p
应寻找方法,既能构建高效的指导,又能带来自然的用户体验过程。
过于详细的DIY模式调节系统给用户带来了更多麻烦,而非便利。

Design intents

Use
Which
产品设计
+
采用迎合青少年的风格,从而激发他们爱上刷牙。
​界面设计
通过生动有趣的方式,实时指导正确的刷牙方法
通过互动设计为取牙刷的过程增添仪式感,从而激发用户更频繁地刷牙。
在刷牙过程中自然普及口腔健康知识。
减少DIY模式调整的自由度,从而降低用户的思考成本。
使总结和反馈清晰简洁,便于用户理解。
To
引导用户增加口腔健康知识,培养健康的刷牙习惯,从而改善他们的口腔健康。

Ideation

Ideation

Ideation Road Map

Road map2234.png

Inspiration 

在确定了刷牙过程中的实时指导设计意图后,我调查了几种可能用于我的设计互动的技术和媒体形式。结论如下。

Form

体感游戏

R19324a8135c1a8b945e867a09cf49603.jpeg

Fitness Boxing

R29c1c1b664f5207f01dda213758aeb4c.jpeg
Ring Fit Adventure
JD18_screen_SIDETOSIDE_E3_170612_215pm_1
Just Dance

近年来,身体游戏在医疗保健领域的应用越来越广泛,其生动性和娱乐性吸引了用户的兴趣,使他们更加投入到医疗保健中。

我们决定采用身体游戏的形式,引导用户养成健康的刷牙习惯。

Technology

AR

src=http---pic4.zhimg.com-v2-aab8129199b
AR技术中的目标跟踪、可视化和实时互动为我们实现准确而生动的指导设计意图提供了机会。

Media

智能镜子

smart_mirror_-_ui_challenge_s02w06.jpg
AI-Schedule-Weather.png
smart-mirror_shot.png
与传统的移动界面相比,智能镜界面在以下方面有所不同:

多模态交互

人像跟踪与显示

增大视野

除了触摸外,智能镜界面还提供了更多种类的交互形式,如手势和声音,使交互过程更加流畅和自然。
镜子的独特特性使得人像的跟踪和显示起到了重要作用,这有助于更生动、更准确地引导用户。
与传统的手机界面相比,更大的视野为增强现实技术提供了全新的平台。

设计方法 ---- 冒险故事叙事性设计

我们决定采用叙事设计的理念,将产品和界面统一成一个冒险故事,以唤起用户的共鸣,让用户感受到刷牙对健康保护的重要性和使命感,进而激发他们对刷牙的热情。
featured-octopath_traveler.jpg

切入点 ---- 仪式感

asdfghyuj.png
我们抓住了冒险游戏叙事设计的主题。在回顾之前的研究后,我们决定以刷牙前取牙刷的过程作为设计的起点,营造仪式感,并尝试将冒险游戏的语义叙事与造型风格相结合来设计我们的产品。

concept development

Interaction&Modeling ---- the Sword in the Stone

抓住这一灵感,我们想到了一个元素——石中剑。石中剑起源于亚瑟王的传说,此后在各个领域催生了无数相关的虚构创作。其中最著名的可能是《塞尔达传说》系列中的大师之剑。
当它被故事中的主人公拔出时,往往象征着使命的到来和史诗般宏大叙事的开始。因此,我们决定将取牙刷的过程演变为拔出石中剑的互动形式,为牙刷设计带来仪式感、趣味性和动力。
33E2015E-9A95-4365-8FF2-7E51F07B083A 13.png
33E2015E-9A95-4365-8FF2-7E51F07B083A 14.png
33E2015E-9A95-4365-8FF2-7E51F07B083A 15.png

Product Design 1.0

Product Design 1.0

Sketch

IMG_7214.JPG
IMG_5594的副本.JPG
IMG_9218的副本.JPG
0BBAE5DF-2C37-4346-BDF2-E53333C19291 1.p
IMG_7005hgfj.png
E0498F1E-E03B-4ADA-965B-769D7E36BE7A 3.p
Evaluation.png

在采访了一些青少年及其家长后,我发现这样的造型过于具有攻击性,不利于青少年的心理健康,同时也引起了家长的担忧,降低了购买意愿。此外,该造型对青少年的吸引力仍然不足。
 

因此,我决定寻找另一种设计方向。

Evaluation

Product Design 2.0

Product Design 2.0

RE-ideation

concept development

Road map2235.png
因此,我们决定改变方向,将剑的造型从设计中剥离,完全通过拔剑的动作承载石中剑的象征意义,同时表达牙刷本身的语义,直接贴合设计主题,展现冒险游戏叙事的趣味性、史诗感以及故事本身的魅力。
在被拔出的那一刻,它是一把承载使命感的石中剑;而当它脱离基座时,它变成了世界的一隅,没有任何攻击性,静静地讲述着一段史诗,并引导用户走向其中。

Serialization

纵向深化

在纵向深入方面,除了我们目前已建立的产品输出外,我们还将延伸到漱口杯、牙膏等相关产品,通过一系列产品表达《塞尔达传说》的宏大世界观。
 

经过多层次的包装设计,形成一个以礼品和文化创意为导向的商业模式,为产品赋予更高的收藏价值。除了引导年轻用户的健康生活方式外,这些产品还能在他们每一天的开始和入睡时,潜移默化地帮助他们形成一种享受生活的态度。

横向扩展
在横向拓展方面,未来我们将探索更多IP,并最终通过文化产业的发展,将我们在传统文化或流行文化中的史诗故事带给更多人。

Smart Toothbrush

Sterile Base
Smart Mirror Application
Packaging
Toothpaste
Cultural and Creative
Gifting 
Cups
Collective
01bfd45d332182a8012187f4d39e80.jpg@2o.jp
在本项目中,我们选择了《塞尔达传说:旷野之息》作为合作IP来进行设计实践。因此,以此为例,幻想世界是如何讲述自己的故事的?这种自我叙述又如何投射到我们的产品再设计中呢?

Inspiration

IMG_8338.JPG
截屏2021-05-24 上午11.05.28.png

Sketch

IMG_7309.PNG
IMG_7311.JPG

Renderings

❤3.jpg
❤333.jpg
两支牙刷.995.png
22.438_看图王.jpg
截屏2021-05-29 上午9.46.34.png
细节展示.446.jpg
牙刷的开关采用了游戏系列标志“三角力量”的形状。
游戏中的虚构文字“希卡文”构成了代表故事发生地“海拉鲁大陆”的符文。用户可以通过滑动符文来调节牙刷的震动强度。符文会伴随文字逐渐点亮和淡化,并以浅金色逐步过渡到金红色,作为反馈效果。

充电接口内置于牙刷底部,当电量即将耗尽时,“希卡之眼”的符号会闪烁,提醒用户及时充电。
 

值得一提的是,我们在底部充电接口盖的开关上进行了独特的互动设计,模仿任天堂Switch游戏卡带插拔弹起时的弹跳效果,为用户带来一种亲切感和仪式感。

细节带盖.406.jpg
untitled.411.jpg
O1CN01dm68Qy1JlBTHqeKc6_!!42431068.jpg_3
底座不炸.452_看图王.jpg
OIP.jnsTCZROT9FNOPRjrVlECAHaEo.jpeg
为了突出取牙刷时的拔剑感,消毒底座的造型采用了游戏中大师之剑底座的视觉元素,并通过磁吸连接,配备紫外线消毒功能。
for场景.468.png
Packaging Design

Packaging design

Character Image Design

1B0E802B-3183-466F-AEEC-CCB5EA8B184E 1.p

我们选择了《塞尔达传说》中五位英雄角色,并采用扁平化、RPG风格的插画设计。角色形象设置总体上与游戏中的角色保持一致,同时对部分配饰进行了调整,以契合口腔健康主题,希望在实现角色语义再设计的同时,保留原游戏玩家的情感牵引,并完美融入我们的设计。
 

这套角色视觉设计将应用于包括界面设计、系列包装及宣传材料在内的一系列设计中。

201705041835285873_small.jpg
0ED5AB7D-142C-4071-822E-674535CD6CA4 1.p
830EA932-C9A6-4DB1-A0EB-CCA73F73E9A3 1.p
F0C18288-FD36-4164-B2F8-A879247B40EA.png
BB065133-7F88-4754-AF46-4603995246E5 1.p

Package Design

IMG_7447.PNG
7EB3BC99-70E8-4C0F-A486-BDC944851F12.png
IMG_7455.PNG
IMG_7462.PNG
IMG_7459.PNG
IMG_7450.jpg
展开.png

Models

IMG_5160.HEIC
IMG_5159.HEIC
IMG_5161.HEIC
IMG_5163.HEIC
IMG_5162.HEIC
Interface Design

Interface Design

IMG_7467的副本.PNG

拿起牙刷

当用户取出牙刷时,智能镜会自动进入刷牙应用界面,显示本周的刷牙计划。如果用户有特殊需求,还可以自定义刷牙方式。
未命名作品 4.gif
IMG_7470.PNG
未命名作品 3.gif
IMG_7467的副本2.PNG

挤牙膏

挤牙膏的碎片时间也被用来普及口腔健康知识。
IMG_7467的副本3.PNG

刷牙

当牙刷开关打开时,体感游戏会自动启动。我们使用AR技术实时追踪用户的面部、牙刷的动作和力度,以生动且直观的方式引导用户正确刷牙。
未命名作品.gif
IMG_7092.PNG
未命名作品 2.gif
IMG_7467的副本6.PNG
IMG_7467的副本5.PNG

漱口

当牙刷开关打开时,体感游戏会自动启动。我们使用AR技术实时追踪用户的面部、牙刷的动作和力度,以生动且直观的方式引导用户正确刷牙。
IMG_7467的副本4.PNG
当用户将牙刷放回底座的那一刻,就像剑归入石中一样。用户与界面之间无需额外或刻意的交互。依靠物联网和AR技术,我们实现了一种完全自然的人机交互方式。
Future Prospects

Future Prospects

Design Opportunity

那么其他周边产品是如何设计的呢?在研究了不同IP的各种周边产品后,我发现大多数产品只是专注于动画或游戏中的角色形象,将它们添加到各种产品的表面,如杯子或T恤,或者简单地将其制作成玩具。
IMG_6994.JPG
IMG_6998.JPG
IMG_6995.JPG
IMG_6993.JPG
IMG_6992.JPG

那么,

为什么不为动画、漫画和游戏公司建立一个服务,设计周边产品,将艺术元素、故事线和交互方式融入日常产品,从而拓展这一领域呢?

Concept Development

随后,我在动画、漫画和游戏领域探索了不同的IP,通过头脑风暴,从它们的艺术风格、故事线和交互方式中提取元素,设想可能的日常周边产品,以测试我的想法。
未命名作品 47.jpg

Web Design

sxcvbjk.png
qasxcvbhnju.png

NEXT

bottom of page