見出し画像

#1日1サイトレビュー 013 VOGUE JAPAN

最近、メディアサイトを中心に探っているので、今回はVOGUE JAPANを見てみる。

目的

・マガジンの定期購読
ヘッダー右上に登録してもらえる導線がある

スクリーンショット 2022-02-15 11.25.54

デザインのカテゴリー

・メディアサイト
・シンプル、クール、格式がある、伝統的、四角っぽいデザイン、仕切りに直線を使用している

コピーライト・名言

TOPページにポエム的なものは記載されていない。定期購読のページにそれっぽいものがあったので2つ掲載。
・エクスクルージヴな特典
独占的とかっていう意味がある。

スクリーンショット 2022-02-15 11.35.18

・フレッシュな野望を胸に
3月号のキャッチコピー、3月という年度の区切りをフレッシュという言葉で表現しているっぽい。表紙に自然が映り込むことでより一層フレッシュ感が増す。

スクリーンショット 2022-02-15 11.35.34

フォント

・GT Walsheim Regular:
・GT Walsheim Bold:

画像6

・Domaine Display:

画像7

・Serif:

スクリーンショット 2022-02-15 11.46.58

・Hiragino Sans(ヒラギノ角ゴシック):

ヒラギノ角ゴシック

  ヘッダーとフッターのVOGUEのロゴはsvg:


画像4

カラー

差し色が意外にも赤だった、資生堂の配色と近い。

画像9

ちなみにこちらが資生堂

資生堂_color

スマホページ/レスポンシブ

vogue_スマホ

感想/考察

・フォントを5種類使用していた。フォントへのこだわりが強い。
・VOGUEのロゴがセリフ体なので、格式の高い感じがする。
文章中にもセリフ体た取り入れている。
・全てのカードが揃っていないのが、雑誌のような印象を与える。

スクリーンショット 2022-02-15 14.36.10

・要素は8dpになっていないので、デザインシステムとかは取り入れてなさそう。
・Reactで作られているので動きはだいぶ滑らか

画像13


この記事が気に入ったらサポートをしてみませんか?