webデザインメモ

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

WEBデザイン

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

好きなサイト100選。 91〜100まとめ。 91.Chocolu.net | Web & Graphic Design 派手な動きに頼らずにシンプルで見やすいポートフォリオサイト スクロールした時の動きがかっこいい 左のナビが常に表示されていて、作品が探しやすくなっている 92.Lotta Niemi…

好きなサイトまとめ81〜90

好きなサイト100選。 81〜90まとめ。 81.SCNR Inc. | Art direction + Visual consulting トップの画像にマウスを載せると画像がモノクロからカラにー変わる動きが素敵 各ページに遷移してもページ下部にトップページと同じメニュー画面があるのがわかりやす…

好きなサイトまとめ71〜80

好きなサイト100選まとめ。 71〜80。 71.渋谷再開発と東急建設|東急建設 白、黒、グレーの配色に青空やオフィスの写真が映える ビルボードの背景画像の、マス目のような加工が、建設業らしい雰囲気を醸し出す アイコンと写真を多く活用しユーザーが見ていて…

好きなサイトまとめ61~70

好きなサイト100選。 61~70。 61.adidas Originals ナビ、SNSリンクがページ上部、下部にもあり、分かりやすい 画像にマウスを載せた時のエフェクトがかっこいい 商品カテゴリが細かく分かれていて検索しやすい 62.三田国際学園中学校・高等学校 | MITA Int…

好きなサイト51~60

好きなサイト100選まとめ。 51~60。 51.NIXON(ニクソン) オフィシャルサイト / nixon.com ナビにカーソルを合わせると、各カテゴリの詳しいナビが出てくる 商品ページの画像にマウスを載せると、お気に入り、カートのアイコンが出てきて、見やすく効果的 5…

好きなサイトまとめ41~50

好きなサイト100選。 41~50。 41.Carven スクロールした時の動きがオシャレ。 商品画像にマウスを載せると、画像が別の角度から見えるようになっている。 42.マッシュグループ 2016年新卒採用 | MASH group 2016 RECRUIT 1ページ構成のシンプルなサイトで分…

好きなサイトまとめ31~40

好きなサイト100選。 31~40。 31.FOURDIGIT DESIGN Inc. | 株式会社フォーデジットデザイン アイコンやフォントがシンプルながらもオシャレ。 画面いっぱいの画像を使い、画像が変わるごとにユーザーに認識しやすいように演出されている。 トップページで情…

好きなサイトまとめ21~30

21.Marcom for leaders 赤、黒、白の配色 グリッドのレイアウトがおしゃれで参考になる マウスを載せた時のアニメーションが見ていて楽しい 22.25AH | Twenty-Five Art House 赤のフォントの使い方が上手シンプルだけど華やかな印象 画像のレイアウトがおし…

好きなサイトまとめ11~20

11.COFEE COUNTRY 青、ピンク、グレーの配色がおしゃれ 画像にマウスを載せた時に、白っぽくなった画像の上に画像の詳しい内容が浮かびあがってくるので分かりやすい 固定のナビのピンクが半透明になっていて目線の邪魔をしない 12.ピープル&シングス Peopl…

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

WEBデザインの参考に好きなサイトをこれからまとめていこうと思います。 好きなサイト100つをまとめたサイトをいずれ作成する予定です。 1.THREE 白、黒、グレーの色使い フォントのバランスの良さ 情報がまとまっていてどこに何の情報があるのか分かりやす…