Web2.0っぽいデザイン

ちょっとメモ。

「Web2.0っぽいデザイン」というものが確立されつるあるかと思いますが、今回のcheck**padでもちょろっと使っています。

一つは最近よく見かけるようになったバッジ。星型のマークですね。

cp-1.gif

↑ この「beta」の部分。こういうのが簡単に作れます。

これ、最初はIllustratorで悪戦苦闘しながら作っていたのですがPhotoshopで簡単に作れた。チュートリアルがbartelme designにあったので興味のある方は覗いてみては。

» Creating Badges

» Creating Badges (Part 2)

あとは2.0っぽい壁紙ですね。ストライプ+グラデーションというのが定番です。

cp-2.gif

↑ こういうやつ。

こちらはBackground Image Makerが有名ですね。ストライプを透明の背景で作った後にグラデーションの画像に重ねるといいかもですね。とっても便利。

» Background Image Maker

バッジの方もGeneratorとか誰かつくってくれるといいなぁ・・・。

Pocket

SPONSORED LINK

4 Comments

  1. FireworksでWeb2.0デザインしてみる-その1(反射)

    先日、勢いで Macromedia Fireworks 8 を購入しました。私はどうも Photoshop や Illustrator が苦手、というか使…

Leave a Reply

Your email address will not be published. Required fields are marked *