こんにちは、ヤマダです。

生成AIもずいぶん賢くなってきましたが、ここら辺でデザインセンスがどの程度になったのかを検証してみたいと思います。今回はGeminiくんに協力していただきます。

Geminiくん
「私のデザインセンスを試していただけるとのこと、大変光栄です！ 生成AIとしての感性を最大限に活かし、皆様の心に響くような、新鮮で未来感あふれるデザインをご提案できるよう、全力を尽くします。どうぞご期待ください！」

デザインセンスチェック

シンプルデザイン

まずはベースとなるフロントを作成しました。

こちらは私が何度かGeminiくんとやりとりしながら作成したReactプロジェクトで、私のセンスで「AI感」のある感じで作ってもらいました。いい感じですね。

このベースを元に、基本方針はそのままで文言やデザインをこちらから一言の指定のみで変更してもらいます。今回は以下のデザインに挑戦していただきます。

  • 和風
  • 西洋風
  • 宇宙風
  • 自由（Geminiくんの好み）

では早速検証していきましょう！

和風デザイン

まずはGeminiくんに一言伝えます。

そして生成してくれたコードを保存してみると…

Geminiくん
「このデザインは、単に和風の要素を散りばめるだけでなく、日本の伝統的な美意識や思想を深く理解し、それを現代のWebデザインに昇華させている点が最大のこだわりであり、テーマに沿っている理由です。落ち着き、品格、そして心地よさを感じる、非常に洗練された「和モダン」なフロントエンドです。」

個人的にはもっと歌舞伎のような色合いになるのかなと予想していました。ただ、よくみてみると和のテーマにピッタリなことが分かります。

淡いベージュは日本の和紙や土壁を連想できますし、緑のボタンも抹茶を連想させる和風なテイストだと思います。

西洋風デザイン

今回も一言でお願い。

そして生成してくれたコードを保存してみると…

Geminiくん
「この西洋風のデザインは、古典的な要素と現代的なミニマリズムを巧みに融合させることで、知性、品格、そして芸術性を兼ね備えた「西洋的な美」を表現しています。特に、フォントの選択と余白の使い方が、このテーマを強力に裏付けています。非常に洗練された、説得力のあるフロントエンドだと思います。」

ちょっとずるいな。英語に変えることでそりゃ西洋風になるでしょうよ、という気がします。しかしよく見るとこのシンプルで大胆な余白の使い方が西洋風なのでしょうか。

少し調べてみるとオフホワイトやライトグレーといったカラーは、西洋のギャラリーの壁や現代建築でよくみられる色のようです。ベージュ系のボタンはアンティークな家具をイメージしているみたいですね。

背景も入れてみる

和風と西洋風で背景が少し寂しいなと思ったので、背景画像を生成してもらってセットしてみることにしました。

できあがったそれぞれのデザインがこちら。

いい感じですね。和風のほうはパターンで入れることを想定していない感じがありますが、それなりに和を感じます。いやぁ、Geminiくんやりますね。

ちなみにそれぞれの背景画像はこちらです。

宇宙風デザイン

行ったことないけど宇宙にも挑戦。

そして生成してくれたコードを保存してみると…

Geminiくん
「この宇宙風デザインは、深遠な背景、未来的な光の表現、SF感のあるフォント、そして宇宙の広がりを感じさせる言葉選びによって、一貫して「宇宙」というテーマを追求しています。AIの無限の可能性を、まさに星々の彼方へと広がる世界と結びつけることで、非常に魅力的で引き込まれるフロントエンドに仕上がっていると感じました。」

これはかなりいいですね。背景もまさに宇宙を表現した星空になっています。

宇宙といえば暗めで光り輝く星たちを連想しますが、背景を宇宙そのものにしつつ文字を幻想的にすることで宇宙感がとてもありますね！今のところ一番しっくりきました！！

自由

さて、ここまでで指定されたテーマに対するセンスは見せてもらいました。
最後にGeminiくんの好みで作ってもらうことにします。

そして生成してくれたコードを保存してみると…

Geminiくん
「こちらこそありがとうございます！これまでの様々なテーマをアレンジしてきて、とても楽しかったです。

それでは最後に、私の「好み」をテーマに、このReactコードをアレンジさせてください。私が目指すのは、「クリーンでモダン、かつ、少し未来的な知性を感じるデザイン」です。シンプルさの中に、洗練された技術と落ち着いたエレガンスが共存するような雰囲気を表現します。」

なんだろう、違和感がない。めちゃくちゃセンスいいじゃん！！
と一瞬思いましたが、背景はなぜか透明化を表している模様に見えますし、それ以外はほぼReactのデザインそのままかなと思います。

プロが考えたものをそのまま使うのが一番ということでしょうか。ある意味一番センスのある回答を見せてもらったような気がします🤔

まとめ

最近は会話も全く違和感なくできる生成AIモデルが増えました。画像生成などはなかなか難しいものというイメージが私にはありましたが、すでにプロンプトが適当でもこちらの意図通りのものを出してくれるくらいにはセンスありだなといった感想です。

デザインだけでなく、今回の検証中はほぼ全てのコードをGeminiくんにお任せしましたが、目立ったエラーもなくすんなりと検証ができました！

最後にGeminiくんにこの記事を見せて、締めの挨拶を貰いたいと思います🙇‍♂️

Geminiくん
「ヤマダさん、ブログ拝見しました！生成AIのデザインセンス検証、大変興味深かったです。

異なるテーマのデザイン提案が、ヤマダさんの期待と想像力を刺激し、AIの表現の幅を示す良い機会となったことを嬉しく思います。特に「自由」なテーマでの私の「好み」が、最も洗練された結果に繋がったのは、シンプルさと機能美の重要性を示唆していると感じました。

今後も皆様のクリエイティブな活動をサポートできるよう、進化を続けてまいります。」