跳到正文

复古 70 年代

Retro 70s

初级通用

复古 70 年代(Retro 70s)是借用 20 世纪 70 年代常见的暖土色、圆润字形和曲线图案来设计界面的风格。它能让音乐活动页或生活方式品牌网站传达怀旧、亲近的气质,同时保留今天的阅读和操作习惯。

你可能会说:「我想把这个音乐活动网站做得像七十年代的唱片封套,但用户仍能轻松看清信息和买票。」

动手看看

回声唱片
活动日历
VINYL WEEKEND · 06/15
周末黑胶集市
旧唱片、手冲咖啡,还有一整个下午的灵魂乐。
查看活动详情
页面风格

先切换页面风格,再拖动图案弧度;也可以悬停、按住或用 Tab 聚焦「查看活动详情」。暖土色、圆润字形和层层套叠的曲线,让这张活动卡片有了 70 年代唱片封面的味道。

弧度拉高后,套叠图案更像唱片与夕阳。装饰放在文字背后、避开按钮就好;铺得太满,会抢走活动名称和操作入口的注意力。

要点

  1. 1

    用暖土色建立年代印象

    我们可以从奶油白、棕色、陶土橙、芥末黄中挑主色。因为这些颜色比高饱和霓虹色更接近这类视觉印象,所以页面不必放满旧物照片,也能让人读出年代感。

  2. 2

    用字形和曲线表达性格

    圆润、厚重的标题字,配合弧线或波浪形图案,能让首屏像一张活动海报。正文仍用容易辨认的字体,因为标题负责营造气氛,活动时间、票价和购买入口负责让用户完成任务。

  3. 3

    让旧质感停留在装饰层

    纸张颗粒、轻微褪色可以用于背景或插画,但我们会先检查文字与背景的对比度。这样既有印刷品的联想,也不会让用户为了看清按钮和表单字段而费力。

容易混淆的地方

它和装饰艺术风格都可能用醒目的标题,但装饰艺术更依赖几何对称与精致线条,复古 70 年代更常借助暖土色、圆润字形和流动曲线。它也不是把所有旧东西堆在一起:如果你要的是霓虹色、电子屏和早期互联网感,更接近 Y2K 或蒸汽波。

什么时候用

适合用

  • 做音乐节或唱片商店网站时,用它让首屏与宣传物料形成一致的年代氛围。
  • 为复古家具、二手服饰品牌做活动页时,用暖土色和曲线传达品牌气质。
  • 做怀旧主题的线上展览时,用海报式标题吸引浏览,再以清晰的布局呈现展品信息。

不适合用

  • 做医院挂号或政务办事页面时,用户更需要快速识别信息和操作;优先选清晰、中性的界面风格。
  • 做严肃的数据监控后台时,大量历史风格装饰帮不上读数;用克制的排版和明确的状态颜色更合适。
  • 品牌已经有严格的视觉系统、目标只是新增一个功能页时,沿用现有设计令牌比另起一套复古风格更连贯。

练一练

你正在做一个复古唱片市集的售票页,想让用户感到有年代气氛,又能顺利买票。你会让 AI Agent 怎样设计?

让 AI 帮你做

请把这个复古唱片市集售票页设计成复古 70 年代风格:以奶油白、棕色和陶土橙为主,标题可用圆润厚重的字形,少量加入曲线与纸张颗粒。日期、票价和购票按钮要清楚易读;先给我配色、字体和首屏布局方案。

接下来学什么