CSS Reboot 2006

CSS Reboot Spring 2006 は、5月1日に皆で一斉にリ・デザインしようと言うイベントで、去年も行われ今年は2回目だそうです。僕が知ったのは2日ほど前ですが・・・。目にとまったサイトとか、気になったサイトを幾つかピックアップしてみました。Waviaei のデザインも僕の中ではヴァージョン0.5くらいなので、色々と参考にしたいと思います。

Rob Goodlatte

Rob Goodlatte - Interactive Design, Standards, and Accessibility
Rob Goodlatte

一番気に入ったのデザインです。色使いがすごく綺麗。レイアウトも定番ぽいけど、個別記事表示のときに本文が2段組になったりする。この記事に、このデザインにたどり着いたプロセスが書かれています。

Avalonstar

Avalonstar. The Aries Project. By Bryan Veloso.
Avalonstar.

結構有名なサイトだと思います。最近よく見る黒をメインとした色使い。青とか緑とかは蛍光色っぽいのがちょうど良い感じ。それぞれのカテゴリにアニメの画像をくっつけるアイデアは面白いと思う。ただ画像の内容とカテゴリの内容に関連性がない様なので、一見なにがなんだか分からないのがちょっとマイナス。一度訪れた後、再度アクセスしてみてください。トップページに違うメッセージが表示されます。

blog.critical

blog.critical | An Occasionally Interesting Blog by Andy Pearson
blog.critical

1カラムのデザイン。銀色っぽいグレーと、ブルーの色がカッコイイ。僕なんかは到底作る事ができない透明っぽいサイトロゴとか部品なんかも色とよくマッチしていると思う。フォント・サイズが12pxなんだけど、すごく読みやすく感じる。同じフォント・サイズのRob Goodlatteと比べると、色、フォント、行の高さが微妙に違う。

snook.ca

snook.ca - tips, tricks, and bookmarks on web development
snook.ca

ちょっとしたギミックにニヤッときたサイト。このサイトも流行のダークなサイト。でもヘッダーの左にある電球アイコンをクリックすると、記事の部分が明るくなる。

BureauBlumenberg

BureauBlumenberg
BureauBlumenberg

少し和風っぽいデザインで気になった3つの内の1つ。全体のデザインもシンプルだし、ナビゲーションの線なんかは面白いと思います。でもそれ以上に好きなのはロゴです。ドイツの方のようなので、どう言ったコンセプトでこうなったかはしりませんが、「富士山+桜」っぽいのが妙に気になる。

kogakure.de

Fachmagazin für Ninja, Ninjutsu und Kampfkunst // kogakure.de
kogakure.de

またまた「ドイツ+和風っぽい」と言う意味不明な組み合わせですが、笹の画像が気に入りました。全体的にシンプルだし、記事の上の方に透かした紙を置いた感じもグッド。

nemu-nemu

www.nemu-nemu.com : smiles to go! : webcomic
nemu-nemu

自作のコミック(4コマ漫画?)を紹介しているサイトのようです。なにがどう気に入ったわけではないですが、もっとこういう感じで漫画とか、アニメを活かしたサイト・デザインってないのかなと思い。日本の漫画やアニメで使われてる手法とか、アイデアとかをウェブ・デザインに活かすのは出来ないのでしょうか? 初期のウェブ・デザインは、雑誌に代表されるような印刷物や出版物をウェブに持ってくるような感覚でデザインされていたと聞きました。その手法の良い悪いはともかく、漫画のデザインをウェブにもってくるのはどうでしょうか。

  1. i’m curious what you were writing in japanese about my reboot… maybe you could translate me the snippet? Anyway, thanks for writing about my site.

  2. Hi Yoram,
    Yes of course. I will give you an extended translation of it 😛

    Because I tried to design my site with simple and Japanese feeling to it (and I gracefully fails to… I am no designer !), there were 3 sites which caught my eyes. BureauBlumberg was one of them. First of all, I like the simple look, with its focus on content. Secondry, I think the use of verticle line above the navigation menu is a very interesting way to solve that space above the main content. I couldn’t think a way myself to solve that space, but to insert a photo or a picture. Lastly, and its actually my favourite, is the site logo !

    I am not sure whether you meant it or not, but I feel that this logo gives a slight Japanese, or Oriental feel to the site. To me, the logo looks like three cherry blossoms, with Mt. Fuji on the background. The dark red color helps also. If there wasn’t this logo, or if it was more like your “CSS Rebooted 2006” logo, I would get a different impression: good and simple design. Perhaps its a good example, when talking about the importance of the site logo. Would look great on the back of the T-shirt too, I think.

    I am wondering whether you had “Japan” in your concept, when you re-designed the site ?

    In summary, I like the good simple design. The good choice of color and excellent logo design is an effective way to create an impression, but with keeping the overall simple look.

  3. Thank you for writing about my website! Currently we’ve been so busy working on the comic strip that it’s been tough to get newer content onto the site. But soon, we’ll add more content and hopefully the site will take shape and I’ll be able to tweak the design a little more. I was going for a soft, dreamy look.. think of it as bed time for little kids… I hope you enjoy the comic strip at least 😀

コメントは受け付けていません。

Go to top