440design Beta

Web2.0っぽいサイトデザインといえば、グラデーション、ガラスっぽいボタン、床？に反射する画像、バッジなどなど、クリーンで清潔なイメージですが、さすがにそんなサイトが増えすぎてきた気がする今日この頃。最近海外サイトでよく話題にのぼるデザインの傾向がふたつあるように思います。

ひとつはミニマルですっきりとしたデザイン。ホワイトスペースを生かしたベーシックなサイトが増えてきているようです。もうひとつは、それとは正反対のグランジっぽいデザイン。テクスチャや汚れ、かすれたような効果などを使ったリッチなビジュアルです。今回は後者についてまとめてみました。

Snap2ObjectsのmaoさんはHow to Destroy the Web 2.0 look（いかにWeb2.0っぽいデザインを破壊するか）で、「Ｗeb2.0なデザインは確かにクリーンでこざっぱりとしてるけど、人気がですぎて、もはや個性がない。クローンされた無菌っぽい今のデザインに対する答えがこれだ」として、グランジなサイトを多数紹介しています。

また、Modern LifeのStuartさんは More Web design Trends and Cliches(ウェブデザインのトレンドとありがちな表現）で、今のウェブデザインの6つの傾向を示しています（「ありがちな表現」というのは皮肉であって、1年後にはこれらも古びてるだろうからね、とのこと）。話題になった記事なのでご存じの方も多いかと思いますが、以下彼の指摘する新しい「トレンド」。

• 可愛いキャラクター・マスコット
• 渦・水滴・花
• かちっとしてない枠線
• やたら大きいRSSアイコン
• テクスチャを効果的に使ったデザイン
• ダークグレーや黒の背景にリッチな配色

元記事には画像もあってわかりやすいです。3、5あたりがグランジなサイトに通じる部分だと思います。

というわけで今日はグランジなデザインのサイトを20コ集めてみました。スクリーンショットでは素材感がいまいちわからないかもしれないので、ぜひそれぞれのサイトを訪れてみてくださいね。

LANIKAI

Revolution Church

Randy Bacon Photography

Biola

Antonio Rozco

Red9ine Tattoo

natiive

Ali Tabatabaei

Shaker Designs

Soma Communities

Trojan Records

Bandpush

darklight

Pain in Good

Team Green

Sourhaze

Siena

Rob Goodlatte

Artz Territory

Spoon Graphics

参考にしたサイト：
CommandShift3
Design Melt Down

なおミニマルデザインについてはVandaley Website Designにたくさんまとめてありましたので、こちらをどうぞ。
25 Beautiful, Minimalistic Website Designs
25 Beautiful, Minimalistic Website Designs Part2

2008年1月21日月曜日 4:07:53  カテゴリー:Web Design
よかったら、コメントまたはトラックバックしてください。
トラックバックURL