Web2.0っぽいデザイン
January 16, 2006 8:45 AM written by Gen Taguchi

ちょっとメモ。

「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とか誰かつくってくれるといいなぁ・・・。

この記事のトラックバックURL (トラックバックは承認後に公開されます)

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

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

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

jmblog.jp | 2006年07月03日 20:52

Webデザイン共有サイト『Open Source Web Design』

 『Open Source Web Design』(http://www.oswd.org/)は、みんなでWebデザインを共有しようというプロジェクトだ。...

Webデザイン共有サイト『Open Source Web Design』

写真素材ニュース | 2006年11月17日 14:40

実録! Webサービスの作り方 第2回

実録! Webサービスの作り方 第2回

koress.jp | 2007年05月28日 15:40

コメント一覧

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/

参考になりました。どうもー。

by groundwalker | 2007年05月31日 21:27

コメント投稿 (コメントは承認後に公開されます)

名前
メールアドレス (表示されませんのでご安心を)
URL
情報保存?
コメント
あわせて読みたい

クリエイティブ・コモンズ・ライセンス

ユーザビリティ向上支援ビービット
Usability tested by BeBit

タブブラウザ Sleipnir 公式ページ(上級者向け)

Powered by
MovableType 3.34

人気ブログランキング - idea*idea
ワード
www.flickr.com
This is a Flickr badge showing photos in a set called 自炊生活. Make your own badge here.
Firefox meter