päivittäin kukka

  • twitter
  • facebook
  • instaglam
  • rss

クリエイティブ

ギャリーサイト「RWD」の中から厳選したレスポンシブWebデザインまとめ10選

Fixate

去年から始めた空いた時間に片手間で見れて刺激になるレスポンシブWebデザインのギャラリーサイト「RWD」の投稿数が600を超えました。

RWD

キリが良くせっかくなので、ユニークだったり、動きが気持ち良かったり、新しい技術が積極的に使われているサイトを10件ピックアップしてみました。

1.Fixate

Fixate

ヨハネスブルグに拠点をおくWeb・グラフィックを制作しているデザイン会社のサイトです。
SVGを積極的に取り入れた圧倒的な世界観を持ったイラストに惹かれます。コピーや見出しなどで使われているフォントが変わっていて、イラストにとても合っています。アイコンなどもシンプルに線のみでデザインされています。

2.Craftsmen

Craftsmen

フランスに拠点をおくデザイン会社のサイトです。
ドットアニメーションのイラストがとてもユニークです。昔のドットが使われていたゲームを思い出します。トップページ以外でもドットが使われていてどのアイコンも見応えがあって面白いです。脳のドットアイコンとても力が入っていますね。

3.Chrome Experiment #1000

Chrome Experiment #1000

GoogleがWebGLを使って作ったインタラクティブなサイトです。
WebGLが使ったサイトを調べている時にみつけて、気持ちの良い動きに興奮しました。スマートフォンから見ても滑らかに動いていました。three.jsが使われているようです。。

4.Volkshotel

Volkshotel

シングルマザーのためのサービスを提供しているホテルのサイトです。
手書きタッチのユニークなイラストがインパクトがあります。おばちゃんの首が動いたり、ロゴの文字が回転したり面白いギミックが詰め込まれています。メニューの文字のデザインも良い意味で突き抜けています。

5.ACNPL\WGL

ACNPL\WGL

HTML5のCanvasやWebGLを組み合わせた実験サイトです。
とにかく文字が動いていたり、オブジェクトがアニメーションしたりと面白いです。作品の表示の仕方などもこだわりを感じます。スマートフォンからでも気持ち良く動いていました。一昔前の凝ったFlashサイトみたい。

6.Jakob de Boer

Jakob de Boer

映画監督。プロデューサーでありフォトグラファーでもあるJakob de Boerさんのポートフォリオサイトです。写真はすべてモノクロで統一されていて独特の世界観が出ています。撮影した日付を大切にレイアウトされています。UIデザインも素晴らしく触っていて感動しました。

7.Piet Oudolf

Piet Oudolf

オランダの庭園と風景の写真を見せているサイトです。
写真を文字でマスクしたタイポグラフィーが印象的なデザインです。写真それぞれの自然な色を生かしていて素敵です。初めて見た時、Web上でこういう見せ方も出来るんだと感動しました。前にCSS3を使って文字でマスクする方法を記事にしたので、気になったら見てみてください。

Photoshopいらず?CSS3を使って文字でマスクする方法! | päivittäin kukka

8.The Colors Of Motion

The Colors Of Motion

映画の各フレームの平均色を抽出して紹介しているサイトです。
言葉だけみるとよく分からないとおもうので、ぜひサイトを見て触ってみてください!
このアイデアはまったく思いつきもしなかったので驚きました。UIデザインもわかりやすく、カラーコードの表示や映画についてのクレジットなどがすぐに分かるので、気になった映画は見てみると面白いかもしれないですね。

9.Carl-Philippe Brenner

Carl-Philippe Brenner

デザイナーでありデベロッパーのCarl Philippe Brennerさんのポートフォリオサイトです。随所にSVGアニメーションが使われていて気持ちの良い動きが素敵です。日本のパッケージデザインなども手がけられていてグローバルで活躍されているようです。国境を感じさせない美しく魅力的なデザインを多く作られています。

10.KENJI ENDO

KENJI ENDO

DJ/トラックメイカーとして活動されているKENJI ENDOさんのアーティストサイトです。さまざまなギミックが盛り込まれた縦長のトップページのデザインが素敵です。アーティストの魅力を引き出した世界観とタイポグラフィーに衝撃を受けました。アイコンを使ったメニューのグリッドデザインもクールです。

今日もこのブログを見に来てくださってありがとうございます。
イケメンじゃない美容師さんって見たことない。

こちらの記事もよく読まれてます。