menu

Webサイトにアクセントを加える、ポップ&スタイリッシュなパターン素材5選

ディレクター心得

Gif画像とあわせてWebサイトにアクセントを与えるのに効果的なのが、数多くのWebサイトで提供されている無料のパターン素材です。

フラットデザインを意識したWebサイトの場合、ホワイトスペースも広くなり、レイアウトに充分気を配ったつもりでも実際に仕上がったデザインを確認すると、何となく物足りないような印象を受けることもあるのではないでしょうか?

現在提供されているパターン素材には、定番の格子柄やモザイク柄、ポイント柄だけでなく、動物をモチーフにしたものや、ビビッドな季節感のある素材などユニークなものも数多くあります。あくまでコンテンツを引き立たせるための素材なので使い過ぎは禁物ですが、Webサイトのコンセプトにあわせてピンポイントに使うことによって、よりユーザーの目を引きつけることもできるでしょう。

Animals silhouette pattern
モスグリーンを基調とした、動物のシルエットのパターン素材です。色目が抑えられている分、使い勝手も良く、例えば、日用品などを紹介するコンテンツをポップで親近感のあるテイストに仕上げたい時などに使うのもいいかもしれません。

Floral surf patterns
ヴィンテージのアロハシャツのような、ハイビスカスなどをモチーフにしたツートーンカラーのパターン素材です。観光・レジャー関連はもちろん、シーズナルな企画など幅広く利用できます。

Hand drawn sport accessories pattern
サッカーボールやスニーカー、ボウリングのピンなど、スポーツに関連したアイテムのパターン素材です。手書きで親近感のあるテイストに仕上がっており、子供向け用品のコンテンツなどには使い勝手がいい素材かもしれません。

Ice cream background pattern
3色のアイスクリームのパターン素材です。枠線のないシームレスな素材のためフラットデザインとも相性が良く、ベージュ、ブラウン系に色が抑えられているので、コンテンツを引き立たせながらポップなテイストを加えるのに適しています。

LIME GREEN AND GRAY PATTERNS
ライムグリーンとグレーを基調にしたパターン素材のパッケージです。柄はいずれもオーソドックスですが色調が工夫されており、クールかつシックな印象を与えます。リゾート感を演出したり、例えば、シニア向けのコンテンツでちょっとした遊び心を演出したりする場合には向いているかもしれません。

小野 良勝 代表取締役

投稿一覧

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

動画SEOにおける「字幕」の効果

Beaconによって拡がるビジネスチャンス~ウェディング分野~

関連記事

  1. ランディングページの成功事例その1「DHC 公式オンラインショッ…

    効果的なランディングページを制作するためには、ファーストビューに加えて、Webページ全体のレイアウト…

  2. フラットデザインにも相性抜群。スタイリッシュなWordPress…

    用途や目的にあわせて幅広く利用できるデザインテンプレート(テーマ)はWordPressの大きな魅力の…

  3. もうデザイナーの「勘」には頼らない!イメージを視覚化する3つの工…

    Webデザイナーへのディレクションでは、イメージを言葉で伝えるだけでなく、視覚化してひと目で理解でき…

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

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

  5. SNSの拡散(バズ)を視覚化。今すぐ役立てたい効果測定ツール3選…

    オウンドメディアとならんで、Webマーケティングの重要な要素の1つがSNSの活用です。「SNSを使っ…

  6. 画像のタイプ・特徴にあわせて使い分けたいgjf、jpg、png

    Webサイト制作で画像を取り扱ううえで意外のおろそかになりがちなのが、画像の保存形式です。プロのフォ…

  7. Webコンテンツの印象を大きく変えるタイポグラフィの4原則

    フォントを効果的に使うにはタイポグラフィ(書体の配置や構成といった表現)も大切です。デザインやレイア…

  8. スクロールエフェクトを実装できる、おすすめjQueryプラグイン…

    画面のスクロールにあわせて写真やサムネイル、テキストを自由に動かすことができるスクロールエフェクト。…

PICKUP

PAGE TOP