Home » Design Blog » インスピレーション » 背景画像が印象的なWebサイトデザイン

背景画像が印象的なWebサイトデザイン


今回は背景画像が印象的なWebサイトを集めてみました。twitterの背景や、ブログのトップ画像、作品のポートフォリオサイトを制作する際にも参考になります。


最近のWebサイトのトレンドは、背景にテクスチャやイラストが上手く使われたサイトです。特に自分の色がだせるブログではオリジナルイラストやコラージュを上手く使ったものが多いようです。グラデーションや単色のものもすっきりしていてキレイですが、よりインパクトの強いサイトデザインには背景にこだわってみるのもよいかと思います。

■やわらかい質感とイラストがおしゃれな背景

女性らしいイラストが心地いいサイトです。作品も上品なピンクを上手く使ったものが多くて勉強になります。

>>link

■暖かみのあるテクスチャが効果的な背景

イラストもカワイイのですが、おしゃれな配色とざらっとしたテクスチャが暖かみをプラスしています。

>>link

■タイル風のテクスチャが大人っぽい背景

タイル風のでこぼこテクスチャが入っています。色ベタでないので奥行きもあるデザインになっています。

>>link

■年代物の紙の様な質感の上品な背景

シンプルなデザインですが、よく見るとキレイなテクスチャが。ロゴも統一感があって素敵なデザインです。

>>link

■個性的なイラスト使いの背景

オリジナリティあふれる背景イラスト。好きなテイストのアピールにもなりそうです。

>>link

■ポップな色使いの背景

ビビッドピンクがアクセントのサイト。紙のテクスチャもいい感じです。

>>link

■さわやかな水彩画の背景

デジタル処理が多いWebサイトの世界なのでアナログ作品はひと際インパクトがあります。

>>link

■ウッディでシックな背景

ショップサイトです。木のテクスチャを使う事で全体が落ち着いた印象に。音がでるので閲覧環境には注意です。

>>link

■事務所を撮影したようなイラストがインパクト大の背景

ポーランドのデザイン制作会社さんのサイトです。一度見たらわすれられない背景デザインです。

>>link

Webデザインではユーザビリティの点から、レイアウト位置には制限があります。たとえばHOMEボタンやナビゲーションボタンなどがいつもと違う場所にあるとユーザーを惑わせてしまいます。しかし背景画像に関してはその制限がありません。つまり背景画像は自由にデザインしていい場所。ポートフォリオサイトなどでは背景画像を凝ることでオリジナリティを発揮することもできます。
使いやすさに、自分らしさをプラスしてみたいサイトでは背景を変えてみるのもいいかもしれません。


 


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>