マガジンのカバー画像

デザイン解剖

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

#駆け出しデザイナー

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

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

毎日投稿9つめ!

---

今日は野菜生活100のキャンペーンバナーを解剖します!

読み取れること
背景に野菜の写真は使っているものの、ほぼ文字のみで見せている。
文字組みの勉強になる気にかしない...!
細かく見ていきます。

使われている色
緑(10670A)水色(C6F2FF)白(透過80%ほどか)
他、背景の野菜・果物の色がカラフルな印象を受けるが、実際には緑・オレンジ・赤といった絞ら

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

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

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

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

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

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

もっとみる
デザイン解剖#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

もっとみる