设计稿孟菲斯风格怎么运用

本文目录导读：

1. 核心特征：抓住这四大元素
2. 在不同设计稿中的具体运用方法
3. 实战操作步骤（以一张海报为例）
4. 常见误区（避坑指南）
5. 总结一句话

孟菲斯风格（Memphis Style）是一种极具辨识度的后现代主义设计语言，它诞生于1981年的意大利，由埃托雷·索特萨斯（Ettore Sottsass）创立，它是对包豪斯、现代主义“形式服从功能”的一种反叛和戏谑。

要将孟菲斯风格成功运用到设计稿（无论是平面、UI还是产品设计）中，核心在于抓住它“荒诞、天真、活泼与打破常规”的精神，以下是具体的运用指南和技巧：

核心特征：抓住这四大元素

1. 高饱和、甚至有些“土味”的色彩：

   • 不追求高级灰或莫兰迪色,常常使用明黄、亮蓝、艳红、荧光绿、亮粉色，并进行大胆的撞色。
   • 技巧：使用色块拼接，红配绿、黄配蓝，越冲突越孟菲斯。

2. 几何图形的狂欢：

   • 大量使用基础几何图形：圆形、三角形、方形、半圆形、波浪线、点状纹理。
   • 技巧：图形不是整齐排列的，而是随机、漂浮、大小不一、没有透视关系地散落在画面中。

3. 随机的、不规则的框架：

   • 打破横平竖直,边框可以是倾斜的、断裂的、用粗线条随意勾勒的。
   • 技巧：在排版时，故意让图片或文本框旋转5-10度，或者使用锯齿形的分割线。

4. 带有“伪3D”或“像素感”的纹理：

   • 常见纹理：点阵（波尔卡圆点）、斑马纹、粗线条的网格、水磨石花纹、木纹、甚至类似电脑初期的像素风。
   • 技术：在UI中可以用CSS实现斑点背景，在平面里可以叠加纹理图层。

在不同设计稿中的具体运用方法

海报设计 / 平面设计

• 排版：放弃传统的栅格系统，标题文字可以很大、很粗、且用无衬线字体，文字可以变成图形的一部分，把“SALE”这几个字设计成几何构图的一部分，或者用粗黑的边框框起来，并倾斜放置。
• 构图：采用“放射性”或“拥挤型”构图，不要留太多空白，让元素充满画面，形成一种热闹的视觉效果。
• 案例：想象一张海报，背景是浅粉色，中间有一张圆形的主体图片，图片被黄色的锯齿框住，左边漂浮着一个白色的三角形，角落有一个黑色的粗框，里面写着歪斜的文字。

UI 设计 / 网页设计

• 需要注意：直接复刻复古孟菲斯可能会影响UI的可用性和信息层级，建议取其神而改其形（Neo-Memphis）。
• 运用方式：
  • 导航栏：可以做成不规则的多边形，而不是一条横线。
  • 按钮：按钮可以是圆形、三角形，或者带有非常夸张的投影和渐变。
  • 背景/点缀：首页背景可以采用几何色块拼接，用一些漂浮的点、线、波浪作为微动效。
  • 色彩：使用孟菲斯配色的原则，但降低一点饱和度，或者只用在关键的CTA按钮和图标上。
  • 卡片：卡片不再是圆角矩形，可以是带有明显边框、有斜线分割的几何造型。

产品设计 / 包装设计

• 这是最接近原教旨的地方：对于实体产品包装（如饮料、化妆品、零食），可以大胆使用。
• 形式：包装本身可以是奇怪的形状（如不对称的酒瓶），或者表面覆盖着杂乱无章的几何图案和鲜艳的色块。
• 材质：可以结合塑料、金属、大理石纹等不同材质，制造冲突感。

实战操作步骤（以一张海报为例）

1. 确定底色：选择一种醒目的纯色，如荧光黄（#FFFF00）或艳粉（#FF1493）。
2. 建立主体：放置一张主体图片（摄影或插画），挖空成圆形或心形。
3. 添加“皮肤”：
   • 在圆形周围加一个粗粗的黑色边框。
   • 在圆形底下叠加几个不同颜色的半透明纯色几何体（如蓝色半圆、红色长方形）。
4. 制造混乱：
   • 在画布角落随意画几条波浪线（用钢笔工具）。
   • 添加几个小圆点（波点纹理），大小不一。
   • 加上像“建筑草图”一样的直线和折线（网格线）。
5. 添加文字：
   • 使用Bauhaus、Futura、ITC Machine等无衬线几何字体。
   • 将文字水平旋转30度。
   • 用粗黑框（Stroke）把文字框起来，这个框可以是倾斜的。
6. 最后调整：检查一下，是不是感觉“这里不该出现这么奇怪的东西”？如果是，那就对了。

常见误区（避坑指南）

1. 过于克制：孟菲斯最怕“精致”，如果你的元素排列得整整齐齐、排版严丝合缝，那就失去了灵魂，要敢于制造“视觉上的噪音”。
2. 色彩脏乱：虽然用色大胆，但要控制色轮范围，建议使用3-5种主色（如红、黄、蓝、黑、白），不要用10种不同的低饱和度色混在一起，那样只会显得脏。
3. 忽略信息传达：在UI和商业海报中，孟菲斯风格容易让人找不到重点。必须确保主体信息（Logo、标题、按钮）是最突出的，装饰只是它的“衣服”。
4. 真正的碰壁点：不要把它用于需要传达“高端、严肃、权威、极简”的品牌（如法律、金融、医疗），它更适合时尚、创意、音乐、派对、新消费品牌。

总结一句话

孟菲斯风格的使用心法是：像一个喝多了可乐的5岁儿童，用尽所有最鲜艳的积木，在一张纸上涂涂画画，并且觉得“不要整齐，要歪一点才好看”。

具体到设计稿中,你不需要全部照搬，可以从背景纹理（波点/网格）和边框的随机性这两个小切口开始尝试，效果会非常显著。

标签： 设计运用