タグ: , , , , , 投稿者:

ヘッダー、見出し、フッターデザインをパーツ別に見られる見本サイトとデザイン参考サイトまとめ


名称未設定-1_03

ヘッダー、見出し(h1,h2)フッターデザインをパーツ別に見られるサイトとデザイン参考サイトまとめ

今回は、ヘッダー、見出し(h1,h2など)フッターデザインをパーツ別に見られるサイトとデザイン参考サイトのまとめを作りました。

ブブンデザインアーカイブ

FireShot Capture 73 - Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト - http___bubundesignarchive.jp_
http://bubundesignarchive.jp/
ヘッダ、見出し、グローバルナビ、サイドメニュー、バナー、リンク、パンくず、問い合わせボタン、フォーム、フッターなど、「部分別」にアーカイブされているのでパーツ別に参考にしたいときにはもってこいのサイトです。地図、テーブルなど21パターンのカテゴリから選ぶことが出来ます。
また、業界別のカテゴリからも選択できるので、テイストを合わせて探したいときにもお勧めです。

Croppy

FireShot Capture 74 - Webデザインや配色をサポートする新サービス I Croppy(クロッピィ) - http___croppy.org_
http://croppy.org/
ボタン、見出し、ヘッダー、フッター、バナー、ロゴ、グローバルナビ、サイドバーなどカテゴリ別にWebデザインを見ることが出来ます。どの色を使っているか、カラーチップとカラーコードが出ており、便利です。また、同じ色が入っているパーツを一覧で表示してくれる機能まで付いています。パーツのデザインで悩んだら見てみましょう。

見出しデザイン.com

FireShot Capture 75 - 見出しデザイン.com -Webデザインの“見出し”を集めたサイト- - http___midashi-design.com_
http://midashi-design.com/
こちらは「見出し(h1,h2,h3…)」専門サイトです。グラデーション、下線、丸を使ったもの、囲み線、など、シンプルですが汎用性のあるデザインを見ることが出来ます。見出しの引き出があると、全体の印象も変わってくるので重宝しています。

フッターデザイン.com

FireShot Capture 76 - フッターデザイン.com -Webデザインの“フッター”を集めたサイト- - http___footer-design.com_
http://footer-design.com/
こちらは「フッター」です。色々なサイトのフッターだけ見ることが出来ます。イラストが入っていたり、「ページトップへ戻る」のバリエーションも見ることが出来ます。

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

FireShot Capture 77 - ファビコンギャラリー.com -Webサイトのファビコンを集めたサイト- - http___favicon-gallery.com_
http://favicon-gallery.com/
今度は「ファビコン」専用です。意外と悩ましい「ファビコン」。あの有名企業のファビコンは、やっぱり秀逸!見ておくと参考になります。業種別のカテゴリーと、色別にも探せるのが嬉しいですね。

イケサイ

FireShot Capture 78 - 企業・コーポレートサイト WEBデザインのリンク集 - イケサイ - http___www.ikesai.com_cat_corp_
http://www.ikesai.com/
業種別の圧倒的なサンプル量が魅力。小さいサムネで一覧できるので、一気に見て検索できます。配色からも検索可能。本当にいろいろなバリエーションの業種のWebサイトが揃っているので、参考にしたいサイトを見つけるのに重宝しています。

見出しメーカー

FireShot Capture 79 - 好きな色でCSS見出しが作れます I スタイルシート見出しメーカー - http___midashi-maker.v-colors.com_
http://midashi-maker.v-colors.com/
好きな色で見出しのCSSを作れるサイト。見本ではないのですが。。色を選んで、簡単な見出しのCSSが作れるので、発想がわいてきて便利です。

バナーデザインアーカイブ

FireShot Capture 80 - バナーデザインアーカイブ|バナーのデザインをまとめてチェック! - http___banner.keizine.net_
http://banner.keizine.net/
バナーのまとめサイトです。業種、色、サイズから選択可能。
サイズが結構細かく分類されているので、作りたいサイズで参考に出来ます。

終わりに

今回は、ブックマークの中から並んできた順にお出しした形になりました。制作のお役に少しでも立てると嬉しいです。見本サイトとしては、制作会社の制作事例なんかもいい手段だったりします。制作会社によってテイストに偏りがあったりして面白いですし、参考になりますね。
では!


この記事を書いた人

nonaka
福岡県出身、沖縄育ち。デザイン担当をやっています。