モバイルファーストサイト100選 その15 Asphalt Roots|バスケットボールスキルスクール
バスケットボール教室の紹介サイトです。
バスケは人気がありますからね。
運動音痴の私でもスラムダンクは知っていますから(笑)
![Asphalt Roots](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/c8b70325-fb1d-4d89-b00c-46afd3880ea0-1024x516.jpg)
構成
PC時はスプリットレイアウトで、左の画像エリアはスライダーで変わります。
ここにリンクは無く、イメージ画像のみですね。
メイン部分も画像が多く、余白も大きくとっていて、
シンプルで流行りな感じのするサイトです。
グローバルナビは控えめに表示されます。
線が細くおしゃれな見せ方だと思います。
ナビが開いたときは文字を大きくあしらっていて、
これもかっこいいですね。
ファーストビューもそうですが、
文字を大きく、画像も大きく多めで、
魅せることに重心を置いたデザインになっていると思います。
シンプルですが、下層ページも結構多く、
しっかり作られています。
画像がかなり多いのですが、
文字が少ないということも無く、
読むのに力が要らないですね。
画像と文字のバランスは
参考にしたいところです。
![Asphalt Roots](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/f27f7232-8113-4dd4-a6e4-83ceba3b2aee-1024x516.jpg)
色
このサイトで使われる色はこちら
![配色](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/スクリーンショット-2024-01-01-150730.jpg)
この配色は、ユニフォームのチームカラーからとっているのでしょう。
華やかな感じがします。
テーマカラーというものではなく、写真に合わせたものかもしれません。
![sp1](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/sp1-78x1024.jpg)
![sp2](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/sp2-107x1024.jpg)
![sp3](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/sp3-106x1024.jpg)
フォント
フォントは見出し、本文ともに Noto Sans JP
英文には Helvetica が使われています。
こういう文字を重視したデザインはやったことはありませんが、
カッコいいですね。
ガッツリとタイポグラフィックを勉強したら
キリが無くなるんでしょうけど、
ちょっと勉強してみたいなと思いました。
最低限のあしらいはできるようにならないといけませんな。
![背景](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/david-walker-bP0q3tTTHS4-unsplash-1024x683.jpg)