広報ヨシキのネットサーフィンあるある、その５ 「この時間、ネットをしていなかったら」と皮算用をしてしまう
広報ヨシキのネットサーフィンあるある、その５ 「この時間、ネットをしていなかったら」と皮算用をしてしまう
こんにちは。
アートディレクターの野田です。
そろそろこのまとめが定着してきたんじゃないかなと思います。
過去のまとめが見たいという方は、ライブラリからご覧ください。
今回も気になったWebサイトを紹介させていただきます。
どうぞご覧ください。
http://movies.disney.com/big-hero-6/
ここ1〜2年、ディズニーのWebクオリティがやばいです。
映画のクオリティを感じさせるWebサイトです。
gifとvideoタグの使い方がとても上手です。
#cg #gif #loading
http://givehollandabreak.d.shcc.nl/
ずっとメディアにさらされたGordon Hollandさんに休暇を。
簡単に言うと、最も話題になったGordon Hollandさんをキットカットで飛ばしましょ。というキャンペーンサイトです。
企画が面白く、飛ばされたあとのムービーも見ることができます。
#きっと #無人島に持っていくのは #キットカット
「Nightcrawler」という映画の特設サイトです。
“ある若者がロサンゼルスのフリーの犯罪ジャーナリズムの地下組織を発見する”というあらすじを元に、サイト上でより接近した感覚で映画に触れることができます。
#sound #map #video
この方、よく登場されますね。
スマフォと連動していて、中のコンテンツが変わる仕組みです。
コメディ要素が多いので、見ていて笑ってしまいます。面白い。
#merci michel #node
少しネットで話題になりましたが、早稲田大学のWebサイトです。
情報が整理されていてとても見やすいWebサイトだと思います。
僕は高卒で頭も良くなく、ずっとデザインしかしていないのですが、
早稲田大学という場所が意識せずに伝わってくるサイトです。
#ui #global #生まれ変わったら説明会だけでも行きたい
ずっと前から気になっていた方のポートフォリオサイトです。
グラフィックとWebの間の難しい余白がとても美しいです。
windowサイズを縮めてもこの方の余白は美しいです。
しっかり設計されていて勉強になります。
#space #font #balance
レイアウトがとても工夫されていて、
アニメーションとデザインのコンセプトがつながっています。
とても参考になるWebサイトです。
#design #oswald #line
説明はいらないと思います。
フランスのクリエイティブスタジオのWebサイトです。
#works #求人応募
http://woodsly.com/lookbooks/winter-2014
Woodslyのルックブックサイトです。
動画の使い方がうまく、効果的に考えられたレイアウトです。
今後のルックブックサイトが楽しみになります。
#2014 #lookbook #video
http://www.muji.com/jp/airpurifier/
無印良品の空気清浄機の特設ページです。
プロダクトの特徴を活かし、体験できるWebサイトです。
日常風景をとてもうまく見せているなぁと感じました。
#もうすぐ僕の #誕生日 #ほしいな
Videoとcanvasの使い方がうまく、デザイン面でも何度も見てしまうWebサイトです。
この発想力がほしい。この発想力がほしい。この発想力がほしい。
WatsonDGさんの作品です。
#canvas #processing #noise
EXIT FILMさんのポートフォリオサイトです。
見せ方がとてもスマートで、ストーリーの感じられるアニメーションです。
とても気持ち良いです。
by Strongholdです。
#video #black #毎回掲載
j.viewzのWebサイトです。
サイトを通してライブを体験できます。サイト名がもうテーマそのものです。
Hello Mondayさんの作品です。
#DNA #ux #firebase
細かい部分でSVGやcanvas、webGLなどを取り入れているサイトが多くなってきました。
プロダクトなどの特徴を紹介する際に効果的に見せるため、うまく使い分けていくと良いかもしれません。
それでは。
【AD野田がまとめる】
※ 2014年9月 デザイン・表現方法・コンセプトが気になったWebサイトまとめ
※ 2014年10月 デザイン・表現方法・コンセプトが気になったWebサイトまとめ
※ 見ていてわくわくするアニメーションタイポグラフィックスまとめ