跳到正文

孟菲斯

Memphis

初级通用

孟菲斯(Memphis)是源自 20 世纪 80 年代孟菲斯设计团体的设计风格,常用高对比配色、几何图形和不规则图案打破规整布局。它能让活动页或品牌视觉显得活跃、有辨识度,例如给新品发布页设计一组图形背景。

你可能会说:「我想让活动页面更跳脱一点,用撞色和几何图案,但主要内容还是要好读。」

动手看看

POP DAY
新品上市 · 06.18
喝点不一样的。
跳色随行杯今天出门,带上好心情。
看看新品
POP
页面风格

切换页面风格,再调调图形倾斜角度;也可以悬停、按下或用 Tab 聚焦「看看新品」。同一款杯子,换一套视觉语言,气质就变了。

孟菲斯的辨识点不只是颜色鲜艳:粉、蓝、黄的高对比,黑色硬边,以及错开角度的圆点、条纹和方块,一起制造跳跃的节奏。

要点

  1. 1

    用图形和图案制造节奏

    圆点、线条、曲线和不规则形状可以交错出现,不必排成整齐的网格。你做活动页时,可以把它们放在标题周围或区块背景里,让画面有变化,而不是让图案盖住正文。

  2. 2

    用鲜明配色拉开区别

    孟菲斯常把几种差异明显的颜色放在一起,也会用黑白图案形成对比。这样做能快速建立识别度;但按钮和文字仍要有足够对比度,用户才找得到操作入口、读得清内容。

  3. 3

    让装饰服从信息顺序

    这种风格看起来不拘一格,不等于每个组件都要变化。我们可以让首屏插图和分区标题更有表现力,同时保持表单、导航和卡片的用法一致。这样用户感受到风格,也能顺利完成任务。

容易混淆的地方

孟菲斯和包豪斯都会用几何形,但方向不同:包豪斯更强调功能与秩序,孟菲斯更愿意用图案、撞色和不对称打破秩序。它也不等于「趣味插画」:插画可以靠角色和故事营造趣味;孟菲斯即使没有角色,也能靠抽象图形与配色形成风格。

什么时候用

适合用

  • 做新品发布页或活动专题页时,你想让首屏迅速区别于日常产品界面,可以用孟菲斯图形建立视觉主题。
  • 做面向年轻创作者的工具官网时,品牌想呈现活跃、敢于尝试的气质,可以把这种风格用于展示区和宣传素材。
  • 做 App 的活动空状态或成就页时,你想让少量内容显得更有趣,可以用几何图案点缀插图区域。

不适合用

  • 做财务后台的密集数据表格时,用户主要是核对数字和状态;用清晰的表格层级与克制配色更合适。
  • 做长篇知识库正文页时,读者需要持续阅读;用稳定的排版和少干扰的背景,比大面积装饰图案更合适。
  • 做紧急故障告警页时,用户需要立刻识别风险和处置动作;优先用明确的警告层级与操作指引。

练一练

你要给一款 AI 绘图工具做限时活动页,既想让页面有辨识度,也要让用户看清价格和购买按钮。哪种方案更贴近孟菲斯风格的合理用法?

让 AI 帮你做

请把这个 AI 工具活动页的展示区域设计成孟菲斯风格:用高对比配色、抽象几何形和不规则图案建立节奏。价格、正文和购买按钮保持清晰易读,导航与表单沿用现有交互;请先给出配色和图案方案,再实现页面。

接下来学什么