マガジンのカバー画像

デザイン解剖

70
webデザイン/バナーの分析記事をまとめたマガジンです。週に1回更新していきます!
運営しているクリエイター

#webデザイン勉強中

デザイン解剖#08 バナーver.

デザイン解剖#08 バナーver.

1日1つデザインの分析=解剖記事を書いています!
---

今日は渋谷STREAMのバナーです。

読み取れること
長方形と正方形の組み合わせで幾何学的な模様が生まれている。一見複雑に見える構成だが、分解してみるとどうなのか...?

使われている色
黄緑(E6E404)白、写真の灰色
写真が多用されているが、どれも彩度が低く編集されているため落ち着いた柔らかい雰囲気になっている。
黄緑は渋谷ST

もっとみる
デザイン解剖#07

デザイン解剖#07

1日1つデザインの分析=解剖記事を書いていきます!
---

今日は「行くぜ、東北。」のバナーです。

読み取れること
なんといっても特徴的なのがパズルのように組み合わされた文字とイラスト、写真。ともすると混み合った印象になってしまう組み合わせがどのようにしてうまく行っているのかを読み解いて行く。


茶色(CA8E54)黒(211814)白。
東北の雰囲気を3色で見事に表現している。

文字の

もっとみる
デザイン解剖 #06

デザイン解剖 #06

勉強のため、1日1つデザインの分析=解剖記事を書いていきます!
---

今日はすみだ水族館のバナーです。

読み取れること
・使われている色
ピンク(E9448B)紺(053466)黒(000000)背景・灰色(E6EAEE)
ピンク色を使っているが、明度の低い色にしていること、黒や紺といった落ち着いた色を使っていることで可愛らしくなりすぎていない。

・想定ターゲット
20代後半〜30代女性

もっとみる
デザイン解剖 #05 バナーver.

デザイン解剖 #05 バナーver.

勉強のため、1日1つデザインの分析=解剖記事を書いていきます!
---

今回はJA三井リースさんの広告バナーです。読み取れること
・使われている色
 灰色(373737)、黄色(FEEA0A)オレンジ(E81610)のグラデーションで
 コントラストが強く、目が引き付けられる

・「Change Future」というコピーのフォント/あしらいがそれぞれ違う
「Change」はスプレーで吹き付け

もっとみる
デザイン解剖#04

デザイン解剖#04

Webデザイン勉強のため、サイトの解剖をしています!

今回は主にお出汁を販売している手火山家さんのサイトです。

「かっこいい!」「かわいい!」「素敵!」「新しい!」など、そう感じた理由を紐解くために、自分なりにWebサイトを分析します。

ーーーーーー

縦書きの文章が用いられたサイトを分析するのは初めてです!ワクワク
今回のポイントは、和風なのに古臭さや重さを感じさせない秘訣を探ることです。

もっとみる
デザイン解剖#03

デザイン解剖#03

Webデザイン勉強のため、サイトの解剖をしています!

今回は株式会社トリドールさんの採用サイトです。

「かっこいい!」「かわいい!」「素敵!」「新しい!」など、そう感じた理由を紐解くために、自分なりにWebサイトを分析します。

ーーーーーー

テーマカラー:#E5E7ED灰色
差し色:#FBE035黄色 #E62112赤
(#0F81CF青 #51D6F9水色 #FB9AA5ピンク

もっとみる
デザイン解剖 #02

デザイン解剖 #02

Webデザイン勉強のため、サイトの解剖をしています!

第2段は大分県にある、尾石動物病院さんの公式サイトを分解します。

「かっこいい!」「かわいい!」「素敵!」「新しい!」など、そう感じた理由を紐解くために、自分なりにWebサイトを分析します。

ーーーーーー

テーマカラー:白#FFFFFF
差し色:黄緑#87C358 黒##000000
フォント:見出しゴMB31 Pr6・Abel

まず

もっとみる
デザイン解剖#01

デザイン解剖#01

Webデザイン勉強のため、サイトの解剖を始めました!

「かっこいい!」「かわいい!」「素敵!」「新しい!」など、そう感じた理由を紐解くために、自分なりにWebサイトを分析します。

ーーーーーー

第1段はこちら

アナのボーカルでコピーライターや作詞家としても活躍する大久保潤也さんによるソロプロジェクトの公式サイトを分解します!

テーマカラー:#5851CB
差し色:#FD572C,#777

もっとみる