术语表
以下术语与决策转盘的功能设计和底层技术密切相关。理解这些术语有助于您更深入地了解工具的工作原理和设计理念。
轮盘旋转(Wheel Spin)
决策转盘的核心交互方式,用户点击中心按钮后,彩色圆形轮盘围绕中心轴进行旋转运动。旋转过程包含加速、匀速和减速三个阶段,最终停止时指针指向的扇形即为抽选结果。轮盘旋转是随机抽选过程的可视化表达,将抽象的概率选择转化为直观的动画体验。
与工具关系:轮盘旋转是决策转盘的主要功能,贯穿整个使用流程。
CSS硬件加速(GPU Acceleration)
一种利用计算机图形处理器(GPU)来加速CSS动画渲染的技术。在决策转盘中,轮盘旋转使用了CSS的transform属性,该属性可以被GPU直接处理,而不需要占用CPU资源。这使得旋转动画即使在性能较低的设备上也能保持流畅的60帧每秒表现,避免了动画卡顿或掉帧的问题。
与工具关系:CSS硬件加速确保了轮盘旋转动画的流畅性和响应速度。
贝塞尔缓出曲线(Cubic Bezier Ease-Out)
一种数学函数曲线,用于控制动画的速度变化。决策转盘使用了三次贝塞尔缓出曲线来模拟真实物理轮盘的摩擦减速效果。在动画开始时速度很快(ease阶段),然后逐渐放缓(out阶段),最终精准停止。这种曲线由四个参数控制:P0(0,0)起点、P1和P2两个控制点、P3(1,1)终点,通过调整控制点的位置可以改变减速的节奏感。
与工具关系:贝塞尔曲线决定了轮盘旋转减速的视觉效果和仪式感。
伪随机数生成(Math.random())
JavaScript内置的随机数生成函数,返回一个0到1之间的浮点数。在决策转盘中,Math.random()用于生成随机的旋转角度,确保每次抽选的结果不可预测。虽然计算机生成的是伪随机数(即通过算法模拟的随机序列),但对于日常决策场景,其随机性已经足够公平。每次调用Math.random()都会产生不同的结果,无法通过外部因素预测或操控。
与工具关系:Math.random()是决策转盘实现随机抽选的算法基础。
LocalStorage本地存储
HTML5引入的一种浏览器端数据持久化技术。它允许网页在用户的设备上存储键值对形式的数据,数据量通常限制在5MB左右。决策转盘使用localStorage保存用户的选项列表和抽选历史,数据完全存储在本地设备上,不会发送到任何服务器。即使关闭浏览器或重启电脑,存储的数据也不会丢失,除非用户主动清除浏览器缓存。
与工具关系:localStorage实现了选项数据的自动保存和跨会话恢复。
扇形区域(Sector)
轮盘上的每个选项所占的圆形区域,形状为圆的扇形。扇形的大小与选项数量成反比:选项越少,每个扇形越大;选项越多,每个扇形越小。所有扇形的角度之和等于360度,形成一个完整的圆。每个扇形使用不同的颜色填充,便于视觉区分。扇形上会显示选项文字,文字大小会根据扇形面积自动调整。
与工具关系:扇形是轮盘选项的可视化载体,直接影响用户的阅读和选择体验。
决策揭示效应(Decision Reveal Effect)
一种心理学现象,指当人们通过随机方式(如转盘、抛硬币)做出选择后,会通过自己对结果的情绪反应来认清内心真正的偏好。如果转盘停在某个选项上时您感到失望,说明您内心其实更想要另一个结果。决策转盘页面的FAQ板块专门介绍了这一心理学概念,帮助用户将转盘不仅当作决策工具,更当作一面认识自我的镜子。
与工具关系:决策揭示效应为决策转盘增添了心理学深度,提升了工具的价值。
响应式设计(Responsive Design)
一种网页设计理念,使页面能够根据用户的屏幕尺寸和设备类型自动调整布局和样式。决策转盘采用响应式设计,在桌面端轮盘和操作面板并排显示,在手机端则切换为上下布局。通过CSS媒体查询(Media Queries)技术,系统检测屏幕宽度并应用对应的样式规则,确保在任何设备上都能提供最佳的视觉和操作体验。
与工具关系:响应式设计让用户可以在手机、平板、电脑等任何设备上使用决策转盘。
文字自适应缩放(Text Auto-Scale)
决策转盘的一项智能显示功能。当轮盘上的选项数量较多时,每个扇形区域的空间会缩小。系统会根据扇形的面积和选项文字的字符数量,动态计算并调整字体大小,确保所有文字都能在轮盘上完整显示而不截断。这种缩放机制在保证可读性的前提下,尽可能使用较大的字体,兼顾了信息密度和视觉舒适度。
与工具关系:文字自适应缩放确保了轮盘在不同选项数量下的可读性。
预设模板(Preset Template)
决策转盘内置的选项组合方案,针对常见决策场景预先设置好了一组选项。目前提供六个预设模板:今天吃什么、周末去哪玩、看什么电影、做什么运动、学什么技能、喝什么饮品。用户点击模板名称即可一键填充对应选项,无需手动输入。预设模板旨在降低使用门槛,让用户能在几秒内开始使用工具。
与工具关系:预设模板是决策转盘的便捷功能,帮助用户快速上手。
抽选历史(Selection History)
决策转盘自动记录的最近抽选结果列表。每次轮盘旋转结束后,被选中的选项文字和抽选时间会被添加到历史记录中,按时间倒序排列。历史记录保存在localStorage中,跨会话持久化。用户可以通过历史记录回顾决策轨迹,追踪选择偏好,或确认之前的抽选结果。历史记录可随时清空。
与工具关系:抽选历史提供了决策过程的数据化记录,便于回顾和分析。
决策疲劳(Decision Fatigue)
心理学概念,指在长时间或大量做出决策后,人的决策质量会逐渐下降的现象。研究表明,人们每天要做成百上千个大大小小的决定,从早餐吃什么到工作中的重要判断,每一个决策都会消耗心理能量。当这种能量耗尽时,人们倾向于选择最省力的选项或干脆回避决策。决策转盘通过将琐碎的小决策交给随机选择,帮助用户节省心理能量,把精力留给更重要的事情。
与工具关系:决策疲劳是决策转盘存在的核心理由之一。
UD5工具箱