跳到主要内容
知仓学习社ZHICANG

form-follows-function-as-axiom

Use this skill when applying the descriptive form-follows-function interpretation — functional clarity as a source of aesthetic quality. Trigger whe…

不碰外部(只输出文字)无严重或高危命中hashgraph-online/awesome-codex-plugins

它会碰到什么

扫了多少2 个文本文件,5 KB
它会碰到什么不碰外部(只输出文字)
命中总数0 处
命中统计严重 0 · 高 0 · 中 0 · 低 0

这一栏是扫描器报的事实,不是结论。命中多不等于有毒(安全工具、规则库、示例脚本本来就会包含危险写法),命中少也不等于干净。它和你手上的凭据、文件、网络有什么关系,需要你自己看。

技能内容

Form follows function as descriptive axiom

The descriptive interpretation: beautiful design tends to result from purity of function. Every visible element has a purpose; nothing decorative without function. The result tends to be coherent, timeless, and pleasing without being explicitly "designed for beauty."

When the descriptive interpretation applies cleanly

  • Industrial tools (Leatherman, Dyson, Snap-on) — function-derived form is what users want.
  • Information design (Tufte-style charts, transit maps) — every mark earns its place.
  • Working software UI (IDEs, dashboards, admin panels) — clarity dominates.
  • Type design (Helvetica, Inter, IBM Plex) — function (legibility) drives the form.
  • Architecture for utility (warehouses, factories, infrastructure) — pure function reads as visually honest.

In these contexts, the rule "strip what doesn't serve function" usually improves the result.

How to apply

  1. Identify function clearly. What does this design do? What's its primary purpose?
  2. Audit each visible element. Does it serve the function? If not, it's a candidate to cut.
  3. Trust the result. Function-derived form tends to be visually compelling without explicit decoration.

Worked examples

A monitoring dashboard

Function: rapid comprehension of system state.

Form-follows-function moves:

  • Strip decorative borders.
  • Use a minimal color palette; reserve color for status semantics.
  • Place key metrics in dominant positions.
  • Remove ornamental icons that don't aid comprehension.

Result: a dashboard that feels designed even though no decoration was added.

A typeface

Function: legibility at small sizes; durability across rendering environments.

Form-follows-function moves:

  • Open counters (the spaces inside letters).
  • Distinctive characters (clear distinction between l, 1, I).
  • Optical adjustment for size (different shapes at different sizes).

Result: a typeface like Inter or IBM Plex Sans that's beautiful precisely because every letter is shaped for reading.

When to depart from the descriptive interpretation

  • Brand surfaces where personality matters as much as function.
  • Marketing materials where attention is the function.
  • Consumer products competing on appeal.

In these contexts, "strip what doesn't serve narrow function" loses to "include what serves broader function (including engagement and brand)."

Related sub-skills

  • form-follows-function (parent).
  • form-follows-function-success-criteria — defining what counts as function.
  • signal-to-noise-ratio — the operational version.
  • ockhams-razor — preferring simpler solutions.

想直接用这个技能?

本站把开放许可(MIT / Apache 等)的技能按仓库打包整理到网盘,点一下转存到你自己的网盘,不用一个个从 GitHub 拉。许可未声明的技能只给原始仓库链接,不打包。

它属于哪个仓库

星标★ 1,027
本站分层T1
该仓技能数1910
原文件路径plugins/HDeibler/universal-design-principles/plugins/aesthetics-and-emotion-principles/skills/form-follows-function-as-axiom/SKILL.md

同一个仓库里的其他技能

看这个仓库的全部 1910 个技能