マガジンのカバー画像

デザイン解剖

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

#webサイト

AYA@デザイン | n2p

AYA@デザイン | n2p

デザイン解剖#11

デザイン解剖#11

今回は久しぶりに #webサイト を解剖！ #ベンザブロック 様のサイトが素敵！と思ったので読み解かせていただきます。

---

構成要素はシンプルなのに洗練された印象になっている！

MV
・アニメーション
綾瀬はるかさんがゆっくりフェードイン、ハンバーガーメニューが横に伸びるアニメーションがされている
・色使い
背景が一見ベタ塗りのように見えるが、中心が明るく、外側が暗いグラデーションになっ

もっとみる
AYA@デザイン | n2p

AYA@デザイン | n2p

デザイン解剖#10

デザイン解剖#10

記念すべき10回目はまるまるマルシェさんのバナーを解剖！
---

使われている色は3色＋α！
灰色(CACACA)黒(000000)白(FFFFFF)＋緑(099DA0)
・彩度の低い色がメインで使われているので落ち着いた印象。
・灰色/白の背景に文字だけ緑色が使われていることですぐに目に入る

タイトル×あしらいの扱いが上手い！
・「〇〇」部分は明度の高い灰色を使うことで、背景として成立してい

もっとみる
AYA@デザイン | n2p

AYA@デザイン | n2p

デザイン解剖#04

デザイン解剖#04

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

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

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

ーーーーーー

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

もっとみる
AYA@デザイン | n2p

AYA@デザイン | n2p

デザイン解剖 #02

デザイン解剖 #02

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

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

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

ーーーーーー

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

まず

もっとみる