WEBサイト100選

勉強の一環として、デザインが参考になったサイトや気になったサイトをピックアップしています。何事もまずはその世界のことを知るところからスタートしなければ、と言う事で目指せ100選！！

サイト一覧 | 学校

7.女子美術大学
女子美術大学

女子大であるため、女性の好みに合わせたサイトの配色になっています。また、マップに説明を加えることで学校の全体像がイメージでき、音楽を加えることで見る人の記憶に残る作りになってます。

GO

13.東京大学TLO
東京大学TLO

ナビゲーションボタンにcssスプライト、positionのfixedが利用されています。また、gifで動画の効果を与えており、サイトの作りがとても参考になります。

GO

71.摂南大学
摂南大学

トップのナビゲーションがカテゴリー毎に3つに分かれており、情報が利用者に伝わるように配慮されています。閲覧者別のナビゲーション、学部の内容毎のナビゲーションと情報が多い中で、必要なものを必要な人に向けて設計されている点が参考になります。

GO

74.大泉自動車教習所
大泉自動車教習所

トップ画面が教習所のコースを模したデザインになっていてとても面白いサイトです。SVGアニメーションで動きをつけられており、見ているだけで楽しくなります。また、サイドのナビゲーションについて、重要なものは元から見えており、重要度の低いものはハンバーガーメニューで開閉できるようになっています。ナビゲーションの設定の考え方が参考になります。

GO