サイトレビュー❀１２１

KATOSHUN.com　さん

KATOSHUN.com | 加藤俊司作品集

【ファーストビュー】

・左からボタン、メインビジュアル、作品と縦に三分割されているところが印象的です。

・構成：
　左側、中心やや上にロゴ、その下にボタン風でgナビ。
　真ん中、中心より左。メインビジュアル。
　右側、ほぼ中心より右全域。上下に分割してそれぞれ作品。

・メインビジュアル：
　草の上を蝶が飛ぶイラストが描かれています。デジタルの筆で描くものに近く、色合いは鮮やかです。

【フォント】

-apple-system, BlinkMacSystemFont, "Hiragino kaku Gothic ProN", MyYuGothicM, Meiryo, sans-serif

【使用色】

使用色 一覧

【レスポンシブ】

・検証で見たところ、メインビジュアルはなく、左側の部分が上部に移動し、全幅で表示されるようになっています。
・右側の部分は縦並びで並んでいます。

【全体的に】

・スクロールするとメインビジュアルの中にいる蝶が右から左に移動していく仕組みが面白いです。
・一定のところまでスクロールすると、中のイラストが珈琲などの画像に移り変わるところも面白いです。
・全体的に作品は横スクロールで見れるようになっており、ホバーすると横スクロールのポインターが出てきて、工夫されています。

---

［情報まとめ、プチ感想］
・KATOSHUN.com　http://katoshun.com/

　個人的にスクロールすると横にスクロールされるものって苦手なのですが、こちらのサイトはポインターが付いており、動くのは作品とメインビジュアルだけなので見やすいです。
　縦スクロールした際に背景画像が変わる例は見たことがありますが、横でするのも面白そうですね。

<了>