AIラフ、どこまで参考にする？

EC系中心に仕事をしている、フリーランスWebデザイナーのmisakaです。

以前、SNSで「AIラフ」が話題になっていたときに、「AIラフとデザイナーのちょうどいい関係を考える」という記事を書きました。

今回も、そんな「AIラフ」にまつわるお話です。

ほぼできているAIラフ

制作会社さんからいただくお仕事では、Figmaなどで作られたワイヤーフレームをもとに、デザインを作成することが多いです。

完全に新規でデザインを作成することもあれば、既存サイトのページ内に、部分的にコンテンツを追加するかたちで作成することもあります。

そんな中、先日ちょっと新しいパターンに遭遇しました。

AIで作った、ほぼデザインされた状態のラフを渡されるパターン。
いわゆる「AIラフ」です。

とはいえ、ラフと呼んでいいのか迷うくらい、見た目はかなりできていました。（加工方法の違いを説明するようなコンテンツで、もともとそこまでデザイン要素が多いものではありません）

ディレクターさんから「こちら、工数どのくらいかかりますか？」と聞かれたものの、ちょっと悩みました。
見た目、もうほぼできていますし・・・🤔

でも、わざわざデザイナーに依頼するということは、そのまま使うわけではないはず。
単にそのままFigmaで再現する場合は、そういう指定で依頼がくるので、今回は改めてデザインする必要があるようです。

そこでしっかり見てみると、たしかに既存サイトで使うには少し気になるところがあります👀

• 文字やパーツは整っているけれど、既存サイトとはトンマナがずれている

• 一見それっぽくまとまっているけれど、よく見ると内容がわかりにくい

• なぜかアイコンがたくさんある

• 図解も、このままのデザインだと他の箇所へ展開しにくそう

デザインが完成しているようで、完成していない。

そこで工数を考えるときは、一旦このデザインを頭から追い出すことにしました。
そして「この内容のデザインを、普通に一から作るならどのくらいかかるか？」で見積もり。（その工数でOKいただきました）

AIラフをもとに、デザインしてみる

実際に作業する段階になったところで、ディレクターさんが、AIラフからデザイン要素を抜いた、シンプルなワイヤーフレームをそっと渡してくれました。

やさしい！☺️

そこからは、そのワイヤーフレームをもとにデザインしていきました。
内容はいい具合に整理して作成できたのですが、ひとつ苦戦したところがありました。

図解です。

AIラフにあった図解を参考に作ろうとすると、どうしても元のデザインに引っ張られてしまいます。

ディレクターさんからは「Adobe Stockの素材などを使って、いい感じに」といただいていたので、使えそうな素材を探してみるものの・・・ちょうどいいものがない。

作る？
でも、全部作るよりは素材とうまく組み合わせたい。
あれこれ探して、組み合わせて、調整して・・・
苦戦しながら、なんとか完成。

AIラフは「何を伝えるためのもの」？

今回やってみて感じたのは、一度、ある程度デザインされた状態のものを見てしまうと、そこから離れて別のデザインを考えるのが意外と難しいということでした。

内容を理解するためのラフとしては便利。

でも、そこから改めてデザインを考えようとすると、最初に見たものがどうしても頭に残っています。

今回はページ全体ではなく、一部のコンテンツだったのでまだよかったのですが、これがページまるごとだったらもっと大変そうです。

自由な発想を求められるデザインなら、先にAIラフを見ること自体が、制作の邪魔になることもありそうです。

そして今回もうひとつ感じたのは、AIラフそのものよりも、「何を伝えるためのラフなのか」が大事なのかもしれない、ということでした。

前回のように、マーケターさんやクライアントさんから「こんなものを作りたい」というイメージ共有として渡されるAIラフは、わかりやすいです。

一方で、デザイン制作のためのラフとして、ある程度デザインされたものを先に見てしまうと、そこから離れて考えるのが難しくなることもあります。

今回、ディレクターさんが途中でデザイン要素を抜いたシンプルなワイヤーフレームを用意してくれたのは、結果的にとても作りやすかったです。

AIラフでイメージを共有するのか、
AIラフをもとにデザインしてもらうのか。

同じ「AIラフ」でも、その使い方によってデザイナーとの相性はずいぶん変わってきそうです。

デザインの仕事をしていると、自分からAIを使うだけでなく、今回のようにAIのデザインに遭遇することもあります。

そんな中で、AIとどう関わっていくのが良いのか。実際に仕事をしながら、日々模索しているところです。
 

▼関連記事はこちら🤖

▼AIとデザインとの関わり方、考えたことなどを書いています✍️