Web2.0っぽいデザイン
- January 16th, 2006
- Posted in 便利ツール
- Write comment
ちょっとメモ。
「Web2.0っぽいデザイン」というものが確立されつるあるかと思いますが、今回のcheck**padでもちょろっと使っています。
一つは最近よく見かけるようになったバッジ。星型のマークですね。

↑ この「beta」の部分。こういうのが簡単に作れます。
これ、最初はIllustratorで悪戦苦闘しながら作っていたのですがPhotoshopで簡単に作れた。チュートリアルがbartelme designにあったので興味のある方は覗いてみては。
あとは2.0っぽい壁紙ですね。ストライプ+グラデーションというのが定番です。

↑ こういうやつ。
こちらはBackground Image Makerが有名ですね。ストライプを透明の背景で作った後にグラデーションの画像に重ねるといいかもですね。とっても便利。
バッジの方もGeneratorとか誰かつくってくれるといいなぁ・・・。


FireworksでWeb2.0デザインしてみる-その1(反射)
先日、勢いで Macromedia Fireworks 8 を購入しました。私はどうも Photoshop や Illustrator が苦手、というか使…
Webデザイン共有サイト『Open Source Web Design』
『Open Source Web Design』(http://www.oswd.org/)は、みんなでWebデザインを共有しようというプロジェクトだ。…
実録! Webサービスの作り方 第2回
bartelme design のチュートリアルへのリンクが違ってるみたいですよ。変更されたのかも、ですね。
Creating Badges
http://www.bartelme.at/journal/archive/creating_badges/
Creating Badges (Part 2)
http://www.bartelme.at/journal/archive/creating_badges_part_2/
参考になりました。どうもー。