calendarcodediamondfacebookfingerglobalgoogleplushatenahomepagetopplainpocketrssservicetwitterwordpresshome2searchfoldernext-arrowback-arrowfirst-arrowlast-arrow

アイデアがガンガン降り注ぐ、Webデザインの参考になるギャラリー集

ありきたりのWebデザインギャラリーではなく、グリッド線が入っているもの、料金表専門、インフォグラフィックスやグリッド・404・サイドバーなど、少し掘り下げたようなWebデザインギャラリーをまとめました。暇な時に見ているとインスピレーションが湧くはずです。パーツごとに分類。

PR
IT/WEB業界への転職なら
Sponsored Link

料金ページ

今月話題となった料金ページのみをまとめてあるTumblr製のプライスページギャラリー集。ブログなどに埋め込み可能。

Pricing Pages

グリッド参考

スクリーンショットにグリッドを入れてある、グラフィック(紙)やWebのデザインルールがひと目で分かるWebデザインギャラリー集。手間がかかってます。

Grids

404ページ

404ページのみ集めてあります。背景にどんな写真を使ってあるのか、短いメッセージは何を書けばよいのか、どんなボタンを設置すればよいのか、エラーページの構成を勉強できます。

FourZeroFour

アバウト・プロフィール・コンタクト・新規登録ページ

アバウト・プロフィール・コンタクト・新規登録ページなどコーポレートサイトやECサイトで必須のカテゴリが充実しているギャラリー。分類が視覚的でわかりやすく、カレンダーやダッシュボード・カウンターなどの小さなパーツまで揃ってます。

Calltoidea

国産インフォグラフィックス

情報や知識・市場を視覚的に解説するインフォグラフィックを集めてあるギャラリー。海外ではなく国産のインフォグラフィックが揃っているので見やすい。紹介されているサイトのクオリティも高いです。

infographic.jp

ヒーローヘッダー

ファーストビューを画面いっぱいに広げて見せるフルスクリーンを採用しているヒーローヘッダー。ここ数年で急速に広がりました。こちらはフルスクリーン中心のヘッダーのデザインだけを集めてあるショーケース。

Header Love

システム構成図

スライドを作る前にチェックしたい、システム構成図が描けるアイコンセット。シンプルで癖のないアイコンなので汎用性が高く使いやすい。

Future Architect

Sketchサンプル

クオリティの高いモックアップやサイトギャラリーなどSketchの無料サンプル。

Sketch Repo

サークル(円)

サークル(円)の形を取り入れてあるサイト一覧。

WEBデザインギャラリー

下層ページ

ファーストビューだけでなく、中面/下層ページなどコンテンツを一覧から視覚的にチェック可能。クオリティの高いサイトを集めてあるギャラリー。

現代デザイン

サイドバー

サイドバーのアイデアを得たいならここのページでチェック。

Croppy

フッター

SNSボタンやメールフォームなどワンパターンになりがちなフッターのデザインから脱却したいなら、こちらのフッターのデザイン中心のギャラリーを参考にすべし。比較的新しい今時のデザインを集めてあります。

Footer Love

ECサイト

ECサイトをメインに集めてあるギャラリー。海外のECサイトは国内と違って非常にシンプル。余白の使い方などを参考に。

Beautiful Stores

バナー

一見普通のバナーデザイン専門ギャラリーサイトですが、マウスオーバーで実物大の大きさのバナーがポップアップされるところが素晴らしく使いやすい。

レトロバナー

ファビコン

Webサイトのファビコンを集めたサイト。小さいのでディティールまで分かりにくいですが、アイデアを得るには問題なしです。

ファビコンギャラリー.com

海外版ロゴデザイン

ロゴデザインギャラリーは沢山ありますが、こちらのギャラリーはカラーコードなどの記載つき。

Logopond

国内版ロゴデザイン

解説が長めで参考になるWordPressで作られたギャラリー。ロゴデザイン・制作に役立つロゴマークを集めたロゴポータルサイト。

ロゴストック

スポンサード リンク

この記事を書いた人
投稿者:commte

株式会社コムテ代表取締役。2015/8:弊社にてWeb制作スクールを開始。 WebDesign + Web制作 (最新情報 配信)。おっとりした話し方をするおっさん。

URL:西田 鉄平
この後によく読まれている記事

Comments

Leave a Comment

コメントする