フラットカートゥーンの4要素：シンプルなキャラ、フラットな光、大胆な配色、すっきりした形
ここにあるフラットカートゥーンの作品は、どれも同じ4つの要素でできています。スタイルが言葉のまわりにキャラ、光、配色、形を描き、文字そのものは選んだ AI フォントが決めます。
フラットなイラストアイコン・ペア画・ステッカー・イラスト・投稿画像
どの形式も、名前や言葉のまわりにシンプルで親しみやすいキャラをフラットな色で描きます。形式を選んで作例を見るか、作りたいものを書いてください。
フラットカートゥーンに合う AI フォント
ここの AI フォントはどれもフラットカートゥーンの画面に合います。ひとつ選ぶか、ジェネレーターに任せましょう。
フラットカートゥーンスタイルの作品
FontVibe で作られた実際の作品です。開いて見るか、自分の文字で作り直せます。
フラットカートゥーンで作れるデザイン
フラットカートゥーンスタイルでよく作られるもののページです。どのページにもすぐ使えるアイデアと正しいサイズがあります。
似ているスタイル
同じ種類のデザインに使える、別のスタイルです。
フラットカートゥーンのタグ
このページで使われているすべてのタグ。同じタグの作品・フォント・スタイルを見られます。
よくある質問
フラットカートゥーンスタイルの成り立ち
このビジュアルがどこから来たのか、形づくった出来事と、出典つきの事実。
フラットカートゥーンのルーツ
フラットなカートゥーンの絵は三つのところから生まれました。Ettore Sottsass が 1980 年 12 月に立ち上げ 1987 年まで活動した Memphis Group は、明るい色、子どもっぽい模様、幾何学的な形で知られます。ベクター描画はそうした形にくっきりした輪郭を与えました。Ivan Sutherland は 1963 年にプログラム Sketchpad を動かし、1987 年初めに発売された Adobe Illustrator は直線とベジェ曲線で無限に拡大できる図形を描きました。
やがて画面がフラットになります。Microsoft は 2010 年の Windows Phone 7 でフラットなスタイルを続け、2013 年には Apple の iOS 7 が明るい色のフラットなインターフェースに移りました。2017 年、制作会社 Buck が Facebook のために Alegria というフラットな人物スタイルを作り、のちに Corporate Memphis と呼ばれるようになりました。
アバターがそれを自分のものにしました。avatar という言葉は 1985 年に Richard Garriott がゲーム Ultima IV のために作り、2014 年 10 月には Bitstrips がスピンオフアプリ Bitmoji を出しました。いまのフラットなイラストアイコンはこの二つを合わせたもの。無地の色面にシンプルで親しみやすいキャラを、一枚で、またはペアで描きます。
出典: Wikipedia — Memphis Group · Wikipedia — Vector graphics · Wikipedia — Adobe Illustrator · Wikipedia — Flat design · Wikipedia — Corporate Memphis · Wikipedia — Avatar (computing) · Wikipedia — Bitmoji
フラットカートゥーンを形づくった出来事
知ってた？
画面上の分身を指す avatar という言葉は、1985 年に Richard Garriott がゲーム Ultima IV: Quest of the Avatar のために作りました。 出典 ↗
Memphis Group の名前は、最初の集まりでくり返し流れていた Bob Dylan の曲 Stuck Inside of Mobile with the Memphis Blues Again から。 出典 ↗
Bitmoji は 2017 年に世界で最もダウンロードされた iOS アプリで、2022 年には利用者が 2 億 5,000 万人を超えました。 出典 ↗
Corporate Memphis という名前は Mike Merrill が、初期の例を集めた Are.na のボードのタイトルから付けました。 出典 ↗
フラットカートゥーンの文字
フラットカートゥーンの文字は、キャラの横に小さく静かに置きます。アイコンの下に名前やハンドル名を一つ、やわらかな丸ゴシックか親しみやすい手書き文字で、絵の中の一色を使って。ペアアイコンでは名前をそれぞれのキャラの下に置くか、短いフレーズを左右に分けて、二枚そろうと一言になるようにします。
イラストや投稿では、短いタイトルを無地の色面に左寄せか中央寄せで、余白をたっぷり。日時などの情報はその下に同じ書体で小さく入れます。
こんなところで見かけます
- ✦Instagram、TikTok、Discord、X のアイコン
- ✦カップルや親友のペアアイコン
- ✦パソコン、手帳、水筒に貼るステッカー
- ✦ブログのヘッダーや雑誌風のカットイラスト
- ✦サイト、アプリ、オンボーディングのイラスト
- ✦イベント告知や SNS 投稿
フラットカートゥーンの4要素：シンプルなキャラ、フラットな光、大胆な配色、すっきりした形
ここにあるフラットカートゥーンの作品は、どれも同じ4つの要素でできています。スタイルが言葉のまわりにキャラ、光、配色、形を描き、文字そのものは選んだ AI フォントが決めます。
フラットなイラストアイコン・ペア画・ステッカー・イラスト・投稿画像
どの形式も、名前や言葉のまわりにシンプルで親しみやすいキャラをフラットな色で描きます。形式を選んで作例を見るか、作りたいものを書いてください。
フラットカートゥーンに合う AI フォント
ここの AI フォントはどれもフラットカートゥーンの画面に合います。ひとつ選ぶか、ジェネレーターに任せましょう。
フラットカートゥーンスタイルの作品
FontVibe で作られた実際の作品です。開いて見るか、自分の文字で作り直せます。
フラットカートゥーンで作れるデザイン
フラットカートゥーンスタイルでよく作られるもののページです。どのページにもすぐ使えるアイデアと正しいサイズがあります。
似ているスタイル
同じ種類のデザインに使える、別のスタイルです。
フラットカートゥーンのタグ
このページで使われているすべてのタグ。同じタグの作品・フォント・スタイルを見られます。
よくある質問
フラットカートゥーンスタイルの成り立ち
このビジュアルがどこから来たのか、形づくった出来事と、出典つきの事実。
フラットカートゥーンのルーツ
フラットなカートゥーンの絵は三つのところから生まれました。Ettore Sottsass が 1980 年 12 月に立ち上げ 1987 年まで活動した Memphis Group は、明るい色、子どもっぽい模様、幾何学的な形で知られます。ベクター描画はそうした形にくっきりした輪郭を与えました。Ivan Sutherland は 1963 年にプログラム Sketchpad を動かし、1987 年初めに発売された Adobe Illustrator は直線とベジェ曲線で無限に拡大できる図形を描きました。
やがて画面がフラットになります。Microsoft は 2010 年の Windows Phone 7 でフラットなスタイルを続け、2013 年には Apple の iOS 7 が明るい色のフラットなインターフェースに移りました。2017 年、制作会社 Buck が Facebook のために Alegria というフラットな人物スタイルを作り、のちに Corporate Memphis と呼ばれるようになりました。
アバターがそれを自分のものにしました。avatar という言葉は 1985 年に Richard Garriott がゲーム Ultima IV のために作り、2014 年 10 月には Bitstrips がスピンオフアプリ Bitmoji を出しました。いまのフラットなイラストアイコンはこの二つを合わせたもの。無地の色面にシンプルで親しみやすいキャラを、一枚で、またはペアで描きます。
出典: Wikipedia — Memphis Group · Wikipedia — Vector graphics · Wikipedia — Adobe Illustrator · Wikipedia — Flat design · Wikipedia — Corporate Memphis · Wikipedia — Avatar (computing) · Wikipedia — Bitmoji
フラットカートゥーンを形づくった出来事
知ってた？
画面上の分身を指す avatar という言葉は、1985 年に Richard Garriott がゲーム Ultima IV: Quest of the Avatar のために作りました。 出典 ↗
Memphis Group の名前は、最初の集まりでくり返し流れていた Bob Dylan の曲 Stuck Inside of Mobile with the Memphis Blues Again から。 出典 ↗
Bitmoji は 2017 年に世界で最もダウンロードされた iOS アプリで、2022 年には利用者が 2 億 5,000 万人を超えました。 出典 ↗
Corporate Memphis という名前は Mike Merrill が、初期の例を集めた Are.na のボードのタイトルから付けました。 出典 ↗
フラットカートゥーンの文字
フラットカートゥーンの文字は、キャラの横に小さく静かに置きます。アイコンの下に名前やハンドル名を一つ、やわらかな丸ゴシックか親しみやすい手書き文字で、絵の中の一色を使って。ペアアイコンでは名前をそれぞれのキャラの下に置くか、短いフレーズを左右に分けて、二枚そろうと一言になるようにします。
イラストや投稿では、短いタイトルを無地の色面に左寄せか中央寄せで、余白をたっぷり。日時などの情報はその下に同じ書体で小さく入れます。
こんなところで見かけます
- ✦Instagram、TikTok、Discord、X のアイコン
- ✦カップルや親友のペアアイコン
- ✦パソコン、手帳、水筒に貼るステッカー
- ✦ブログのヘッダーや雑誌風のカットイラスト
- ✦サイト、アプリ、オンボーディングのイラスト
- ✦イベント告知や SNS 投稿