ぬるま湯デザイン塾 – 公式ブログ

皆さん はじめまして！HAYUと申します。
Webデザイナー＆講師、そして俳優をしています。

俳優としては別の名前で活動していますが、
ひょっとしたらテレビやらスクリーンやら、あるいは舞台やらで、
私を見かけたことがある方もいらっしゃるかもしれませんね！

Webデザインのお仕事は、ロケ先など撮影の現場でも出来るので
（撮影の待ち時間って、とってもとっても長いことが多いんです。。。
７時間待ちとかザラにあります　笑；）
非常に有意義に時間を使うことができます。

PC一台でどこでも仕事を・・・そう思ってぬるま湯塾でWebデザインを学び、
今ではそれを実現させています ＾＾

■Webデザインのトレンド

ところで、皆さんは「Webデザインのトレンド」を意識していますか？

きっと勉強熱心な皆さんは、
日々の学習を進めながら色々なWebサイトを見ていることでしょう。

そして、以前に比べると「イメージ画像（写真）」よりも
「イラスト」を使ったデザインが主流になっていることにお気づきかと思います。
（　↑　コレ、広告審査に通るためのポイントだったりもします。）

そんな「イラスト」の中でも非常に良く使われているのが
「アイソメトリックのイラスト」です。

斜め上から見たようなイメージで描かれている、アレです。

↑　とある企業のサイト

■アイソメトリックのイラスト

アイソメトリック？？？　何 ソレ？？？　って感じですよね。

【Isometric】とは・・・

iso 　＝　同じ・同一の
metric  =  メートル法の（長さ）

つまり直訳すると「同じ長さ」という事です。

アイソメトリック（正確にはIsometric Projection）とは、
立体を表現する図法の一種で、日本語では「等角投影法」と言います。
インテリアの俯瞰図など、空間をイメージ表現する際によく使われるのですが、
間口・奥行き・高さの３方向を等しい角度で描き、対象物の３面を同じ程度に表現します。

直角に交わる3つの軸の角度がそれぞれ120度になるように描くことで、
できあがる図は対象物を斜め上から見下ろしたような形になります。

これは手前から奥まで均等に描画する表現手法で、
パースといわれる「遠近法」は使いません。
なので、実際の見え方とは異なるものの、各面をある程度均等に表現できるわけです。

ちなみに私は大学で建築系の専攻だったのですが、
このアイソメトリックの描き方は「図学」の授業にガッツリ入っていました＾＾;;

■アイソメトリックのイラストの特徴

Webデザインにおいてアイソメトリックのイラストを使うことで、
どんな事が起こるのでしょうか。

●平面でありながら対象物を立体的に表現できる
●複数の要素の「つながり」や「関わり」を分かり易くスッキリと表現できる。
（ 例：「製品やサービスと人や生活との接点」など）
●イラストのパーツとWebサイトのアイコン、ボタンなどの色味やテイストを揃えることで、Webサイト全体を統一感のあるデザインにしやすい　

これはデザインをする上で有用ですね！

■使えばいいってもんじゃない

とは言え、何でもかんでも
アイソメトリックのイラストにすればよいというものではありません。
サイトの内容や伝えたい意図と関係がなければ
ただトレンドに乗っただけの自己満足な作成物となります。

そうなってしまうと、それはもはや「デザイン」とは言えないですよね。

また、トレンドはいつかは終わりが来ます。
流行っている間は良いですが、それが過ぎ、また新しいトレンドが来ると、
当然それ以前のものは「古く」なってしまいます。

なので、
サイト自体の寿命やメンテナンス性を考えて採用する必要があります。

■イラスト素材を上手に使おう！

「アイソメトリック」「イラスト」「素材」などでググってみましょう。
デザインで使えるフリー素材・有料素材ともに、沢山見つかります。
便利なまとめサイトもあります。
関連素材も次々と出てくるので、統一感を持たせるのにも役立ちます。
是非上手に使ってみて下さい！

（参考）
無料イラストとは思えないクオリティのアイソメトリック素材サイトまとめ
アイソメトリックイラストのフリー素材ダウンロードサイト【12選】

また、アイソメトリック以外でもイラスト素材サイトは沢山あります。

使えそう、あるいは、面白そうなサイトをいくつかご紹介しますね。

Linustock　シンプルな線画イラスト
Vectorshelf　動物・植物・食物などのちょっと可愛いイラスト
Loosedrawing　簡単にカラーが変更でき、使いやすいイラスト
フキダシデザイン　ひたすら吹き出しの素材集
Frame Design　デザイン枠、飾り罫素材
Anttiq　アンティーク風イラスト素材
ちょうどいいイラスト　わりと使いやすい、ちょうど良い感じのイラスト
えんぴつ素材　鉛筆手描きのイラスト

色々あって、見ているだけでも楽しくなってきますね　笑

そして・・・

素材をただ闇雲に使うのではなく、
その特徴をよく心得た上で
それを採用することの「意味」や「意義」を常に意識して、
価値あるデザインを提供していきたいですね＾＾

ということで、、、今日も笑顔で、素敵な一日をお過ごしください。
ではまた！