モバイルファーストサイト100選 その15 Asphalt Roots|バスケットボールスキルスクール

バスケットボール教室の紹介サイトです。
バスケは人気がありますからね。
運動音痴の私でもスラムダンクは知っていますから(笑)

Asphalt Roots

構成

PC時はスプリットレイアウトで、左の画像エリアはスライダーで変わります。
ここにリンクは無く、イメージ画像のみですね。

メイン部分も画像が多く、余白も大きくとっていて、
シンプルで流行りな感じのするサイトです。

グローバルナビは控えめに表示されます。
線が細くおしゃれな見せ方だと思います。
ナビが開いたときは文字を大きくあしらっていて、
これもかっこいいですね。
ファーストビューもそうですが、
文字を大きく、画像も大きく多めで、
魅せることに重心を置いたデザインになっていると思います。

シンプルですが、下層ページも結構多く、
しっかり作られています。
画像がかなり多いのですが、
文字が少ないということも無く、
読むのに力が要らないですね。
画像と文字のバランスは
参考にしたいところです。

Asphalt Roots
グローバルナビの表示

このサイトで使われる色はこちら

配色

この配色は、ユニフォームのチームカラーからとっているのでしょう。
華やかな感じがします。
テーマカラーというものではなく、写真に合わせたものかもしれません。

sp1
sp2
sp3

フォント

フォントは見出し、本文ともに Noto Sans JP
英文には Helvetica が使われています。

こういう文字を重視したデザインはやったことはありませんが、
カッコいいですね。
ガッツリとタイポグラフィックを勉強したら
キリが無くなるんでしょうけど、
ちょっと勉強してみたいなと思いました。
最低限のあしらいはできるようにならないといけませんな。

背景

Follow me!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA