设计原理 / Principles
形式追随功能。十条经久不衰的设计原理,每条配一个你今天还在用的现实案例。
01 — 形式追随功能
现实案例:无印良品 CD 播放器。一根垂下的拉绳就是开关——交互逻辑直接成为造型,没有一个多余的装饰。
02 — 基本几何
现实案例:奥运五环与众多 logo。圆代表完整、方代表稳定、三角代表方向——基本图形自带语义,无需文字解释。
03 — 三原色
现实案例:蒙德里安格子裙(YSL 1965)。仅用三原色加黑白线,至今仍是“现代”的视觉代名词。
04 — 栅格与对齐
现实案例:瑞士国际主义海报。严格的模数栅格让信息层级一目了然,今天的网页栅格系统正是它的延续。
05 — 无衬线字体
现实案例:Helvetica。脱胎于包豪斯的清晰理念,成为机场、地铁、品牌的全球默认语言。
06 — 少即是多
现实案例:初代 iPod 界面。一个转盘搞定一切操作,密斯·凡德罗的“Less is more”被乔布斯重新讲了一遍。
07 — 不对称平衡
现实案例:Spotify 专辑页。大封面偏左、信息靠右,重量不等却视觉平稳——动态而不混乱。
08 — 材料的真实
现实案例:清水混凝土建筑(安藤忠雄)。不贴砖、不刷漆,材料本身的质感就是最终立面。
09 — 艺术联姻工业
现实案例:宜家平板包装。美感与可量产、可运输、可自装一体考量——这正是包豪斯工坊的核心训练。
10 — 整体设计
现实案例:Apple 生态。硬件、系统、字体、包装、零售店共用一套设计语言——Gesamtkunstwerk 的现代版。
形式追随功能
给我一个主题,我就用 ai-slides 产出一份这样的单文件 HTML 演示。