イラストが描けないとWebデザイナーになれないの？イラスト事情どうしてる？

ヒアリング・要件整理

クライアントやチームから目的や要望を聞き出し、どんなサイトを作るのか明確にする作業です。ターゲット層や伝えたいメッセージを整理します。

ワイヤーフレームの作成

Webサイトの「設計図」のようなもので、構成やレイアウトの下書きを作成します。見出しの位置、画像の配置、ボタンの導線などを考えます。

デザイン制作（UI/ビジュアル）

Figma、Adobe XD、Photoshop、Illustratorなどのツールを使って、Webサイトの見た目（ビジュアル）を作成します。配色やフォントの選定、余白などを整え、ブランドや目的に合ったデザインに仕上げます。

画像・バナー作成

Webページ内で使うバナーやサムネイルなどのグラフィック素材を作ることもあります。

コーディング（HTML/CSS）

作ったデザインをWeb上で表示できるように、HTMLやCSSでのマークアップ作業を行うこともあります。JavaScriptを使って簡単な動きをつけることも。
※アートバイブスは分業制なのでコーディングに関してはコーダーが担当しています。

デザインの改善・更新

公開後のWebサイトに対して、ユーザーの反応を見ながらデザインの改善や調整を行うこともあります。

–––––––––

簡単な説明になりましたが、上記が大体のwebデザイナーの主な仕事内容になります。これを読んでいただいてなんとなく気づいていただけたかと思いましたが、Webデザインは「情報設計」と「ビジュアルの制作・調整」が中心であり、必ずしも「イラストを描く能力」は求められないのです…！

そう、イラストが描けなくてもwebデザイナーになれるんです…！なれちゃいます！
先ほどwebデザイナーの仕事内容を説明したと思いますが、そこでWebデザインは「情報設計」と「ビジュアルの制作・調整」が中心とお伝えしました。その中のビジュアル制作の一部の中にイラスト制作が入ってきます。大半を占めているのが情報設計になるので、イラストが描けなくても大丈夫！ということになるわけです。
でも、イラストがたくさん入っているホームページだってあるよね？
……………その通り！イラストが入っているものも中にはあります！！！！！
そこで、サイトごとにどのようなイラストが使われているのかまとめてみました。

おおよそこのような感じになっているのではないでしょうか。
webサイト内にイラストを使用する割合として5～30％と言われています。アイコンやシンボルが特に使用頻度が高いです。こういった素材は自分で作ることもできますが、フリーイラストでも多く提供されているので制作時間短縮のためにも素材を使うことが多いです。（素材に感謝っ！）
もちろん例外として特殊なデザインでがちがちにイラストを使用しているものもあります。ただ、そういったデザイン制作に関わる方が割合としては低いような気がしています。

実際問題、アイコンも含めるとイラストの登場頻度は割とあります。
自分が制作をするときにじゃあイラストはどうしたらいいの？という方に対処法をお伝えします。

1.素材を活用する

無料・有料の素材サイトを使えば、時間とコストを抑えてイラストを入手することができます。今はクオリティーの高いフリー素材がたくさんあるのでどんどん使っていきましょう！同じ制作者さんまたは似たようなイラストを使用するとサイト全体に統一感がでます。素材選びはしっかり行いましょう。
また素材を使用する場合は後々面倒なことにならないように配布先の利用規約をしっかりと読んでルールを守って使用しましょう！

2.自作する or 簡易ツールで作る

自分で描ける場合は、IllustratorやFigma、イラスト制作ツールで制作。描けなくても、パーツを組み合わせるだけでそれっぽいイラストが作れます。

3.イラストが得意な人にお願いする

社内にイラストが得意な人がいるのであればお願いするのも一つの手ではあります。そういった場合は、他の案件で協力したり、スケジュール調整等しっかりと行うとお互い気持ちよく協力して仕事ができるのではないかと思います。

4.AI画像生成ツールを活用

ChatGPTなどを使用して制作したいイラストを注文してAIにイラストを作ってもらうという方法もあります！ただ、どういったイラストがほしいのか具体的な指示が必要なので、頑張って言語化しましょう。

5.イラストレーターに依頼する

テーマ性のあるしっかりとしたイラストやキャラクターが必要となったときにはイラストのプロ、イラストレーターに依頼をしましょう。もちろん料金は発生しますが、クオリティが高く、オリジナル性も担保されます。イラストレーターに依頼する場合は、予算・納期の確認、商用利用の可否、修正対応の範囲などを契約前に明確にすうことが重要です。

–––––––––

ちなみに私の場合、イラストは描けますがデジタルイラストは苦手なのでweb制作を行うときはフリー素材を使用することが多いです。素材サイトになさそうで自作できそうなものに関しては図形やフリー素材を組み合わせて作ることが多いです。もちろんパスを使うこともあります。普段はfigmaを使用してデザインをしていますが、イラスト制作時は細部までしっかりと制作できて小回りが利く（？）のでIllustratorを使用しています。稀にChatGPTにお願いして制作してもらうこともあります。