扁平插画

Flat Illustration

Flat Illustration 扁平风 扁平化插画 Flat Design Flat Vector 矢量插画

用平涂色块、简单形状和很少的光影表现场景的插画风格,随 2010 年代扁平化设计流行,广泛用于网页、App 和运营物料。

又称:扁平风 · 扁平化插画 · Flat Design · Flat Vector · 矢量插画

  • Midjourney
  • Stable Diffusion
  • Flux
  • 即梦

近似示意,非真实生成效果

Flat Illustration · 近似示意

Prompt 片段

  • Midjourney
    flat illustration, vector art, layered green hills, pine trees, orange sun, simple clouds, warm peach sky, minimal shapes, no gradients, no texture --ar 4:3 --style raw
  • Stable Diffusion负面提示词可加:photorealistic, 3d, shading, texture, noise
    flat vector illustration, simple geometric shapes, solid colors, clean edges, limited palette, landscape, adobe illustrator style
  • Flux
    A flat vector illustration of rolling hills in three shades of green, two simple pine trees, an orange sun and white rounded clouds on a peach background. Solid colors only, no gradients or shadows.
  • 即梦
    扁平风格插画,矢量,层叠的绿色山丘,小松树,橙色太阳,圆润白云,暖色背景,纯色平涂,没有渐变和阴影

是什么

扁平插画(Flat Illustration)用纯色平涂的几何形状构成画面,几乎不用渐变、投影和质感。它和 2010 年代的「扁平化设计」一起流行:微软在 Windows Phone 和 Windows 8 上推行的 Metro 设计语言,以及 2013 年发布的 iOS 7,都放弃了模仿真实材质的拟物化风格,界面变得简洁,与之搭配的插画也随之变「平」。今天它是网页落地页、App 引导页、运营海报里最常见的插画类型之一。

视觉与情绪效果

  • 干净、友好:色块清楚,信息一眼就能读懂。
  • 有层次但不复杂:靠前后叠放和明度变化表现远近,比如样张里三层深浅不同的绿色山丘。
  • 适合缩放:形状简单,放在小图标和大横幅上都成立。

什么时候用

  • 网页插图、空状态页、App 引导页
  • 教育、科技、金融等需要亲和力的产品宣传
  • 需要统一风格的一组图(系列海报、信息图配图)

写 Prompt 的技巧

  1. 基础组合:flat illustration, vector art, solid colors, simple shapes, no gradients
  2. 指定调色:limited palette of greens and orange,让系列图的配色保持一致。
  3. 需要轻微层次时写 subtle grainsoft shadows;追求纯平面时明确写 no shadows
  4. Midjourney 加 --style raw 可以减少模型自己加的光影和细节。

常见误区

  • 只写 illustration 时,模型常会加上渐变、质感和体积光,不再「扁平」。
  • 生成结果虽然看起来是矢量,但本质上仍是位图,放大或修改需要重新描摹成矢量。

页面上方的样张为 SVG 近似示意,真实生成效果请以所用模型为准。

esc