menu

Webサイトの完成度を高める、バナー&各種パーツのギャラリーサイト4選

ディレクター心得

広告やランディングページでユーザーの興味・関心を引き立てるバナーはもちろん、アイコンやタブをはじめとする各種の細かいパーツもWebサイトを構成する大切な要素です。

とりわけアイコンなどのバナーは、無料のベクター素材やPSD素材が数多く提供されるようになったことによって、以前よりは遥かに簡単に制作できるようになりました。ただ、手軽になったからこそ差別化が難しく、具体的に作るとなると頭を悩ませてしまうケースも多いのではないでしょうか?

ディテールにこだわり、Webサイトの完成度を高めるためには、こうしたバナーやパーツの事例が数多く紹介されている、ギャラリーサイトを参考にするのも1つの方法です。

バナーデザインアーカイブ
定番からアイデアを活かしたユニークな事例まで、2000以上のバナーを集めたギャラリーサイトが「バナーデザインアーカイブ」です。サムネイルにはバナーのサイズとメインカラー、クライアントの業種・用途が記載され、クリックすると同サイズの他のバナーも表示されます。プルダウンによってメインカラー・業態別に絞り込むことも可能です。

Retrobanner
10000以上の事例が掲載されている、バナーデザインに特化したギャラリーサイトです。ほぼ毎日新しい作品が登録されるので、手早く事例を探したい場合やサンプルを数多く集めたい場合などは重宝します。

サムネイルをクリックすると、バナーのサイズやメインカラー、サブカラー、クライアントの業種のほか、テイストや使われているカラーコードも表示され、さらに該当するカラーパレットファイルをダウンロードすることもできます。サイズ別の分類も非常に細かく、WebディレクターやWebデザイナーの業務に直結する利便性の高さが特徴です。

ブブンデザインアーカイブ
名前の通り、Webサイト制作に欠かせないタブやアイコン、ナビゲーション、パンくずリストといった各パーツ(「ブブン」)に特化したギャラリーサイトです。機能別のナビゲーションに加えて、アーカイブスを業界別に絞り込むこともできます。

croppy
ヘッダーやグローバルナビ、ボタンなどを集めたソーシャルスクラップサービスです。パーツのデザインを参考にするだけでなく、公開されているデータをスクラップして使うことができます。

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

ニッチなキーワードで検索上位を狙う。ロングテールSEOの特徴・仕組みについて

Beaconによって拡がるビジネスチャンス~自動車分野~

関連記事

  1. 縦長レイアウトはもう古い?スクロールエフェクトを活用したWebサ…

    CSS3やHTML5によってWebサイトには以前にも増して多くの情報量を盛り込めるようになってきてい…

  2. サブ要素&導線に盛り込むべき情報は?ファーストビューの効果的な改…

    Webサイトの「顔」ともいえるファーストビュー。「メインコピー」と「キービジュアル」に加えて、「サブ…

  3. Webディレクターなら知っておきたいWordPressのデメリッ…

    ソフトウェア使用料が0円で、デザインのテンプレートやプラグインも豊富に提供されているWordPres…

  4. 競合サイトの調査に活用できるGoogleの3つの機能

    大手調査会社ニールセンが2015年12月に発表したリサーチ結果によれば、日本におけるインターネット利…

  5. 食品、文具、レンタルスペース‥幅広い業界で活用されるオウンドメデ…

    コンテンツマーケティングの重要性が指摘されるなか、規模・業種を問わずさまざまな企業がオウンドメディア…

  6. Webサイトの文章に+αの効果をもたらすフォントサイズ&位置の工…

    特定の文字や語句を強調する場合、Boldやアンダーラインが使われることが多くなりますが、タイポグラフ…

  7. ランディングページの成功事例その2「TECH:CAMP」

    ベテランのWebディレクターでも頭を悩ませることの多いランディングページ制作。用途・目的に沿ったペー…

  8. 即戦力のコーディングチェックツール3選

    デザイナーへの発注やクライアントとの連絡・調整に加えて、Webページのコーディングをチェックするのも…

PICKUP

PAGE TOP