必ず良いインスピレーションが得られる刺激的なWebデザインサイト 20 選
サイトを作っているとコンテンツを見せる為のwebデザインで悩む事が多々あります。そんな時、素敵なデザインが施されているサイトを自分が思い描きたかった「何か」がひらめく事って多くないですか？
今回はインスピレーションを得るというテーマで海外の素敵なサイトを厳選してみましたので、webデザインで悩んでいる方はご覧になって下さい。
1. Worldfoodclock
Worldfoodclock
世界のフード事情を数字を表現したサイトですが、おそらくAjaxでリアルな情報をデータベースから取得して、1秒毎にアニメーションで追加しています。
2. Tectonica
Tectonica
やばい。流行のオンパレードです。基本デザインはフラットでロングシャドウを盛り込んでいます。そのデザインの中でパララックス効果で見せる動きにも注目です。あと、ビデオ再生の表現の仕方が上手くて、よくあるビデオフレームを隠して映像のみを表示するようにテクニックが盛り込まれているのも勉強になりますね。
3. Brad Heynes
Brad Heynes
かわいい雲が印象的なサイト。スクロールしていくと良く見ていないとわからない軽い部分アニメーションがあります。
4. Wrist
Wrist
かわいい！こうゆうの好きだなー。現在の時間を取得してサイトにある時計がリアルタイムで動くようになっています。国別や4つの時間帯に対応しているのも高ポイントですね。
5. Adam Hartwig
Adam Hartwig
ちょとアバウトのところなんか理解不能なんですがこうゆう方法もあるというサイトです。
6. Jim Ramsden
Jim Ramsden
JIM RAMSDENという方のポートフォリオでしょうか。カメラマンのようで撮られた写真を綺麗に見せています。
7. Etch
Etch
まぁ、よくある会社orプロジェクトのサイトでメンバーを紹介しています。ブロックで切り分けらているデザインですが、良い具合になっています。もちろんレスポンシブにも対応されています。
8. Control Films
Control Films
デザイン的には普通ですが、画像がある場所をカーソルをホバーすると動画が再生される仕組みになっていて再生ボタンをクリックするという煩わしさがないようになっています。
9. Faces of NYFW
Faces of NYFW
良くあるファッション系のサイト。こちらもカーソルを当てると変化するようになっていて、モノクロだった写真がカラフルに。
10. Coference Badge
Coference Badge
なんだか、iOSがこんな感じだからなのか新しい感覚がするデザインです。パステルカラー、スケルトンは新鮮感が出せる事はわかるサイトとなっております。
11. Forms Follow Function
Forms Follow Function
多分何回も何回も紹介されているサイトで超有名なサイトなんですが、webで表現するアニメーションを勉強したい時に参考にしたいサイトです。すごい。
12. East Works Leather
East Works Leather
財布がくるくるします。質感とかいいですね。
13. L+R
L+R
カーソルを左右に動かすと波のようにぐらぐら動きます。
14. TypeCode
TypeCode
ロゴがあるんですが、カーソルを動かすとロゴが崩壊します。あとコカコーラみたいなデザイン。
15. We Are Moving Things
We Are Moving Things
なんだかもう見慣れてしまった感があるデザインですが、まだまだこうゆうデザインは人気がありますので一応。
16. Soyuz Coffee
Soyuz Coffee
斬新なパララックス効果が面白いサイトです。こうゆう見せ方も良い効果があるかわかりませんが、いいかもしれませんね。
17. Bienville Capital
Bienville Capital
こちらも時間を利用した作りになっており、筆者が確認した時はニューヨークの風景が画面いっぱいに写されていました。たぶん、あっちの時間で今はこんな感じだよみたいな仕組みですよね。面白い。
18. Soup Agency
Soup Agency
スープスゴい！斬新！！サイトって普通一番上から見るじゃないですか。ですが、このサイトは違うんですよね、一番下から見るんです。それだけでもスゴいですが、サイト中に細かいテクニックが施されていて勉強になります。
19. 10 Years in Type
10 Years in Type
これもかわいい！10種類のカード？みたいのを紹介しているサイトです。良い質感が立体で表現されていて、デザイナー必見のサイトです。
20. Oliver Staub
Oliver Staub
少々重いサイトになっていますが、動画や写真をネットで公開したいって考えている人にはかなり参考になるサイトとなっています。
出典:30 Inspiringly Beautiful Web Designs
