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. アイコンもセットで、レスポンシブデザインにも対応。CSSフレーム…

    WordPressと同じくWebサイト制作の生産性アップに役立てたいのが、CSSフレームワークです。…

  2. 業務効率を上げるWebディレクター向けテキストエディタ4選

    Webサイトの記事の確認・作成に限らず、デザイナーをはじめとした制作スタッフとの情報共有や、備忘録・…

  3. 不正アクセスや脆弱性・バックアップ対策も。セキュリティ対策プラグ…

    デザインの自由度が高く、プラグインによって豊富な機能を拡張できるWordPressは世界中のWebサ…

  4. コンテンツの品質管理に役立つ無料の文章チェックツール3選

    ライターや外部の制作会社から納品されてきたコンテンツの品質管理もWebディレクターの大切な仕事の1つ…

  5. なぜ今「Web接客」なのか?さまざまなツールが普及する2つの理由…

    「毎日の業務に忙殺されて、提案力が身につかない」、「Webディレクターとしての価値を磨きたいけど、具…

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

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

  7. 意外と簡単?Webフォントの利用方法とメリット&デメリット

    CSSを用いたWebサイトが一般的になり、多くのWebデザイナーに注目されているWebフォント。Go…

  8. 多種多様なメソッドも学べる、LP制作に使いたいフレームワーク3選…

    ユーザーの行動を喚起するランディングページにはストーリーの要素を加えるのが効果的ですが、もちろん方法…

PICKUP

PAGE TOP