Design Vocabulary设计词汇 · 样本集 01

VOCABULARY / 词条

学院风

Preppy (Collegiate)

加入比较 +

借用美国东北部预科学校与常春藤校园视觉传统的平面语言:盾形徽章与纹章元素、运动队式的粗体字母与数字、海军蓝配酒红或深绿的条纹,以及带衬线的传统字体,用来表达传承、正统与"老派体面"的气质。

示意图 · 编辑插画,尚无可操作示例
一张名为 FIELDNOTES 的虚构学院风封面:中央是盾形徽章与绶带,上方是粗体校队字母,背景为海军蓝与酒红斜条纹,下方排着米白色占位文本条。
一张名为 FIELDNOTES 的虚构学院风封面:中央是盾形徽章与绶带,上方是粗体校队字母,背景为海军蓝与酒红斜条纹,下方排着米白色占位文本条。

识别特征

  • 盾形、绶带或桂冠一类的纹章构件作为标识核心
  • 粗壮的校队字母、数字或年份,常带描边
  • 海军蓝、酒红、深绿与米白构成的条纹或格纹分区

概念边界

本词条讨论的是这套图形语言在品牌、包装与界面上的用法,不概括 preppy 作为服饰品味或社会阶层标签的完整含义。判定标准是纹章、校队字体与传统衬线排版的组合,而不是"用了海军蓝"或"看起来很正式"。它与装饰艺术不同:装饰艺术的几何母题服务于摩登感,学院风的纹章与条纹服务于"有来历"的暗示。它所指的传承是一种视觉修辞,不构成任何关于机构真实历史的主张——把徽章用在没有相应历史的产品上,只是借用符号。

什么时候考虑它

  • 品牌需要表达延续、正统或与教育、运动传统相关的身份
  • 产品线依靠一套可重复的纹章与配色区分系列或年份
  • 目标受众熟悉校园与俱乐部的视觉惯例,能读懂这些符号

什么时候慎用

  • 品牌主张是打破传统、面向新用户,纹章会传达相反的信号
  • 用徽章和年份暗示一段并不存在的机构历史
  • 界面密度很高,复杂纹章在小尺寸下退化成糊团

取舍

能迅速建立稳重、可信赖的观感,代价是它带着明确的阶层与地域联想,并且纹章在小尺寸、单色场景下需要另做简化版本。

条件规则 · 编辑建议

当纹章需要出现在图标、favicon 或小尺寸场景必须准备一个去掉细节、只保留主要轮廓的简化版本,并在实际最小尺寸上检查是否仍可辨认。
当徽章中出现年份、拉丁文或机构式措辞必须只使用产品真实具备的信息;不要用视觉符号暗示并不存在的历史或资质。

相关词条

装饰艺术 ↗条件替代 · 需要一种带装饰母题的复古品牌语言

装饰艺术用几何化装饰表达摩登与奢华,学院风用纹章与条纹表达传承与正统,两者的怀旧指向不同年代与不同价值。

瑞士国际主义 ↗可以配合 · 纹章作为品牌标识,正文与导航仍需清晰的信息层级

纹章负责身份表达,网格与排版层级负责可读性,两者分工不冲突。

对比与可读性 ↗条件冲突 · 深色条纹底上直接放置小号文字或图标

条纹会让同一段文字落在不同亮度的背景上,最不利处的对比度才是真实对比度。

来源与支持范围

Wikipedia · Preppy ↗

该条目把 preppy 描述为与美国东北部预科学校校友相关的亚文化,其着装源自这些学校二十世纪早中期的风尚,并与常春藤院校联系在一起;本词条据此确认这套视觉符号的出处,把它转译为品牌与界面的图形语言属编辑判断。

检索日期:2026-09-16 · 快照待确认
Wikipedia · The Official Preppy Handbook ↗

该条目记载《The Official Preppy Handbook》于 1980 年 10 月由 Workman Publishing 出版,是对这一品味的成文汇编;本词条据此说明这套符号在 1980 年前后被明确编码,并不主张该书是设计规范。

