WEBサイト制作
2019.05.08
アイソメトリックなイラストを採用したWEBサイトを集めてみました
近頃、斜め上から見下ろすような視点で描かれたイラストを採用しているサイトをよく見掛けます。
数年前から海外サイトでよく見られるようになり、ここ最近では日本国内でもよく見られるようになりました。
これはアイソメトリックと言われる手法で、ゲームなどではクォータービューと呼ばれよく見られますね。
古いゲームだと「スーパーマリオRPG」「シムシティ2000」「ポピュラス」なんかがクォータービューでしたね。
厳密にはクォータービューとアイソメトリックは違うもののようで、アイソメトリックと呼ぶには描かれる角度が120°グリットであることという決まりがあるようです。
今回は、このアイソメトリックのイラストを採用したサイトをご紹介します。
Contents
株式会社メルペイ
株式会社リブセンス
株式会社 DK-Power
探検！京都大学
http://www.kyoto-u.ac.jp/explore/
Techガチャ研究所
株式会社サンゲツ 新卒採用サイト
https://www.sangetsu.co.jp/recruit/
楽天株式会社 新卒採用サイト
https://corp.rakuten.co.jp/careers/graduates/
株式会社グラッドキューブ
つながる科学研究所
株式会社ノースディテール
https://www.northdetail.co.jp/
ABLENET
ボラギノールタウン
https://www.borraginol.com/town/
株式会社河合電器製作所
ぶんぐまる
株式会社 Noah Design
Арсенал Страхування
Stedi inc.
アイソメトリックイラストを採用するメリット・デメリット
こうしたアイソメトリックなイラストを活用するメリットとしては
- ・箱庭のような世界観でコミカルなイメージを印象づけることができる
- ・イラストで奥行きと立体感が表現しやすい
- ・制作サイドとしてはイラストをパターン化しやすく、比較的パーツの展開や使い回しがしやすい
といったことが挙げられると思います。
一方で、こうした特徴的なデザインは流行っているからと乗っかると、時期が過ぎてしまえば逆に流行遅れのサイトになってしまうといった点がデメリットであると考えられます。
また、細々とした感じになりがちなので、インパクトを与えるというデザインには不向きのように感じます。賑やかしさや楽しさなどを表現するのには向いているのではないでしょうか。
…といった感じで、アイソメトリックなイラストをWEBサイトに採用する際は、流行りに乗っかるだけではなく、本当に必要なデザインなのかをよく検討する必要があるでしょう。