🕌

[画面デザイン][生成AI]いろんなデザインをChatGPTとGeminiとCopilotにお願いしてみた。

2025/09/03に公開3件

 Abstruct同じコマンドを ChatGPT と Gemini と Copilotに投げて、いろんな系の画面デザインをさせてみたまとめ。

 背景ChatGPT と Gemini と Copilotってどれも画像を描いてくれるけど、得意/不得意があるんじゃねって思ったのが動機。

下記の系統で比較してみた。ちなみにどれも無料版。

No
系統名
雰囲気・特徴

1
ミニマル系
余白多め、要素少なめ、洗練された印象

2
フラット系
影なし、シンプルな色面で構成

3
マテリアル系
Google推奨、影と階層感あり

4
ニューモーフィズム系
柔らかい凹凸、立体感のあるUI

5
グラスモーフィズム系
ぼかし＋透過、ガラス風の質感

6
ダーク系
黒背景、クールで集中しやすい

7
ライト系
白背景、明るく清潔感あり

8
レトロ系
80〜90年代風、懐かしい色使い

9
サイバー系
ネオン、グリッド、未来感

10
ナチュラル系
木目、紙、自然素材風

11
ポップ系
カラフルで元気、子供向けにも◎

12
モノトーン系
白黒基調、シックで大人っぽい

13
カラーブロック系
原色を大胆に配置、視認性高め

14
手描き系
ラフな線や質感、親しみやすい

15
アニメ系
キャラや背景がアニメ調

16
ゲーミフィケーション系
ゲーム風UI、スコアや報酬演出あり

17
SF系
宇宙、ロボ、未来都市的な演出

18
和風系
和紙、筆文字、縦書きなど

19
北欧系
柔らかい色、幾何学模様、温かみ

20
韓国系（K-style）
パステル、丸み、トレンド感

21
中国系（中華モダン）
赤金、漢字、伝統＋モダン融合

22
ローファイ系
意図的に粗い、懐かしい雰囲気

23
ハイテク系
データ表示、ダッシュボード風

24
インダストリアル系
金属、配管、工業的な質感

25
ファンタジー系
魔法、精霊、幻想的な世界観

26
かわいい系
ゆるキャラ、ふわふわ、癒し系

27
エレガント系
細いフォント、金や紫、高級感

28
スポーツ系
動き、エネルギー、スコア表示

29
ビジネス系
信頼感、整理された情報構造

30
アート系
抽象的、自由なレイアウトと色使い

 投入コマンドBLE（Bluetooth Low Energy）アプリのAndroid用Scan画面デザインを〇〇系のデザインで描いて欲しい。

 使用感Geminiは早い。デザインも凝ったのを出してくれる傾向あり。
Copilotはフレンドリー。出力は一番遅い。けどデザインの観点とかも出してくれるので次の指示をだしやすい。
ChatGPT微妙。生成画像数が少ないのはね。。。

 まとめChatGPTの結果がところどころないのは画像生成数の上限に達したからで、少しづつ追加中。

CopilotとGeminiはまだ上限内。太っ腹。画像生成はCopilotかGeminiでやった方がいいかも。

 1.ミニマル系ミニマル系って簡素なデザインってことなんだな。

Copilot
Gemini
ChatGPT

 2.フラット系フラットデザインってiPhoneでよく聞く。

Copilot
Gemini
ChatGPT

 3.マテリアル系Googleが推奨するデザイン

Copilot
Gemini
ChatGPT

 4.ニューモーフィズム系柔らかい凹凸、立体感ってことだけど、ミニマルデザインと違いがよく分からん。

Copilot
Gemini
ChatGPT

 5.グラスモーフィズム系ガラスコーティングした感じ。

Copilot
Gemini
ChatGPT

 6.ダーク系黒っぽくなるよね。

Copilot
Gemini
ChatGPT

 7.ライト系白っぽくなるよね。

Copilot
Gemini
ChatGPT

 8.レトロ系これはAIによって分かれる感じ。どっちにしてもレトロ感はある。

Copilot
Gemini
ChatGPT

 9.サイバー系なるほどーって感じ。Geminiがかっこいい。

Copilot
Gemini
ChatGPT

 10.ナチュラル系やわらかい色合いなんかな。

