NEWS & COLUMN
お知らせ・コラム
SCROLL
DESIGN
イラストを使った親しみやすいWEBデザイン5選
2023
.04.24
イラストは、写真とは違った温かみや親しみやすさを表現することができます。また、写真や文字だけでは表現が難しいメッセージや、抽象的なイメージをイラストで表現することができます。そのほか、現実には存在しないものをイラストにしたり、ビジュアルを誇張・デフォルメしたりなど、さまざまな表現方法が存在します。WEBデザインに取り入れることで、オリジナリティやインパクト、意外性のあるホームページにすることができます。子供からお年寄りまでの幅広いユーザーにアピールすることができますが、絵のタッチによってサイト全体の雰囲気を大きく左右するため、使用するイラストの採用には注意を払いましょう。
今回はイラストを使った親しみやすいWEBデザインをいくつか紹介します。これからイラストを使ったホームページの制作を検討されているデザイナー・WEB担当の方はぜひ参考にしてみてください。
【目次】
1. なぐら動物病院
2. ふくおか相続税相談室 ほっと!
3. WALLPAPER MAGIC
4. Sustainable PRODUCTS|日本製紙グループ
5. &sauna FARM
6. 今回のまとめ
なぐら動物病院
こちらはホームページ全体でイラストを使用している動物園のホームページです。柔らかいタッチの可愛らしい動物のイラストは暖色系のデザインにマッチし、動物病院の優しい雰囲気が伝わるWEBデザインになっています。コンテンツの見やすさにも配慮されており、イラストが邪魔にならないシンプルな作りになっています。イラストは使いすぎてしまうとコンテンツが見づらくなってしまったり、ごちゃごちゃとした印象になってしまうため注意しましょう。
また、ボタンに水彩のようなテクスチャを敷いたり、柔らかい曲線を使用してイラストと馴染む要素を入れているのもポイントです。
ふくおか相続税相談室 ほっと!
「相続税」に関する一見難しそうな内容を、イラストを使って楽しげな雰囲気にデザインしているホームページです。士業などのホームページは難しい内容が多く、ユーザーからしたらとっつきづらい内容の場合がほとんどですが、イラストを使うことで内容に興味を持たせやすくしたり、若いユーザーに積極的にアピールすることができます。こちらのホームページは一問一答形式でユーザーの質問に答えるユーモラスなイラストが親近感のある雰囲気になっており、難しい内容でも興味を持って読み進めたくなるデザインになっています。
WALLPAPER MAGIC
壁の張り紙を手掛けるこちらの施工店のホームページは壁紙のトーンに馴染むイラストをWEBデザインに使用しています。壁紙の柄はカラフルですが、WEBデザイン全体で使用している色は馴染みのいいベージュを使用し、コンテンツの邪魔をしない色を採用しています。カラフルで親近感のわく楽しげな雰囲気のホームページですが、うるさくなく、調和の取れたデザインだと言えます。コミカルに動物のイラストが動くのも、どこかレトロでファンタジーな雰囲気を感じさせるWEBならではの表現です。
Sustainable PRODUCTS|日本製紙グループ
SDGsに配慮したプロダクトを紹介するこちらのホームページは、自然と人が共生しているイラストをメインビジュアルに使用しています。グリーンや青色を基調としたこのビジュアルは、自然の豊かさや、自然の中で生きていく人々の暮らしが表現されており、優しい雰囲気です。SDGsなどの環境問題にフォーカスしたホームページは、環境への優しさや問題を身近に感じられるように、イラストを使ったデザインが多い傾向にあります。
&sauna FARM
こちらはメインビジュアルにカラフルな動物のイラストを使用しているホームページです。まるで絵本のようなにビジュアルは広い年代に愛されるWEBデザインになっており、優しく柔らかい印象のホームページです。丸みのあるゴシック体のテキストやトーンの揃ったカラフルなカラー、角丸の曲線の要素を使用しており、ホームページ全体でまとまり感のあるWEBデザインです。
今回のまとめ
今回はイラストを使った参考にしたいホームページを5つ紹介しました。イラストを使ったWEBデザインは安心感を与えるため、子供からお年寄りまで幅広い世代にアピールすることができます。イラストを使ったWEBデザインの制作を検討されている方は、今回紹介したホームページをぜひ参考にしてみてください。
関連記事
WEBデザインで使える商用利用可能な無料のイラスト素材サイト5選
WEBデザインでも重要なイラストの種類とそれぞれが与える印象