检索日期:2026-09-16 · 快照待确认

定义参考以上来源;数字界面示例、选择建议、条件关系及配方由本样例编辑,尚未经用户研究验证。

类型扩展与实现说明

本词条尚无可操作示例;插画为编辑示意,用虚构徽章展示这套图形语言,不代表任何真实机构。应用到产品前仍须确认徽章中的文字属实,并实测小尺寸下的可辨认度与条纹底上的对比度。

{
  "tokens": {
    "surface": "#f3efe4",
    "ink": "#152a44",
    "accent": "#7a2230",
    "radiusPx": 2,
    "shadow": "none"
  },
  "tokenScope": "本样例配方:米白底色、海军蓝墨色与酒红强调色,只是该风格常见取值之一,不是任何机构的标准色;实际项目需按品牌语境重新取值,并验证深色条纹上的文字对比度。"
}
完整 Agent 条目 JSON
{
  "id": "preppy",
  "type": "visual",
  "name": {
    "zh": "学院风",
    "en": "Preppy (Collegiate)"
  },
  "aliases": [
    "Collegiate Style",
    "Ivy Style",
    "常春藤风格",
    "校园徽章风"
  ],
  "granularity": "experience",
  "intents": [
    "express-brand",
    "organize-content"
  ],
  "tags": [
    "徽章",
    "校园",
    "条纹",
    "衬线字体",
    "传统"
  ],
  "definition": "借用美国东北部预科学校与常春藤校园视觉传统的平面语言:盾形徽章与纹章元素、运动队式的粗体字母与数字、海军蓝配酒红或深绿的条纹,以及带衬线的传统字体,用来表达传承、正统与\"老派体面\"的气质。",
  "boundary": "本词条讨论的是这套图形语言在品牌、包装与界面上的用法,不概括 preppy 作为服饰品味或社会阶层标签的完整含义。判定标准是纹章、校队字体与传统衬线排版的组合,而不是\"用了海军蓝\"或\"看起来很正式\"。它与装饰艺术不同:装饰艺术的几何母题服务于摩登感,学院风的纹章与条纹服务于\"有来历\"的暗示。它所指的传承是一种视觉修辞,不构成任何关于机构真实历史的主张——把徽章用在没有相应历史的产品上,只是借用符号。",
  "signature": [
    "盾形、绶带或桂冠一类的纹章构件作为标识核心",
    "粗壮的校队字母、数字或年份,常带描边",
    "海军蓝、酒红、深绿与米白构成的条纹或格纹分区"
  ],
  "when": [
    "品牌需要表达延续、正统或与教育、运动传统相关的身份",
    "产品线依靠一套可重复的纹章与配色区分系列或年份",
    "目标受众熟悉校园与俱乐部的视觉惯例,能读懂这些符号"
  ],
  "when_not": [
    "品牌主张是打破传统、面向新用户,纹章会传达相反的信号",
    "用徽章和年份暗示一段并不存在的机构历史",
    "界面密度很高,复杂纹章在小尺寸下退化成糊团"
  ],
  "tradeoff": "能迅速建立稳重、可信赖的观感,代价是它带着明确的阶层与地域联想,并且纹章在小尺寸、单色场景下需要另做简化版本。",
  "comparison": {
    "focus": "用校园传承的符号表达正统感",
    "mechanism": "纹章、校队字体与传统条纹配色",
    "cost": "符号自带阶层联想,且需要小尺寸简化版"
  },
  "sources": [
    {
      "id": "preppy-wikipedia",
      "title": "Wikipedia · Preppy",
      "url": "https://en.wikipedia.org/wiki/Preppy",
      "claim": "该条目把 preppy 描述为与美国东北部预科学校校友相关的亚文化,其着装源自这些学校二十世纪早中期的风尚,并与常春藤院校联系在一起;本词条据此确认这套视觉符号的出处,把它转译为品牌与界面的图形语言属编辑判断。",
      "checkedAt": "2026-09-16",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260916*/https://en.wikipedia.org/wiki/Preppy",
        "status": "unconfirmed",
        "checkedAt": "2026-09-16T13:01:42.423Z",
        "error": "status-request-failed",
        "jobId": "spn2-c4b21dcb1a4aa584439055baec53bb436cc1f379"
      }
    },
    {
      "id": "preppy-handbook",
      "title": "Wikipedia · The Official Preppy Handbook",
      "url": "https://en.wikipedia.org/wiki/The_Official_Preppy_Handbook",
      "claim": "该条目记载《The Official Preppy Handbook》于 1980 年 10 月由 Workman Publishing 出版,是对这一品味的成文汇编;本词条据此说明这套符号在 1980 年前后被明确编码,并不主张该书是设计规范。",
      "checkedAt": "2026-09-16",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260916*/https://en.wikipedia.org/wiki/The_Official_Preppy_Handbook",
        "status": "unconfirmed",
        "checkedAt": "2026-09-16T13:01:42.425Z",
        "error": "status-request-failed",
        "jobId": "spn2-fa87bb50129c701168bf6b431e7da93b5b11e813"
      }
    }
  ],
  "relations": [
    {
      "target": "art-deco",
      "kind": "alternative",
      "condition": "需要一种带装饰母题的复古品牌语言",
      "reason": "装饰艺术用几何化装饰表达摩登与奢华,学院风用纹章与条纹表达传承与正统,两者的怀旧指向不同年代与不同价值。",
      "basis": "editorial"
    },
    {
      "target": "swiss",
      "kind": "composes_with",
      "condition": "纹章作为品牌标识,正文与导航仍需清晰的信息层级",
      "reason": "纹章负责身份表达,网格与排版层级负责可读性,两者分工不冲突。",
      "basis": "editorial"
    },
    {
      "target": "contrast-legibility",
      "kind": "conflicts_when",
      "condition": "深色条纹底上直接放置小号文字或图标",
      "reason": "条纹会让同一段文字落在不同亮度的背景上,最不利处的对比度才是真实对比度。",
      "basis": "editorial"
    }
  ],
  "rules": [
    {
      "when": "纹章需要出现在图标、favicon 或小尺寸场景",
      "instruction": "准备一个去掉细节、只保留主要轮廓的简化版本,并在实际最小尺寸上检查是否仍可辨认。",
      "strength": "must",
      "basis": "editorial"
    },
    {
      "when": "徽章中出现年份、拉丁文或机构式措辞",
      "instruction": "只使用产品真实具备的信息;不要用视觉符号暗示并不存在的历史或资质。",
      "strength": "must",
      "basis": "editorial"
    }
  ],
  "visual": {
    "tokens": {
      "surface": "#f3efe4",
      "ink": "#152a44",
      "accent": "#7a2230",
      "radiusPx": 2,
      "shadow": "none"
    },
    "tokenScope": "本样例配方:米白底色、海军蓝墨色与酒红强调色,只是该风格常见取值之一,不是任何机构的标准色;实际项目需按品牌语境重新取值,并验证深色条纹上的文字对比度。"
  },
  "demo": null,
  "version": "0.1.0",
  "editorialStatus": "drafted",
  "requirements": [],
  "demoCapabilities": [],
  "implementationNote": "本词条尚无可操作示例;插画为编辑示意,用虚构徽章展示这套图形语言,不代表任何真实机构。应用到产品前仍须确认徽章中的文字属实,并实测小尺寸下的可辨认度与条纹底上的对比度。",
  "image": {
    "src": "/images/preppy.webp",
    "alt": "一张名为 FIELDNOTES 的虚构学院风封面:中央是盾形徽章与绶带,上方是粗体校队字母,背景为海军蓝与酒红斜条纹,下方排着米白色占位文本条。"
  },
  "searchTerms": [
    "crest",
    "campus",
    "stripes",
    "serif type",
    "heritage"
  ]
}