页面想更出格?先确认值得

将界面推向极致,做出令人惊艳的交互效果。

overdrive 是 Impeccable 中用于把界面推向“超出常规”的设计命令。它不等于随意加粒子或 WebGL,而是先理解页面的产品性格和用户目标,再在视觉营销页面或功能界面中选择真正有帮助的技术野心。

它要求先提出 2–3 个方向,让用户在视觉冲击、性能、浏览器支持和实现复杂度之间做选择;确认方向后再写代码,并用浏览器反复预览和迭代。营销页可以考虑滚动叙事、shader 或生成艺术,功能界面则更适合原生 View Transition、虚拟列表、乐观反馈或 Worker 处理。

所有增强都必须渐进增强,有静态 fallback,并在中端设备上验证帧率。不要用技术效果掩盖层级、文案或信息架构问题,也不要叠加多个互相争抢注意力的“wow”时刻。

分类:设计创作

来源仓库:pbakaus/impeccable

适合用来做什么

  • 请为我设计一个超越传统极限的界面。
  • 如何使用滚动驱动的揭示来增强用户体验?

安装 overdrive

npx skills add https://www.iskills.cc/skills/pbakaus/impeccable/overdrive/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 overdrive 的用途与原始说明

浏览全部 Skill 指南