# 孟菲斯网页（Memphis Web Design）

镜语 · 版式与界面 / 色调与氛围

- 别名：孟菲斯风网页、Memphis 风、80 年代几何风、撞色几何
- 口语：「到处是彩色小几何图形」「波浪线三角形圆点那种」「很热闹很好玩的网页」
- 一句话：波浪线、三角、圆点和锯齿撞色乱撒，粗黑描边，热闹又好玩
- 是什么：孟菲斯网页把 1980 年代意大利孟菲斯设计小组（Memphis Group）的语言用到界面上：高饱和撞色、波浪线、锯齿、三角形、圆点底纹和粗黑描边，形状像被随手撒在页面上。它刻意反对「少即是多」，追求热闹和玩味
- 缺了就不像：散落的几何形状；高饱和撞色；粗黑描边
- 加了更像：圆点底纹；波浪线和锯齿；错位硬投影；倾斜摆放
- 适合用在：儿童、教育、潮玩和活动类网页；年轻化品牌的社交媒体图和视频包装；想要「好玩、不严肃」的个人主页
- 看哪里：看背景的圆点底纹和四周散落的波浪线、锯齿、三角形，有几个在慢慢摇摆；头像和标题都有错位的彩色硬投影。点「换一套配色」，所有色块会一起换成另一组撞色
- 注意：形状太多会压过内容，文字区背后要留干净的底；颜色超过四五种就容易显得杂乱
- 描述示例：做一个孟菲斯风格（Memphis Design）的个人主页：奶油色背景铺满黑色小圆点，四周散落粗黑波浪线、蓝色锯齿线、黄色三角、粉色圆形等几何形状，有几个轻微摇摆；圆形头像带黑色粗描边和错位的蓝色圆形底；标题是超粗黑体，带粉色错位硬投影；按钮是黄色胶囊，3px 黑描边和 4px 黑色硬阴影；作品缩略图分别裁成圆形、方形和单角圆角，略微倾斜；配色只用粉、蓝、黄、紫四种高饱和色加黑
- 易混：
  - [孟菲斯](https://idea.ameng.dev/terms/memphis.md)：孟菲斯是平面与家具设计风格；孟菲斯网页把它用在按钮、卡片和页面背景上
  - [新粗野](https://idea.ameng.dev/terms/neo-brutalism.md)：新粗野也用粗描边硬阴影，但版面方正克制；孟菲斯靠散落的几何装饰制造热闹
- 相关：[多巴胺配色](https://idea.ameng.dev/terms/dopamine-color.md)

## 来源与延伸阅读

- [Wikipedia · Memphis Group](https://en.wikipedia.org/wiki/Memphis_Group)

网页版（含演示）：https://idea.ameng.dev/terms/memphis-web