グランジスタイルＷＥＢデザイン

流行りのスタイルは、いずれ過去の産物となって行きます。ＷＥＢデザインにおいては、Web 2.0 が正しくそうです。

2007年末に私達は、艶やかなボタン、３Ｄ、角丸、カラフルな反射光、新しいフォントなどを用いたWeb 2.0 らしいデザインをご紹介しました。しかし今は、そのWeb 2.0 らしいデザインが衰退し始めるのではないかと思っています。徐々にユーザー中心の内容を重視したサイトが増えてきており、これは流行が変化する前兆なのでしょうか？

グランジスタイルとは？

さあ、Web 2.0 から新しい時代への幕開けです。
先ほど Web 2.0 は「艶やかさ」であると説明し、Web 2.0らしい手描きスタイルについても以前ご紹介しましたが、今後は、荒削りなデザインへと激変するかもしれません。例えば、むらがあり、不規則で、ゆがんでいて、風合いのある「グランジスタイル」が主流になって行くでしょうか？おそらくならないとは思います･･･。
しかし、型にはまらない斬新なデザインを試みようとするのであれば、グランジスタイルが使われる事もあるかと思います。

そこで、グランジスタイルでデザインされた無料フォント、アイコン、テクスチャ、ブラシ等を集めたので、以下にご紹介します。グランジスタイルは汚らしいイメージではなく、風合いのあるデザインです。

Web 2.0 とグランジの融合

グランジスタイルの区切り枠を使用した例

目をひくグランジスタイル

木目調のユニークなデザイン

個人のブログで使われた例

グランジデザインのフォント

・5 Excellent Free Grunge Fonts
5つのフォントを紹介しています。

・Bleeding Cowboys Font
個人向け、Mac 用フォント

グランジデザインのアイコン

破れていたり、味のある感じのアイコンが必ずしもあなたのサイトに合うとは思いませんが、選択肢の１つに入れてみてはいかがでしょうか？

・RSS Grunge Icons
赤、青、緑のRSSアイコン（.png）

・Grungy Olive Icons
オリーブ色の28種類のアイコン（.png）

・Grungy Asphalt Icons
アスファルトの様なアイコン

・Litho System
石版に彫られたような99種類のアイコン

グランジデザインテクスチャー

・Best Textures Flickr Group
サイズ展開が豊富な900以上のテクスチャー

・Torley Textures
サイズ512×512 の11setのテクスチャー（.png）

・DeviantArt: Textures
錆び（rust）、木目調（wood）など、検索キーワードを入力して膨大な数の中から、好みのテクスチャーを見つけて下さい。

・W-Enter Textures
3種類のテクスチャー

・Textures Download
個人用、商用、どなたでもダウンロードして利用できます。

・Garden Grunge Macro Photos
カメラマンのNeil Creek が撮った庭のマクロ写真を使用したテクスチャー

・Urbandirty
街中の1シーンのテクスチャー

・Free Grunge textures from TextureKing
無料で利用できる319種類のテクスチャー

・10 Grunge, Rusty and Dirty Tileable Textures
サイズ1000×1000 の無料のテクスチャー

・Grunge Textures
石、錆、木、などの211種類のテクスチャー

・24 Free High-Res Textures
高解像な24種類のテクスチャー（.png）
Photoshop（CS3, CS1）用のブラシ12セットもあります。

・Grunge Textures
地球や土星、金属、石などの高品質なテクスチャー
Hotlist では人気のあるテクスチャーをチェックすることが出来ます

グランジペーパーテクスチャー

・Scanned Scrapbook Papers Set 1
14種で1セットのset1、12種で1セットのSet 2

上記はset2
・Lovelamp
壁紙のような7種類のテクスチャー

・PapierScans
紙をスキャンして作った12種類のテクスチャー

・4 Free High-Resolution Grungy Paper Textures
最大サイズが 2005×3000px の紙のテクスチャー

グランジスタイルのブラシ、その他

・Jenn B’s Typographic Grunge Brushes
タイポグラフィックブラシ

・Grunge Brushes
Photoshop 用ブラシ

・50 Free Vector Grunge Corners
グランジスタイルで仕上げる角

・RisingSun Brushes
1280×1024px サイズを含むブラシ

・Grunge Brushes
Photoshop 用ブラシセット

・Dumpster Brushes
写真を使ったPhotoshop 用ブラシ

・Vector Ink & Paint Splatters
インクやペンキが跳ねた感じ

・XiconTexturesX
引っかいた感じなど15種類の Photoshop 用アイコン（.pat）

グランジスタイル：Photoshop テクニック集

・Grunge Photoshop Tutorials
Photoshop テクニック集

・Grungy Cover Design Tutorial
グランジ風デザインの作り方

尚この記事の原文（English）は、こちらを参照ください。

Popularity: 98% [?]

This entry was posted on 金曜日, 5月 2nd, 2008 at 17:12:41 and is filed under WEB TIPS. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.