カメきち - Webサービス,デザイン 08:00 AM
画像に合った背景色を自動的に設定してくれるプラグイン「ADAPTIVE BACKGROUNDS」
「ADAPTIVE BACKGROUNDS」は画像に合った背景色を自動的に設定してくれるJavaScriptプラグインです。たとえば赤い色の画像に対しては薄い赤色の背景色をつけたり、白が多めの画像には白に近い色を背景色につけることができます。プラグインを導入して画像にCSSを当ててあげるだけで自動的に色が決定します。
詳細は以下より。
まずADAPTIVE BACKGROUNDSへアクセスしましょう。サイトの下部にデモが表示されています。
このように背景色が画像の色に近いものになっていることが分かります。これはこのプラグインが自動的に画像の色を判断し、適切な背景色を割り出してくれています。背景色を画像に合わせて変化させたいときに使えますね。ぜひ一度お試しください。
(カメきち)
- インタフェースデザインの心理学 ―ウェブやアプリに新たな視点をもたらす100の指針
- Susan Weinschenkオライリージャパン