产品设计原则与视觉取舍
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_fccf428b/design-philosophy。
技能介绍
解决什么问题
高概念前端很容易滑向安全的 SaaS 样式:渐变、卡片、模板化布局,最后靠说明文字补足本应由设计承担的信息。当需求是“视觉哲学”“manifesto”或明确要求艺术化方向时,这类产出通常缺少可执行的判断依据。这个技能把 art direction 变成一套流程:先命名一个 movement,再把它落到空间、形式、色彩、材质、尺度、节奏、构图和层级上。它不是组件库、主题包或文案生成器,而是一个供前端执行者做取舍的框架。
技能如何工作
- Name the movement:用 1–2 个词命名方向,例如
Brutalist Joy或Chromatic Silence。名称是约束和诊断视角,不是装饰。 - 阐述理念:用 4–6 段说明哲学如何 manifest,覆盖 space and form、color and material、scale and rhythm、composition and balance、visual hierarchy。每个方面只出现一次,冗余会被视为方向漂移。
- 埋入 subtle reference:从请求中提炼一条 niche 的 conceptual thread,编织进 form、color 和 composition。它不应当是直白引用,而应遵循 “jazz quote” 原则:懂的人能识别,不懂的人也能获得完整抽象体验。
- 强化 craftsmanship:反复强调 painstaking attention、master-level execution、labored over with care。这不是修辞填充,而是在为执行质量设定契约。
- 保持文本最少:信息应存在于设计里;文案稀疏、必要,并作为视觉元素参与构图,而不是变成免责声明。
- 留出创作空间:方向要具体到能约束选择,又要简洁到允许执行者用同等 craftsmanship 做 high-level interpretive choices。
适用边界
只有在任务明确匹配上游来源和本地项目上下文时使用。应用变更前,应验证 commands、生成代码、依赖、credentials 和外部服务行为。示例不能替代环境测试、安全审查,或对破坏性、高成本操作的用户批准。
使用场景
- 团队要为一场 campaign 确立独特艺术风格,需要先明确整体的视觉哲学。
- 品牌想发布充满艺术感的宣言页面,需要一套具有强烈个性的页面设计语言。
- 开发者制作先锋数字作品集,需要一个能传达明确运动理念的首页布局。
- 艺术化产品的引导页设计,需要通过克制的排版和色彩体现极客匠心。
适合人员
- 前端工程师,正在寻找高概念项目中的视觉哲学与艺术指导框架。
- 艺术总监,需要将抽象的品牌理念转化为具体且充满匠人精神的视觉运动。
- 数字产品设计师,希望在极简且具有艺术感的界面中,保持信息的高级视觉层级。
- 独立创作者,准备开发高概念作品集,需要建立一套视觉原则来指导执行。