AI技術を活用したWEBデザイン：ChatGPTとMidjourneyの活用例 - SO Technologies 開発者ブログ

1. はじめに こんにちは。ATOM事業部フロントエンドテックリード兼デザイナーの河原です。 本記事ではWEBデザインにAI技術を活用する方法を実例をまじえて紹介します。 今回はChatGPTとMidjourneyを使います。 ChatGPT OpenAIが開発した大規模な自然言語処理AIで、文章生成や文章の理解など、様々なタスクに対応しています。 Midjourney AIを活用した画像生成ツールで、キーワードを入力することで独自の画像を生成します。アート性の高い画像を生成することができます。 2. 実例: シンプルなエラーページの作成 2.1. 作成する画面について ATOMのエラーページを題材にします。現在のデザインはこんな感じです。 くじらがチャームポイントのとてもシンプルなデザインとなってます。今回はこちらの別バージョンを作成してみたいと思います。 2.2. ChatGPTでコン

[cankyan]

AI技術とWEBデザインって相(AI)性バツグンだね

[k-kawademan]

“minimalistic error page for website, ux/ui, ux, ui, white background, very large black title, three line large message, blue whale swimming --ar 3:2 --v 4 --q 2”

[shogochiba]

ふむ、ふむ。m(__)m(^^)/📝📒✏✏🍷👨😊

[huusen20]

Midjourneyすげえ

[timetrain]

リテイク要求しても怒らないのがAIのよいところ、と聞いたがこういう使い方をみるとなるほど納得

[rx7]

サクっとデザインできていてすごい。生成系AIを使いこなして、効率的に（汎用的な）アウトプット出せるようになる世界線はすぐそこにきているのを感じる。