WEBデザインが秀逸なサイトを紹介するブログ　｜　S-DesignWEB

Movable Typeで構築しているサイトです。日々の出来事を中心にしたエントリーで構成されているが、写真に目がいくように画像のサムネイルが並ぶトップページになっています。さらにそのエントリーに写真が複数ある場合、サムネイルが重なって表示されるという趣向になっています。

タグ : ホワイト ポートフォリオ

ニューヨークのWEB制作会社のサイトです。海底を表現しているだけあって色使いもブルー系の色でサイト全体をまとめています。見所はリキッドデザインを使用すると、グラフィカルなデザインモチーフが崩れがちですが、このサイトでは、バランスよく配置されていて、サイトの世界観がきちんと表現されています。

タグ : ブルー WEB制作

イギリスのヘアーサロンのサイトです。ヘアーサロンのサイトらしくインパクトのあるモデルの写真が配置され、写真の配置によってできた余白にテキストをうまく挿入しています。さらにコンテンツによってベースカラーを変更してページ移動するたびに印象が変わるように工夫されています。

タグ : ホワイト コーポレートデザイン

ブラジルのWEB制作会社のサイトです。サイトを開くと、ページを構成しているコンテンツが中央に集まってくるエフェクトをJavaScriptで実装しています。横幅も900px以上とっているのもここ最近のデザインの流れをくんでいます。

タグ : ホワイト ブラック WEB制作

「ロリポップ」等を運営するpaperboy&co.の社長である家入氏のプライベートサイトです。荒れた感じのグラフィックがタイトルとマッチしています。サイトを自薦することもできるので、自信があれば登録してみるのもいいんじゃないかと？

タグ : グラフィック CSSギャラリー

イタリアのメディアデザイナー、MARCO ESTEBAN CALZOLARI氏の個人サイトです。このサイトは、最近個人サイトでよく見られるようになってきた、ソース、CSS共にシンプルに作成する手法がとられています。ホワイトバランスが優れた美しいサイトです。

タグ : ホワイト ポートフォリオ

スウェーデン出身のヘアーメイク、FILIPPA SMEDHAGEN SUNDのポートフォリオサイトです。手掛けてきた仕事の写真を公開しています。ヘアメイクさんのポートフォリオだけあって、綺麗な写真が多数あります。サイト自体は、ドラッグによって上下左右に移動するというレイアウトを採用しています。

タグ : ポートフォリオ

オンラインテレビ「Fuse.tv」のスペシャルサイトです。サイト内のアイテムは、すべて”F”で名前が始まるというコンセプトのようです。何でもアリって感じですが、イラストのクオリティも非常に高いですし、見てて楽しいサイトという印象のサイトです。

タグ : イラストレーション flash

このサイトは、いわゆるWEBマガジンサイトです。全体的には、非常にシンプルで目新しいことはしてないのですが、写真、テキストを引き立てるレイアウトが秀逸です。余白のバランスが絶妙ですので参考になるのではないでしょうか

タグ : WEB レイアウト ホワイト

イギリス人デザイナー、DannyBlackman氏のサイトです。レイアウトは、１ページで完結するように作られています。各コンテンツの間には、カラフルなグラフィックが配置され、スムーズにコンテンツ内を移動できるように、Ajaxライブラリ「moo tolls」を使いスクロール展開させています。

タグ : デザイナー グラフィック

スペイン、バルセロナのweb制作会社のサイトです。さすがにweb制作会社のサイトだけあって、文字サイズによる表示領域のレイアウトやJavaScriptを駆使した画像の見せ方といい色々な仕掛けが施されています。時間に合わせて太陽や月の画像が変化するようになっています。

タグ : ブルー WEB

このサイトは、web制作会社の求人サイトみたいですね。各グラフィックも作り込まれていて、このweb制作会社で働くことのステータスを感じさせているってとこですか。ナビゲーションのクリックで、全体が横移動してコンテンツを表示する仕掛けをJavaScriptで表現しています。

タグ : WEB グラフィック

世界的なwebデザイナーAndyClarke氏のデザインスタジオのサイトです。コンテンツが両脇にあり、メイン画像が中央にフロート配置されている珍しいレイアウトです。イラストだけでなくコンテンツの境界線も手書き風に処理されているのが特徴です。さすがに有名なデザイナーらしく、ギミックの効いたWEBデザインです。

タグ : デザイナー WEB

バーガーキングのプロモートサイトみたいで、デザインって意味じゃちょっと違うよーな気もしましたが、グラフィックも結構、作りこまれてますし、おもしろいので。自分の写真をアップロードして、ヒゲを整えるといったちょっとしたゲーム感覚のサイトです。音が出るので気をつけて下さい。

タグ : グラフィック

インドのデザイナーのサイトです。特筆すべきは、あまりみることがない、右寄せのレイアウトです。全体のグラフィックは崖を表現していると思うのですが、そこにぶらさがっている人間のシルエットがページトップに戻るボタンになっているところがユニークです。ブラックとブルーのコントラストも鮮やかですね。

タグ : ブラック デザイナー ブルー