Web Design Collection #1

Category : WebDesignGallery

昨年から「おおっ」と思ったデザインのサイトを少しずつ集めていたのですが、それなりに増えてきたのでその中から14個のサイトを紹介してみたいと思います。
完全に自分の好みなので、その辺はご了承ください。
そのうちまたやるかもしれないので、第1回としておきますw

Web Designer Wall

Web Designer Wall のスクリーンショット

今さら紹介するまでもないですが、最初に見たときのインパクトが今でも忘れられないので……。
今年の3月にリニューアルされましたね。

Teddy Hwang

Teddy Hwang のスクリーンショット

グレーが綺麗なサイト。
斜めに動くイメージスライダーがすごくかっこいいです。

Hull Digital Live 10

Hull Digital Live 10 のスクリーンショット

グレインな水色が綺麗なサイト。
右上のメニューなど、あちこちにある円形のナビゲーションが印象的。

Paperblack

Paperblack のスクリーンショット

前は PaperblackNinja ってサイト名だったと思いますが、いつの間にか変わっていました。
紙っぽい質感を強調したサイト。フッター、特に直近のツイートを表示しているあたりがとても好みです。

Dmig 5

Dmig 5 のスクリーンショット

ものすごく有名なサイトなので説明はいりませんかね……。とりあえずスクロールしてみてください。
Web Font Awards で優勝したみたいです。

riddle.pl

riddle.pl のスクリーンショット

ど真ん中で背景色が変わるのが珍しいなーと思いまして。
赤の強調が素敵です。

Le 28Thiers

Le 28Thiers のスクリーンショット

ここも有名ですね。フランスのレストランだそうです。
質感・立体感がすごいです。ヘッダー上のメニューも特徴的。

TEDxPortland

TEDxPortland のスクリーンショット

スクロールで背景が……。
ダイナミックでインパクト大。

Ch3mical

Ch3mical のスクリーンショット

とにかくナビゲーションが印象的なサイト。
ナビゲーションにマウスホバーでナビゲーション以外が暗くなるのもかっこいいですね。

Owltastic

Owltastic のスクリーンショット

水色とロゴがとてもかわいいブログ。最近リニューアルしたそうですが、リニューアル前は見たことないです。
記事タイトルのフォントは Typekit の FF Tisa Web Pro を使ってるみたいですね。

Online Portfolio von Jan Ploch

Online Portfolio von Jan Ploch のスクリーンショット

ポートフォリオ。
スクロールすると……なサイトですが、その手の中でもかなり楽しいと思いました。
ストローから出ているナビゲーションもかわいいです。

Trent Walton

Trent Walton のスクリーンショット

基本的にシンプルなデザインと、かなりインパクトのある記事タイトル。記事ごとに違うデザインが素敵です。
記事タイトルには FitTextLettering.js を使用しています。

flashtml5

flashtml5 のスクリーンショット

HTML5 canvas を活かしたサイト。
ついつい遊んでしまいますね……。

daijima.jpのホームページ

daijima.jpのホームページ のスクリーンショット

こちらも canvas を使ったサイト。非対応ブラウザだと画像で表示されます。
初めて見ると「うおおお」ってなること請け合いです。

Leave a Reply