用途
这是一个关于「如何思考设计」的技能,而非工具教程。它面向需要做设计决策、评审 UI 质量,或希望培养视觉品味的人。核心观点是:Framer Motion、Three.js、Tailwind、GSAP 等工具已经商品化,人人可用;真正让作品独一无二的是品味,而品味通过有意识的观察和持续的删减来建立。技能不是「我会用 X」,而是「我看着一张空白页面,就知道什么该放上去」。
主要能力
迪特·拉姆斯十项原则:好设计是创新的、实用的、美观的、可理解的、不打扰的、诚实的、持久的、细致到最后一个细节的、环保的,以及尽可能少的设计。第十条被强调为一切的核心:「更少,但更好。」
关键提问框架:在做任何设计决策前,围绕整体(这应该创造什么感受?乔布斯会删掉什么?如果砍掉 50% 留下什么?)、每个元素(删掉它会怎样?它配得上这个位置吗?这是装饰还是传达?)、动效(它为什么动?引导注意力还是分散?苹果会这么做吗?)、排版(0.5 秒内能读清吗?层级是否引导视线?是否用了超过两种字重?)进行自问。
为感受而设计:优秀落地页不罗列功能,而是创造情绪反应。设计前先写一句话:「当人们看到这个时,应该感到 ______。」一切由此展开。
影响力层级:按重要性排序为——排版(占设计的 80%,一种字体、最多两种字重,用字号对比而非颜色或字重建立层级)、留白(空白是有意的,局促等于廉价,宽松等于高级)、层级(眯眼测试,每个视口一个焦点)、色彩(克制,一个强调色;深色模式不等于纯黑,用 #0a0a0a 而非 #000000)、动效(最后优先级,一个标志性动画胜过十个通用动画)。
约束激发创意:开始前设定约束,如一种字体、一个强调色、最多三个区块、一种动画风格、一个「哇」时刻。
设计流程:定义感受 → 研究 10 个参考(理解而非复制)→ 先做排版 → 灰度布局 → 加入一个「时刻」→ 无情删减(先删 30%,再删 20%)→ 打磨细节(4px 间距增量、一致的圆角、微交互、有意的悬停状态)。
培养品味:每天有意识地观察 15 分钟(godly.website、awwwards.com、land-book.com 等);分析而非赞叹;保存参考时写下原因;从零重建喜欢的网站;发布后反思。
使用方式
资料未提供具体的安装命令或调用方式。该技能以原则、提问清单和流程的形式呈现,供人在设计过程中参照执行。
适用场景
做设计决策、评审界面质量、培养视觉品味、设计落地页或产品页面、判断动效与排版是否合理等。
限制
资料未提供该技能的技术实现、平台支持、收费方式或具体安装步骤。内容为设计思维指导,不涉及代码或工具操作。