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. コンテンツ制作に集中できる、SEO対策済みWordPressテン…

    ユーザーの役に立つ情報を発信することによって検索上位獲得を狙うコンテンツSEO対策が主力となった今で…

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

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

  3. スマートフォンを意識したWebライティングのコツ

    ソーシャルメディアと相性が良いスマートフォンでは、質の高い記事がFacebookやTwitterで拡…

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

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

  5. 読まれるコンテンツに欠かせない、分かりやすい文章の3つのポイント…

    良質なコンテンツを配信することによってユーザーの行動を喚起するコンテンツマーケティングが主流となった…

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

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

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

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

  8. ユーザーを後押し&安心感を与えるクロージング。LPの「ストーリー…

    ユーザーの願望に対する解決策だけでなく、その先にあるプラスアルファの価値を示し、裏付けや背景をあわせ…

PICKUP

PAGE TOP