アイデアがガンガン降り注ぐ、Webデザインの参考になるギャラリー集
ありきたりのWebデザインギャラリーではなく、グリッド線が入っているもの、料金表専門、インフォグラフィックスやグリッド・404・サイドバーなど、少し掘り下げたようなWebデザインギャラリーをまとめました。暇な時に見ているとインスピレーションが湧くはずです。パーツごとに分類。
PR
Sponsored Link
料金ページ
今月話題となった料金ページのみをまとめてあるTumblr製のプライスページギャラリー集。ブログなどに埋め込み可能。
グリッド参考
スクリーンショットにグリッドを入れてある、グラフィック(紙)やWebのデザインルールがひと目で分かるWebデザインギャラリー集。手間がかかってます。
404ページ
404ページのみ集めてあります。背景にどんな写真を使ってあるのか、短いメッセージは何を書けばよいのか、どんなボタンを設置すればよいのか、エラーページの構成を勉強できます。
アバウト・プロフィール・コンタクト・新規登録ページ
アバウト・プロフィール・コンタクト・新規登録ページなどコーポレートサイトやECサイトで必須のカテゴリが充実しているギャラリー。分類が視覚的でわかりやすく、カレンダーやダッシュボード・カウンターなどの小さなパーツまで揃ってます。
国産インフォグラフィックス
情報や知識・市場を視覚的に解説するインフォグラフィックを集めてあるギャラリー。海外ではなく国産のインフォグラフィックが揃っているので見やすい。紹介されているサイトのクオリティも高いです。
ヒーローヘッダー
ファーストビューを画面いっぱいに広げて見せるフルスクリーンを採用しているヒーローヘッダー。ここ数年で急速に広がりました。こちらはフルスクリーン中心のヘッダーのデザインだけを集めてあるショーケース。
システム構成図
スライドを作る前にチェックしたい、システム構成図が描けるアイコンセット。シンプルで癖のないアイコンなので汎用性が高く使いやすい。
Sketchサンプル
クオリティの高いモックアップやサイトギャラリーなどSketchの無料サンプル。
サークル(円)
サークル(円)の形を取り入れてあるサイト一覧。
下層ページ
ファーストビューだけでなく、中面/下層ページなどコンテンツを一覧から視覚的にチェック可能。クオリティの高いサイトを集めてあるギャラリー。
サイドバー
サイドバーのアイデアを得たいならここのページでチェック。
フッター
SNSボタンやメールフォームなどワンパターンになりがちなフッターのデザインから脱却したいなら、こちらのフッターのデザイン中心のギャラリーを参考にすべし。比較的新しい今時のデザインを集めてあります。
ECサイト
ECサイトをメインに集めてあるギャラリー。海外のECサイトは国内と違って非常にシンプル。余白の使い方などを参考に。
バナー
一見普通のバナーデザイン専門ギャラリーサイトですが、マウスオーバーで実物大の大きさのバナーがポップアップされるところが素晴らしく使いやすい。
ファビコン
Webサイトのファビコンを集めたサイト。小さいのでディティールまで分かりにくいですが、アイデアを得るには問題なしです。
海外版ロゴデザイン
ロゴデザインギャラリーは沢山ありますが、こちらのギャラリーはカラーコードなどの記載つき。
国内版ロゴデザイン
解説が長めで参考になるWordPressで作られたギャラリー。ロゴデザイン・制作に役立つロゴマークを集めたロゴポータルサイト。
スポンサード リンク
-
投稿者：commte
株式会社コムテ代表取締役。2015/8：弊社にてWeb制作スクールを開始。 WebDesign + Web制作 (最新情報 配信)。おっとりした話し方をするおっさん。
URL：西田 鉄平
この後によく読まれている記事
Leave a Comment