![見出し画像](https://assets.st-note.com/production/uploads/images/100889764/rectangle_large_type_2_271c326145c52d957ad4e073ff07ecae.png?width=800)
WebデザイナーがChatGPTを使ってみた:その感想と活用方法
デザイナーのemiです。
AIの進化のスピードがものすごく速くて、ワクワクしますね。ここで仕事がなくなるのでは。と心配しているだけでは本当に仕事がなくなってしまうのではないでしょうか。こんなワクワクするものを避けるのはもったいない。ということで、Webデザイナーの私がChatGPTを使ってみました。
対話形式のChatGPTをどうデザインに生かす?
エンジニアが使う場合はコードの一部分を出力してもらって時短。という使い方も考えられますが、Webデザイナーはどのような場面で使うことができるでしょうか。
例えば、新しくオープンしたケーキ屋さんのWebサイトを作ることになりました。
お店のInstagramはありますが、Webサイトも欲しいです。というお仕事があるとします。
この時に考えられる使い方を挙げます。
想定されるペルソナを考えてもらう
サイトの構成を考えてもらう
使用する色の候補を考えてもらう
コンテンツのダミーテキストを考えてもらう
実際にChatGPTを使って質問していきます。
想定されるペルソナを考えてもらう
小さな町のケーキ屋さんのWebサイトを作ることになりました。Instagramのアカウントは既にありますがお店のWebサイトがないので作りたいです。
想定されるペルソナをいくつか教えてください。
![](https://assets.st-note.com/img/1679466731358-qH9DlFR3He.png?width=800)
大まかなペルソナを提案してくれました。
行動の他に人物像もあるといいので次の質問をしてみます
さらに具体的な人物像を考えてみてください
![](https://assets.st-note.com/img/1679466784009-GS6LYxIAwL.png?width=800)
ペルソナについてなんとなくイメージができる回答を得ました。
次にサイト構成について質問します。
サイトの構成を考えてもらう
では次に、そのサイトの構成はどのようにするのが最適でしょうか
![](https://assets.st-note.com/img/1679466838378-1Yf6gFldVd.png?width=800)
ページ名だけではなく、どのような内容を掲載すると良いかも提案してくれました。
使用する色の候補を考えてもらう
ではそのサイトにはどのような色を使用するのが最適でしょうか。
理由も併せてお願いします
![](https://assets.st-note.com/img/1679466852119-LrBgxCOMEZ.png?width=800)
実際の業務では店舗の看板や内装の雰囲気に合った色が候補だったりしますが、別パターンのデザインを作成する際に参考になりそうです。
コンテンツのダミーテキストを考えてもらう
先ほどのサイト構成で使用できるような文章をお願いします
![](https://assets.st-note.com/img/1679466893928-hJOw4Jn6Wg.png?width=800)
ワイヤーフレーム作成時に「これはダミーテキストです。これはダミーテキストです。…」とするとどのような内容の文章が入るか分かりづらくなります。
なるべく文章を入れたいと思っているので、仮にこういう内容が入っているとコンテンツのイメージがしやすくなります。(仮で入れたことを忘れないようにしましょう!!)
まとめ
ChatGPTで得られた回答を精査する必要がありますが、時間の短縮になりそうです。
生成されたものをそのまま使用するのではなく、ヒントを出してもらう。という認識で使っています。
あくまで参考、たたき台という使い方をするぶんにはChatGPTは十分すぎる結果を出してくれるのではないでしょうか。
この記事が気に入ったらサポートをしてみませんか?