拟物化控件:真正能用的 3D 旋钮、开关和按键
拟物化控件找回真实硬件的手感:以 3D 渲染的白色汽车中控台控件,每一个都能操作。转动滚花铝制旋钮,每到一格都会咔嗒一声;拨动拨杆,它会咔哒拨过去再弹回;按下按键,它会伴着轻柔的一声沉下去。整个中控台同样能用,温度、座椅加热和音量的显示会随控件亮起。旋钮、拨杆和按键可以从正上方或 3D 角度展示,旋钮有银色和金色两种,中控台则从正上方展示。
使用方法
选择控件
选择整个汽车中控台、旋钮、拨杆或按键,再选视图(3D 或俯视)、银色或金色,以及符号。
上手试玩
直接在预览中转动、拨动和按下它,并伴有声音。设置中控台的显示、大小和背景色。
带走使用
登录免费的 UX Pilot 账号,即可下载 PNG、带声音的可交互 HTML 页面,或把它放到 UX Pilot 画布上。
你可以制作什么
产品与应用样机
用看起来像真实硬件的控件,展示智能家居、汽车或音频产品。
落地页首屏
给页面加入一个有触感、有实体感的时刻,访客可以真的去转、去按。
设计系统探索
在确定方向之前,把拟物化风格和扁平 UI 放在一起试一试。
社交帖子与演示文稿
导出旋钮、开关或整个中控台的清晰 PNG,用于幻灯片或帖子。
常见问题
什么是拟物化控件?
拟物化控件的外观和行为都像它们所代表的实物:可以转动的滚花金属旋钮、咔哒拨动的开关、会按下去的按键。这里的控件来自一个汽车中控台的真实 3D 渲染,所以光线、阴影和金属质感都与实物一致。
这些控件真的能用吗?
能。旋钮可以用指针、滚轮或方向键转动,拨杆在你按住时咔哒拨过去,松开后弹回,按键可以按下。在汽车中控台上,它们可以设置温度、座椅加热、刹车、音量、车身高度和驾驶模式,显示也会随之亮起。
它们会发出声音吗?
会。每个控件都有自己细小而贴近耳边的声音:旋钮是齿轮的咔嗒声,拨杆是一声咔哒,按键是一声轻柔的按压声。你可以调低或关闭声音,下载的 HTML 也会保留声音。
可以用在我自己的设计里吗?
登录免费的 UX Pilot 账号,即可下载按你的设置呈现的控件 PNG、可交互的 HTML 页面,或把它放到 UX Pilot 画布上,与设计的其他部分放在一起。