webデザインメモ

webデザインの勉強をしています。ここでは、日々学んだ知識をまとめていきます。

好きなサイトまとめ91〜100

 

好きなサイト100選。

91〜100まとめ。

 

91.Chocolu.net | Web & Graphic Design

f:id:tomiko1226:20150501140142p:plain

派手な動きに頼らずにシンプルで見やすいポートフォリオサイト

スクロールした時の動きがかっこいい

左のナビが常に表示されていて、作品が探しやすくなっている

 

92.Lotta Nieminen

f:id:tomiko1226:20150501140512p:plain

ナビをクリックすると、横にスクロールして画面が切り替わる

フォントが全て中央揃えなので、バランス良い

配色がシンプルなので、作品が映える

 

93.リクルートホールディングス - Recruit Holdings

f:id:tomiko1226:20150501141120p:plain

背景のカラフルな画像が最先端のIT企業っぽくてかっこいい

ビルボード下に、プレスリリースが自動で表示され、半透明の背景画像もかっこいい

サービス一覧のナビをクリックすると各種サービスがアイコンで表示され、わかりやすい

文字のサイズが3種類あるのもユーザビリティ

 

94.TOP | 保健医療2035 | 厚生労働省

f:id:tomiko1226:20150501141803p:plain

ビルボードの動く背景が素敵

見出しの罫線と、ナビの現在位置が分かる罫線が統一感があって良い

文字の行間、大きさがちょうどよく読みやすい

 

95.SPIRAL WEB

f:id:tomiko1226:20150501142332p:plain

ページを開いた時に表示されるロゴとアニメーションが素敵

スライダーの画像を変更した時の動きがカラフルで未来的

マップがシンプルだけどおしゃれ

 

96.オンズ | ホームページ制作・デザイン制作 | 茨城県つくば市

f:id:tomiko1226:20150501142824p:plain

トップページの動画の背景がかっこいい

スクロールした時にいろんな方向からフォントや画像が動いて表示される効果がかっこいい

トップページで実績紹介のカテゴリ別でも表示ができる

 

97.

www.21inc.co.jp

ドットでできたロゴがかわいい

トップページでのアニメーションが面白い

 

98.umbro |アンブロ サッカーと共に歩む生活

f:id:tomiko1226:20150501143708p:plain

モノクロの写真をがかっこいいサイト

hoverすると、画像がカラーに切り替わるので、わかりやすい

シンプルだけど、フォント周りのボーダーを効果的に使用している

 

99.PARTY

f:id:tomiko1226:20150501144215p:plain

ビルボードの動画が何種類も切り替わるのがすごい

ページ下部のSNSアイコンにhoverすると文字入りの画像に切り替わる

worksの画像にhoverするとCSS3でフォントが表示され、画像が動画に切り替わるのがかっこいい

 

100.Listen Today. Change Tomorrow. | Cadence & Cause

f:id:tomiko1226:20150501144851p:plain

ビルボードの画像がかっこいい

フォントがおしゃれで好き

左のナビにhoverするとアイコンの横にテキストが表示されるのが効果的

Featuredのカテゴリでは右部だけスクロールできる動きがすごい

トップページでサンプルが聴けるのが嬉しい