webデザインメモ

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

好きなサイトまとめ1~10

 

WEBデザインの参考に好きなサイトをこれからまとめていこうと思います。

好きなサイト100つをまとめたサイトをいずれ作成する予定です。

 

1.THREE

 

f:id:tomiko1226:20150223201833p:plain

 

白、黒、グレーの色使い

フォントのバランスの良さ

情報がまとまっていてどこに何の情報があるのか分かりやすい

 

2.SYAN | Hair Salon

 

f:id:tomiko1226:20150223202256p:plain

 

白、黒、水色の配色が写真と合っている

情報量がちょうどよく、分かりやすくまとまっている

 

3.ミラオーウェン | Mila Owen

 

f:id:tomiko1226:20150223203021p:plain

 

1カラムの分かりやすい設計

コレクションの画像の余白のとり方が参考になる

 

4.IVYINN

 

f:id:tomiko1226:20150223203305p:plain

画像のレイアウトが参考になる

1ページのみのシンプルな設計

 

5.CINRA, Inc.

naviの各ボタンにマウスをのせたときの仕掛けが楽しい

動画を使った背景

アニメーションが巧みに使われていておしゃれ

6.Why Juice?

 

 

f:id:tomiko1226:20150223204658p:plain

 

スクロールした時の画面の切り替わりが楽しい

写真の色のまとまりと撮り方が素敵

写真の写し方も勉強になる

 

7.DOOR Shibuya

 

f:id:tomiko1226:20150223205111p:plain

 

黒、白、透け感のあるピンクの配色がおしゃれ

アニメーションが細部までこだわっていて、サイトを見ていて楽しい

 

8.Brooklyn Parlor | 人生における無駄で優雅なもの、ぜんぶ。

 

f:id:tomiko1226:20150223205409p:plain

シンプルな配色、くせのないフォントが読みやすい

どのページでもレイアウトがほとんど同じ

ユーザビリティが高い

 

9.金沢21世紀美術館 | 21st Century Museum of Contemporary Art, Kanazawa.

 

f:id:tomiko1226:20150223210031p:plain

1ページに情報がまとめられていて見やすい

スクロールしたときにページのどの位置にいるか分かるので、分かりやすい

アクセントカラーのオレンジ使いが上手

 

10.株式会社サイバー・バズ

 

f:id:tomiko1226:20150223210225p:plain

 

各カテゴリが色別に分かれているためカラフルだが見やすい

背景のアニメーションが見ていて楽しい