Web Design Collection #1
昨年から「おおっ」と思ったデザインのサイトを少しずつ集めていたのですが、それなりに増えてきたのでその中から14個のサイトを紹介してみたいと思います。
完全に自分の好みなので、その辺はご了承ください。
そのうちまたやるかもしれないので、第1回としておきますｗ
Web Designer Wall
Web Designer Wall — Design Trends and Tutorials
今さら紹介するまでもないですが、最初に見たときのインパクトが今でも忘れられないので……。
今年の3月にリニューアルされましたね。
Teddy Hwang
グレーが綺麗なサイト。
斜めに動くイメージスライダーがすごくかっこいいです。
Hull Digital Live 10
Hull Digital Live 10 · Hulls very own digital and technology conference.
グレインな水色が綺麗なサイト。
右上のメニューなど、あちこちにある円形のナビゲーションが印象的。
Paperblack
前は PaperblackNinja ってサイト名だったと思いますが、いつの間にか変わっていました。
紙っぽい質感を強調したサイト。フッター、特に直近のツイートを表示しているあたりがとても好みです。
Dmig 5
ものすごく有名なサイトなので説明はいりませんかね……。とりあえずスクロールしてみてください。
Web Font Awards で優勝したみたいです。
riddle.pl
ど真ん中で背景色が変わるのが珍しいなーと思いまして。
赤の強調が素敵です。
Le 28Thiers
Le 28Thiers : Bar Cocktail Restaurant
ここも有名ですね。フランスのレストランだそうです。
質感・立体感がすごいです。ヘッダー上のメニューも特徴的。
TEDxPortland
スクロールで背景が……。
ダイナミックでインパクト大。
Ch3mical
とにかくナビゲーションが印象的なサイト。
ナビゲーションにマウスホバーでナビゲーション以外が暗くなるのもかっこいいですね。
Owltastic
Owltastic – Writings about web design by Meagan Fisher
水色とロゴがとてもかわいいブログ。最近リニューアルしたそうですが、リニューアル前は見たことないです。
記事タイトルのフォントは Typekit の FF Tisa Web Pro を使ってるみたいですね。
Online Portfolio von Jan Ploch
Online Portfolio von Jan Ploch — Webdesigner, Grafikdesiger aus Hamburg
ポートフォリオ。
スクロールすると……なサイトですが、その手の中でもかなり楽しいと思いました。
ストローから出ているナビゲーションもかわいいです。
Trent Walton
基本的にシンプルなデザインと、かなりインパクトのある記事タイトル。記事ごとに違うデザインが素敵です。
記事タイトルには FitText と Lettering.js を使用しています。
flashtml5
HTML5 canvas を活かしたサイト。
ついつい遊んでしまいますね……。
daijima.jpのホームページ
こちらも canvas を使ったサイト。非対応ブラウザだと画像で表示されます。
初めて見ると「うおおお」ってなること請け合いです。