Copilot
Gemini
ChatGPT

 11.ポップ系にぎやかな感じ。

Copilot
Gemini
ChatGPT

 12.モノトーン系白黒。

Copilot
Gemini
ChatGPT

 13.カラーブロック系ポップ系と何が違うんだろ？

Copilot
Gemini
ChatGPT

 14.手描き系Geminiがカッコいいけど、この画面はつくれんなぁ。

Copilot
Gemini
ChatGPT

 15.アニメ系なるほど。こんなデザインか。

Copilot
Gemini
ChatGPT

 16.ゲーミフィケーション系Geminiは自由だなぁ。こんなデザインでアプリ作れんよ。

Copilot
Gemini
ChatGPT

 17.SF系サイバー系と通ずるものがある。

Copilot
Gemini
ChatGPT

 18.和風系うーん、和風？

Copilot
Gemini
ChatGPT

 19.北欧系うーん、北欧？

Copilot
Gemini
ChatGPT

 20.中東系Geminiのデザインがかっこいい

Copilot
Gemini
ChatGPT

 21.中国系（中華モダン）あーまぁ、中華デザインね。

Copilot
Gemini
ChatGPT

 22.ローファイ系「きれいに整いすぎず、ちょっと不完全で温かみがある」デザインのことらしい。

いいなぁ。

Copilot
Gemini
ChatGPT

 23.ハイテク系ちょっと凝ったデザインになるっぽい。

Copilot
Gemini
ChatGPT

 24.インダストリアル系工業的デザイン。

Copilot
Gemini
ChatGPT

 25.ファンタジー系うん、かっこいい。

Copilot
Gemini
ChatGPT

 26.かわいい系かわいいってピンクになりがちなんだろうね。

Copilot
Gemini
ChatGPT

 27.エレガント系Copilotのがいい。

Copilot
Gemini
ChatGPT

 28.スポーツ系うーん、何をもってスポーツ系デザインなんだろ？

Copilot
Gemini
ChatGPT

 29.ビジネス系なんか手抜いたのかって感じがする。

Copilot
Gemini
ChatGPT

 30.アート系なるほど。

Copilot
Gemini
ChatGPT

※25.08.31 ChatGPTの画像上限数が厳しくてこの記事がなかなか完成しないよ。とはいえやっと27まで揃えれた。

※25.09.03 やっと全部の画像を貼れた。ふぃー。

No	系統名	雰囲気・特徴
1	ミニマル系	余白多め、要素少なめ、洗練された印象
2	フラット系	影なし、シンプルな色面で構成
3	マテリアル系	Google推奨、影と階層感あり
4	ニューモーフィズム系	柔らかい凹凸、立体感のあるUI
5	グラスモーフィズム系	ぼかし＋透過、ガラス風の質感
6	ダーク系	黒背景、クールで集中しやすい
7	ライト系	白背景、明るく清潔感あり
8	レトロ系	80〜90年代風、懐かしい色使い
9	サイバー系	ネオン、グリッド、未来感
10	ナチュラル系	木目、紙、自然素材風
11	ポップ系	カラフルで元気、子供向けにも◎
12	モノトーン系	白黒基調、シックで大人っぽい
13	カラーブロック系	原色を大胆に配置、視認性高め
14	手描き系	ラフな線や質感、親しみやすい
15	アニメ系	キャラや背景がアニメ調
16	ゲーミフィケーション系	ゲーム風UI、スコアや報酬演出あり
17	SF系	宇宙、ロボ、未来都市的な演出
18	和風系	和紙、筆文字、縦書きなど
19	北欧系	柔らかい色、幾何学模様、温かみ
20	韓国系（K-style）	パステル、丸み、トレンド感
21	中国系（中華モダン）	赤金、漢字、伝統＋モダン融合
22	ローファイ系	意図的に粗い、懐かしい雰囲気
23	ハイテク系	データ表示、ダッシュボード風
24	インダストリアル系	金属、配管、工業的な質感
25	ファンタジー系	魔法、精霊、幻想的な世界観
26	かわいい系	ゆるキャラ、ふわふわ、癒し系
27	エレガント系	細いフォント、金や紫、高級感
28	スポーツ系	動き、エネルギー、スコア表示
29	ビジネス系	信頼感、整理された情報構造
30	アート系	抽象的、自由なレイアウトと色使い