menu
閉じる
  1. 徹底的にモデリングする「TTM」
  2. WEBデザインスクール5部門No.1を獲得
  3. デザイナーは商売道具にコダワレ!
  4. ポートフォリオ作成の極意
  5. 【秘密】企業への裏口就職の仕方
  6. デザイナーの「5ステージ」
  7. 【GGRKS】参考デザインはこう探せ
  8. 読んでもらいたいブログ3選
  9. 初めてのデザインの仕事
閉じる
閉じる
  1. クリエイティブ仕事の特大イベント!
  2. 大事なことは値上げでした
  3. 【一問一答Vol.6】WordPressとWIXどっちがいいの?
  4. 【生徒さんからのご質問にお答えします】
  5. 【解決法】「Lesson〇〇で止まっています…」
  6. 高単価案件の獲得方法
  7. 【解説動画】 Photoshop「使用頻度MAXのショートカット」
  8. 【一問一答Vol.5】案件受注に踏み出せないなら・・・
  9. 【ダサいデザイン=ダサいデザイナー】
  10. 【感動】嬉し泣きレベルのコメントもらいましたっ
閉じる

ぬるま湯デザイン通信

【号外】近頃よく見かける、あのイラストって・・・?

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

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

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

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

 

■Webデザインのトレンド

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

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

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


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

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


↑ とある企業のサイト

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

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

【Isometric】とは・・・

iso  = 同じ・同一の
metric  =  メートル法の(長さ)

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

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

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

 

 

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

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

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

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

 

 

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

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

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

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

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

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

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

 

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

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

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

 

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

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

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

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

 

そして・・・

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

 

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

関連記事

  1. 【動画】ボタンのTTM練習

  2. 熊本で尾上と一緒に働きませんか?

  3. 【ぬるま湯グラフィックデザイン塾 最初の卒業生のみなさんへ】

  4. クリエイティブ仕事の特大イベント!

  5. 【仮申込開始!】沖縄合宿開催します

  6. 【悩み】色々手を出しすぎて、全て中途半端な気がします…の答え。

おすすめ記事

  1. 読んでもらいたいブログ3選
  2. 【GGRKS】参考デザインはこう探せ
  3. デザイナーの「5ステージ」
  4. 【秘密】企業への裏口就職の仕方
  5. ポートフォリオ作成の極意

コメント

    • まつもと なみ
    • 2022年 3月 30日

    HAYU先生
    今のトレンドのシェア、ありがとうございます!!
    去年10月に卒業し、今も引き続きお世話になっています♡(*_ _)

    今まで、このイラストかわいいなと思いながらも、イラストは何となく苦手意識があり遠ざけていたんですが
    イラストにも色々な工夫があることを考えながら挑戦してみます(^^)!!
                              

    お仕事に、講師に忙しくされているにもかかわらず、いつも笑顔で元気な先生から、学ぶ楽しさを教えていただき
    同時に負けてられないなと、やる気をいただいています!!

    受講中と比べペースが落ちてしまっていますが、自分の中で最低でも2日に1通
    先生にコンタクトをとることを目標にしてます。笑
    そしてやる気を維持し、しっかり稼げるデザイナーになるために頑張るので
    引き続きよろしくお願いいたします。。。

      • HAYU
      • 2022年 3月 31日

      なみさん こんにちは!
      最近またメキメキと頑張っていらっしゃって、Goodですね♪

      イラストも使い始めると
      段々コツが掴めてくると思います^^

      LPのように沢山画像が必要になってくると
      統一感を持たせるのが大変になりますが、
      まずはバナーから鍛えていきましょう!

      2日に一通のコンタクト 笑
      とても嬉しいですね☆

      そして、、、
      私へのコンタクト以上に、
      クライアントさんへのコンタクトや、案件獲得のためのコンタクトを
      増やしていきましょう!!

      今後のご活躍、期待してますよ~

    • Tomomi Yamamoto
    • 2022年 3月 30日

    HAYU様

    はじめまして。
    ぬるま湯デザイン塾を2022年3月初旬に卒業しましたTomomi Yamamotoと申します。

    俳優さんとWebデザイナーを両立されているの、とても素敵ですね。
    私も自分の夢を叶えるために本業とWebデザインの仕事を両立させようと今色々と行動している最中なので、理想の働き方を手に入れられた方のお話が聞けてわくわくしました^^

    また、今までどちらかというと写真を使用したデザインを作成することが多かったので今回のイラスト素材の記事も非常に勉強になりました、ありがとうございます。イラストも上手に取り入れてデザインを作成できるよう取り組んでいきます!

      • HAYU
      • 2022年 3月 30日

      Tomomiさん、こんにちは!

      ご卒業おめでとうございます!
      まずは3か月間集中して頑張った自分を褒めてあげて下さい^^
      自信と誇りを大切に。。。

      イラスト素材、使い始めると楽しいですよ~。

      イラストも写真素材と同様に、
      ただダウンロードしてそのまま使うのではなく
      色を変えたり、足したり引いたりして加工して使うと良いですよ。

      他の誰かさんと同じになってしまうと、面白くないですからね!

      これから、幸せなデザイナーとしてどんどん活躍していって下さい。
      まず決めて、あとはとにかく行動する!
      それを続けていけば、いつか必ず行きたいところに辿り着くことができますよ^^

      応援しています~♪

  1. この記事へのトラックバックはありません。

【コメントの際の注意点】
コメント欄は、メルマガに関することであったり、同志との交流の場としてお使い下さい。ただし、明らかな荒らし目的のコメント、過度な誹謗中傷、長文すぎるコメント、URL、リンク付きのコメントは削除対象となります。


最近のコメント

1986年生まれ。茨城県出身。16歳から出版業界を経験し、2009年WEB業界に転身。
WEBマーケティングを学びながら、未経験ながら3ヶ月の独学でWEBデザインをマスター。当時、自身で全て制作を担当したプロモーションにて3日間で売上1億を達成。たった一人で手がけたWEBサイトは延べ4,000サイト以上。あらゆる業種のデザインを手がけ、ただ綺麗に作るだけのデザインではなく、マーケティングをビジュアル化することを得意とし、反応率にフォーカスした売上を作れるデザインとスピードは業界随一。

現在は、現場実践主義のWEBデザイナーを育成する「ぬるま湯塾」を主催している。座右の銘は、「仕事は本気。遊びは死ぬ気。」

ぬるま湯のご質問はお気軽にLINEから


友だち追加

ピックアップ記事

  1. From:ドラゴン★尾上神田のオフィスより、、、こんにちは。ども、尾上です。^^…
  2. From:ドラゴン★尾上神田のオフィスより、、、こんにちは。ども、尾上です。^^…
  3. From:ドラゴン★尾上秋葉原の自宅より、、、こんにちは。ども、尾上です。^^…
  4. From:ドラゴン★尾上秋葉原の自宅より、、、こんにちは。ども、尾上です。^^…
  5. From:ドラゴン★尾上神田のオフィスより、、、こんにちは。ども、尾上です。^^…
  6. From:ドラゴン★尾上神田のオフィスより、、、こんにちは。ども、尾上です。^^…
  7. From:ドラゴン★尾上神田のオフィスより、、、こんにちは。ども、尾上です。^^…

イベント

  1. 【号外】ぬるま湯デザイン合宿 in 熱海開催
ページ上部へ戻る