４．NSSG－Branding, Design｜#1日1サイトレビュー

NSSG – Branding, Design

概要

東京を拠点に活動するデザインスタジオ。ブランディング、アートディレクション、インタラクティブデザインを軸として、幅広い分野でデザイン活動を行っている。

PCサイト

フォント

NSSG Grotesk
・ｇナビ：13px
・ローカルナビ：10px

配色

・背景：白
・テキスト：黒
シンプル2色

画像の縦横比率

トップページに整列する各画像は、縦横比が「1対1.4」。
白銀比の長方形に設定されている。
美しいデザインに多いとされる比率。

印象

トップページに並ぶ数十個の画像は、実はすべて画像リンク。
ひとつひとつが実績紹介のページにリンクされている。
数多く実績を持つ企業であることを表示するとともに、
整然と並ぶ画像たちはデザインとしても美しい。

仕様フォントは自社オリジナルフォント。あらゆる分野のデザインをしている企業ならでは。

SPサイト

トップページ

PCサイトと同様に数多くの作品画像（これも白銀比）が並ぶ。やはり全てひとつずつ画像リンク。
スクロールをすると、1～2秒後、また画面いっぱいに画像が出てくる仕様。

ナビゲーション

右上にハンバーガーメニュー。タップすると、右からメニューリンク画面が すーっとあらわれる。
画面配色：グレー背景+白テキスト（）

感想

本当にたくさんの作品例があり、どこまでもスクロールし眺めていたくなる。展示されている作品例だけでなく、このサイト自体も一つの作品として美しいと感じた。

作品画像を引き立たせるシンプルな配色とフォント、
多くの人が「美しい」と感じる比率の画像。
美しく計算されたデザインが、今後勉強をする上で本当に参考になるWebサイトです。