2008 -02-16 ( Sat )

More

二つ目に、たくさんのサイトの背景(部分的な)にストライプ画像が使われているのを目にします。灰色だと思ったら白に薄い黒のストライプがかかっているだけだったり、あるいわグラデーションに重ねてストライプを入れているサイトなどもよく見ます。
実際に自分でストライプありのものとなしのものを比べてみると、なんとなくストライプありのほうがよく見える気がするのですが…。ストライプはどんな理由からどんな効果があるんですか?

http://webbingstudio.blog10.fc2.com/blog-entry-508.html#comment1226

↑↑こういうのですよね。
Web2.0風というのでは右のをよく見かけます。

これに関しては、「面で塗ったものに直線を加えてメリハリを出している」というのと「線を斜めにすることで躍動感や新しさをイメージさせている」のではないでしょうか（あくまで主観ですが）。

線が入った方が綺麗に見える、というのは「ディザ効果」が関わっていると思います。
人間の目は複数の色点の集合体があると、それを混ぜて新しい色を作り出したりします。印刷物やWebの画像はそうやって作られます。
わずかな色の差をもつ点が混ざることで、グラデーションがより光沢を持って見えるのではないかと思います。

ただ、これに関してもやっぱりあくまで無難なデザインセオリーの一つです。
グラデに線を入れるとどうしても若い印象になってしまうので、高級なサイトなどにはあまり使われませんし。

---

デザインセオリーに関しては、「web creaters」や「Web Designing」などの専門誌で良く特集を組んでいて、参考になります。
また、「プロとして恥ずかしくないシリーズ」などもよく読まれてます。
興味をお持ちの方は、一度手にとってみてはいかがでしょうか。