⌘ K
网站设计 全流程
探索 Raycast 风格 — Mac 应用美学，Amber 聚光灯效果，极速效率工具的视觉语言。
战略调研
商业画布
信息架构
站点地图
原型设计
线框图
视觉设计
UI 组件
Prompt 提示词
Build a Raycast-style page: Dark Mac app aesthetic. Amber (#f59e0b) as primary accent. Spotlight search bar with glass effect. Quick action grid cards. Rounded corners (12px). MacOS app feel with extensions gallery and keyboard shortcut hints.
设计流程 · Design Phases
01
战略调研
明确商业目标、用户需求、竞品分析，确定产品定位。
02
信息架构
规划站点结构、导航层级与内容分类。
03
原型设计
线框图到可交互原型，快速验证概念。
04
视觉设计
设计系统、品牌语言、配色与组件库。
05
开发实现
前后端开发、接口联调与响应式适配。
06
测试上线
功能测试、性能优化、CI/CD 部署。