440design Beta

20 Websites With Unique Layouts

ウェブデザイン会社Vandelay Website Designのブログに面白い記事があったので意訳しました。2〜3カラムのよくあるレイアウトではない、独創的なレイアウトのサイトのリスト。ほとんどが背景画像を効果的に使っています。
本家ブログでは、20のサイトをリストアップしてますが、その中のいくつかをピックアップしてみました。

Popmatik

フリーのウェブデザイナー、Rob Leachのポートフォリオサイト。ボトルの画像を背景にして、コンテンツをボトルのラベルにみたてている。

■440：個人的にすごく読みやすいサイトではないと思いますが、カッコイイ。

Digitalmash

オーストラリアのウェブデザイナーRob Morrisのサイト。なんといってもRob自信がコンテンツページを持っているかのような画像がユニークだ。

■440:顔の画像はFlash。彼の顔を右クリックすると素敵かも。今彼は日本にいるみたいです。

MelissaHie.com

ひと味違ったポートフォリオサイトMelissaHie.com。クリックすると違うセクションのページがスライドで表示される。

■440：このサイト知ってたんですが、全面Flashかと思ってました…。本気でJavascript勉強しないと。

Evanescene

アメリカのバンド、EvanesceneのUKサイト。MelissaHieに似たスライドレイアウト。

■440:私の環境だとニュースのヘッドラインとメニューが重なって見えます…。関係ないですが、かなり好きなバンド。

Sitotis

Sitotisの背景画像はバインダー。バインダーのタブがナビゲーションになっている。

■440:アナログっぽい感じのサイトが増えてきましたね。

D.A.Mussatto

Mussattoは普通のサイトと違って、縦にスクロールしなくてもいい横方向に長いレイアウトを採用。

■440：絵本のようです。横に長ーく、メニュークリックで、これまたスライドします。

Interview Magazine

またも横長レイアウト。Interview Magazineは他のオンラインマガジンとは違うビジュアル的印象を与えてくれる。

■440：Flash+Javascript。これも、メニュークリックで横にスライドする横長デザイン。

The Horizontal Way

横長レイアウトのウェブサイトを集めたショーケース。当然このサイトもホリゾンタル（横長）レイアウトを採用。

■440：こういうかちっとしていない、アナログっぽいレイアウトをやってみたいと思うこのごろ…。

BootB

黒い背景を手書きの雲をページのトップに使用。ページの真ん中がナビゲーション。

■440：手書き風のイラストがいい雰囲気です。日本語ページあり。

• Currently Reading: Wordpress　標準ガイドブック
• Now listening to: Ghost Opera / Kamelot（こればっか）
• Talking to myself: Wordpressにプラグインを入れようとして失敗したり成功したりかなり格闘しました…。ちゃんとphpの勉強もしなきゃ。

2008年1月5日土曜日 22:12:46  カテゴリー:Web Design
よかったら、コメントまたはトラックバックしてください。
トラックバックURL