3ステップで作る診断サイトのWebデザインプロセス【BONO】

補足

グラフィック入門 | BONO - UIとUXデザインのコミュニティ

↑のコース内容を制作してまとめたものが本記事（マンガ）です。

マンガとしてグラフィック化して描いた方がわかりやすいかと思って作ったら、配置画像は小さくなりはしたので、下記に中の主要画像を再掲します。

レイアウトパターンを集めたムードボード（緑丸あたりの印象を狙う想定）

白黒でレイアウトパターンを検討

白黒でモチーフを入れたレイアウトを検討

白黒でイラストを作成して配置

参考となる色味を集めたムードボード

イラストに色味を適応

参考イラストを集めたムードボード

参考イラストを元にイラストを調整

デザインの調整をして完成！

ここまでお読みいただきありがとうございました！

またデザインの学びの記事を描いていこうかと思います。
よろしくお願いいたします！