关于 design-masters
面向寻求灵感或通过设计方法教学的人士的设计史参考技能,介绍七位设计师,并将其思路联系到实际设计任务。
主要功能
- 01七位重要设计师的介绍
- 02代表性方法与设计理念
- 03经典作品示例
- 04将方法用于实际设计的指引
- 05按设计领域比较方法
适用场景
- 01为设计方向寻找参考
- 02将经典方法用于当前任务
- 03通过历史案例讲授设计
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ ormus-solutions/ libreuiux-claude-code --skill design-masters安装后在 Claude Code 中输入/design-masters确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
references/david-carson.mddieter-rams.mdjosef-muller-brockmann.mdmassimo-vignelli.mdpaul-rand.mdpaula-scher.mdsaul-bass.md详细介绍
设计大师
站在巨人的肩膀上。这些设计师不仅创作了精美的作品,更阐述了数十年后依然适用的原则。
何时使用此技能
- 寻求有深度的设计灵感
- 理解经典设计背后的思路
- 将经过验证的方法应用于现代问题
- 通过历史案例进行教学
- 为设计方向寻找恰当的参考
设计大师殿堂
Saul Bass(1920-1996)
领域:电影片头、企业形象、海报 理念:“设计是思考的视觉呈现”
标志性技巧
- 几何简化:复杂理念 → 简单形状
- 象征性隐喻:具象 → 抽象表达
- 静中有动:静态图像暗示运动
- 负空间:省略的部分也能讲述故事
- 有限色彩:强有力的约束
必看作品
- Man with the Golden Arm(1955):首次将电影片头作为设计作品
- Vertigo(1958):以螺旋象征心理状态
- AT&T Logo(1984):以地球线条暗示连接
- Minolta Logo(1981):将风格化的“m”呈现为地平线
运用他的经验
添加细节之前,先问:“哪一个核心形状最能传达这个理念?”
Approach:
1. Identify the core concept
2. Find a visual metaphor
3. Reduce to essential geometry
4. Test if meaning survives reduction
5. Add nothing more
Massimo Vignelli(1931-2014)
领域:信息设计、企业形象、包装 理念:“如果你能设计一样东西,就能设计一切”
Vignelli 准则
- 语义:它意味着什么?
- 句法:它的结构是什么?
- 实用性:它在具体情境中如何发挥作用?
- 纪律:约束孕育创造力
- 适切性:契合情境,而非迎合自我
- 多义性:欢迎多种解读,拒绝含糊
- 设计是统一的:普遍原则适用于所有领域
- 视觉力量:以简洁取胜
- 智性优雅:巧妙,而非复杂
- 历久弥新:经久不衰,而非追逐时尚
- 责任:对作品本身、对客户(提供经济上合理的解决方案)以及对公众负责
- 公平:尊重成熟标志已经赢得的认可;不要为了改变而重新设计
有限的字体选择
Vignelli 认为,设计师只需要少数几种基本字体。他在 1991 年的展览“A Few Basic Typefaces”中展示了数十年来的作品,这些作品仅使用了四种字体:
- Helvetica(普适清晰)
- Bodoni(优雅的对比)
- Century Expanded(易读的衬线)
- Garamond(古典温润)
他也使用 Futura;《Vignelli 准则》还允许使用少数其他字体(包括 Times),但同时指出,大多数字体的存在是出于商业原因,而非实际需要。
必看作品
- NYC Subway Map(1972):清晰优先于地理准确性
- American Airlines(1967):Helvetica 的主导运用
- Knoll(1967):将设计作为系统
运用他的经验
限制你的工具。更少的选择会促使你做出更明智的决定。
Exercise:
1. Choose 2 fonts (one display, one body)
2. Choose 3 colors (primary, secondary, accent)
3. Choose 4 spacing values (4, 8, 16, 32px)
4. Design within these constraints
5. Notice how limitation creates cohesion
Dieter Rams(1932-)
领域:工业设计、Braun 产品 理念:“少,但更好”(Weniger, aber besser)
优良设计的十项原则
- 创新:有意义地推动技术发展
- 实用:满足实际和心理需求
- 美观:美体现在执行中,而非装饰上
- 易懂:无需说明书也能自明其用
- 不张扬:是工具,而非宣言
- 诚实:不操纵、不做虚假承诺
- 持久:不过时尚,也不显陈旧
- 周全:每个细节都很重要
- 环保:资源消耗少、可回收
- 尽可能少的设计:只保留必要元素
Rams 测试
对于任何设计元素,都要问:
- 去掉它会不会影响功能?
- 它是在服务用户,还是满足设计师的自我?
- 10 年后,这会不会令人尴尬?
必看作品
- Braun SK4(1956):“白雪公主的棺材”唱机
- 606 Universal Shelving(1960):将模块化发挥到极致
- Braun T3(1958):启发 iPod 的袖珍收音机
应用他的经验
不断删减,直到出现问题,再加回最低限度的内容。
Process:
1. Design the full solution
2. Remove every element one by one
3. Note when functionality breaks
4. Restore only what's essential
5. Question if restoration can be simpler
Paula Scher(1948-)
领域:字体排印、品牌标识、环境图形 理念:“正是通过犯错,你才能真正成长”
标志性技巧
- 字体即图像:让字母成为视觉元素
- 大胆的尺度:适用于环境空间的大型字体
- 富有表现力的字形:手绘的活力
- 打破规则:先了解规则,再打破它们
- 文化评论:将设计作为一种宣言
Scher 的方法
- 从直觉出发,而非套用公式
- 先做大,再做得更大
- 让偶然发现指引方向
- 不要害怕张扬
- 文字就是图像
代表作品
- The Public Theater(1994):将字体作为城市肌理
- Citi(1999):Citicorp 与 Travelers 合并后,为企业标识注入人性化特质
- Windows 8 logo(2012):将窗口旗帜重新绘制成透视窗户(指该徽标,而非 Microsoft 的 Metro 设计语言)
- High Line(2009):环境字体排印
应用她的经验
规则是辅助轮。掌握之后,就自由驰骋吧。
Exercise:
1. Design something "correctly"
2. Now break one rule deliberately
3. Break another rule
4. Keep breaking until it's alive
5. Add structure back only where chaos defeats purpose
Josef Müller-Brockmann(1914-1996)
领域:海报设计、网格系统 理念:“网格系统是一种辅助工具,而非保证”
网格理念
网格是:
- 用于组织的工具,而非牢笼
- 创造韵律与一致性的方式
- 允许在结构内自由创作的系统
- 数学化的,但服务于沟通
网格构建
+---+---+---+---+---+---+
| | | | | | |
+---+---+---+---+---+---+
| | | | | | |
+---+---+---+---+---+---+
| | | | | | |
+---+---+---+---+---+---+
- Divide into equal columns
- Use consistent gutters
- Allow elements to span multiple units
- Create hierarchy through column usage
代表作品
- Musica Viva Posters(1950 年代):网格 + 表现力
- Zurich Tonhalle Posters:几何韵律
- Grid Systems in Graphic Design(书籍):权威指南
应用他的经验
以网格为基础,但要懂得何时打破它。
Implementation:
1. Establish a 12-column grid
2. Define consistent gutters (e.g., 24px)
3. Align all elements to grid lines
4. When breaking grid, do so deliberately and obviously
5. Let grid create rhythm without monotony
David Carson(1955-)
领域:编辑设计、实验性字体排印 理念:“不要把易读性误认为沟通效果”
反设计原则
- 易读性并非唯一目标
- 情感可以凌驾于清晰度之上
- 意外是机遇
- 规则就是为了接受质疑
- 设计可以提出挑战,而不只是服务
技巧
- 图层叠加
- 扭曲字体
- 非常规版式
- 凭直觉排布
- 现成纹理
代表作品
- Ray Gun(自 1992 年起担任艺术总监):将设计作为文化
- Beach Culture:打破所有规则
- The End of Print(1995 年与 Lewis Blackwell 合著):收录其作品与方法的书籍
应用他的经验
在适当情况下,优先考虑感受,而非阅读。
Caution: Use sparingly
- Marketing that needs attention: YES
- Navigation: NO
- Legal text: NO
- Brand that demands conformity: NO
- Creative portfolio: YES
Paul Rand(1914-1996)
领域:企业标识、书籍、海报 理念:“简洁不是目标,而是好点子的副产品。”
标志理念
摘自他 1991 年的文章《Logos, Flags, and Escutcheons》:
- 标志用于识别:它是一面旗帜或一个签名,而非广告
- 意义随后而来:标记的意义源于它所代表事物的品质
- 不是描述:它很少需要展示企业的业务内容
- 可复制:必须能以单色呈现,并适用于很小的尺寸
由此得出的检查要点(这是一份实用清单,并非 Rand 的原话):具有辨识度、在任何尺寸下都清晰易辨、能适配各种媒介、令人印象深刻,且不受当前潮流影响而经久耐用。
Rand 的流程
- 理解组织的本质
- 找到能体现其本质的视觉隐喻
- 精简至必要形式
- 根据上述标准进行检验
- 自信地展示,并讲述背后的故事
代表作品
- IBM(1972):以条纹体现速度与创新
- ABC(1962):完美的圆形字母造型
- UPS(1961):以盾牌象征保护
- NeXT(1986):以立方体表现立体思维
- Westinghouse(1960):风格化的“W”
应用他的经验
标志是某种事物的象征。先找到它所象征的事物。
对比分析
| 设计师 | 核心优势 | 何时参考 |
|---|---|---|
| Bass | 符号化简化 | Logo、海报、图标设计 |
| Vignelli | 系统化严谨 | 信息系统、品牌识别 |
| Rams | 本质主义极简 | 产品、界面、UX |
| Scher | 字体表现力 | 环境设计、品牌塑造、编辑设计 |
| Brockmann | 网格和谐 | 布局、出版物、系统化设计 |
| Carson | 表现性混乱 | 编辑设计、实验性设计、吸引注意力的设计 |
| Rand | Logo 臻于完美 | 企业形象、标志设计 |
资源
当任务提到某位大师,或需要深入了解其方法时,请阅读相应的资料。每篇资料都涵盖代表作品及其日期、值得借鉴的原则、如何将其应用于 UI 设计,以及常见的误读。
- references/saul-bass.md:Bass 完整分析
- references/massimo-vignelli.md:解读《Vignelli 准则》
- references/dieter-rams.md:将 10 项原则应用于数字领域
- references/paula-scher.md:将字体作为表现形式
- references/david-carson.md:有意打破规则
- references/josef-muller-brockmann.md:精通网格系统
- references/paul-rand.md:Logo 思维、巧思与品牌识别系统