フラットデザイン

Flat design|フラットイラスト、flat illustration、flat vector、2D

フラットデザインは、影・グラデーション・質感といった奥行きの表現を使わず、ベタ塗りの面と単純な形だけで描く画像のスタイル。

ベタ塗りの面で構成され、影・グラデーション・質感がない
伝えたいこと
影も立体感もない、面と輪郭だけの整った絵にしたい
見た目
ベタ塗りの面で構成され、影・グラデーション・質感がない

向く場面 / 向かない場面

  • 向く:アイコン、説明図、Web のヒーロー画像、資料の挿絵
  • 向かない:質感を見せたいもの(料理、素材、肌)。「おいしそう」はフラットでは出ない

隣の項目との違い

  • ミニマル:ミニマルは「要素を減らす」、フラットは「奥行きを消す」。両方同時に指定できる
  • ラインアート:線だけで面を塗らない。フラットは面が主
  • アイソメトリック:アイソメは奥行きを斜め投影で描く。フラットは奥行きなし

もしかして、探しているのはこっち?

AIへの指示例

画像生成(英語)
a small corner café exterior on a quiet street, flat design illustration, solid colors, no gradients, no shadows, simple geometric shapes, limited palette of 5 colors,
one door, one window with a hanging sign, a striped awning, two potted plants, a bicycle, daytime, no people, no text
日本語で言うなら
影も立体感もない、ベタ塗りのフラットなイラストで。色は5色まで、背景は無地。

一緒に指定するもの / 崩れやすい点

  • 一緒に:色数(limited palette)、背景(plain background)、線の有無(with/without outlines)
  • 崩れやすい:「flat」だけだと薄い影が入ることがある。no shadows, no gradients を明示する

似ている表現

#イラスト#ベクター#アイコン

更新:2026-09-19