グリッドに青系をタイル状にちりばめて、何のコンテンツかと思いきや、ポートフォリオでした。クリックすると、グリッドの一部が写真に切り替わる。モノによって、切り替わり方が違うのがミソ。そこらへんは上手にグリッドの利点を活用しているかと。 ( 続きはこちら )
[ 似たWebデザイン ] [ スクリーンショット ]
Webデザインの価値観は人それぞれですが、個人的に集めた「優れたWebデザイン」を公開しています。より多くのWebデザインを集めることで、一定の基準やWebデザインの価値を見いだせないか…という思いもあり。特にWebデザイナーや日々のWebデザイン業務の参考になればと思っています。
グリッドに青系をタイル状にちりばめて、何のコンテンツかと思いきや、ポートフォリオでした。クリックすると、グリッドの一部が写真に切り替わる。モノによって、切り替わり方が違うのがミソ。そこらへんは上手にグリッドの利点を活用しているかと。 ( 続きはこちら )
[ 似たWebデザイン ] [ スクリーンショット ]
|
若さはWebと相性がいいですよね…。メディア系の学生のポートフォリオサイトですな。ナビゲーションの仕方とか、各端末への対応とか、創意工夫があっていいですな。 ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ][ キャプチャムービー ]
|
ギャラリーがメインのコンテンツですが、けっこうあっさりしたデザインかと。モーションもサクサクした感じで、切り替わり感もオシャレ。グリグリに凝ったコンテンツではな... ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
|
|
ちょっと工夫した感じのあるWebデザインですね。最近はスクロールして見せるコンテンツが多い気がします。キャラクターや他のオブジェクトの見せ方の工夫がいいですな。 ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
クールなUI、シンプルで斬新ですが、見せ方もうまいですね。各種デザインを手がけている会社らしく、ちょっとセンスを感じさせますな。勉強になります。 ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
|
けっこう斬新系のWebデザインですね。CM製作っていうと、クリエイティブで技術屋で、みたいなイメージありますが、そういう感じでおさまっています。海外のCMって、... ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
|
ビジュアル重視のカタログ風なWebデザインです。スズキが出したニューモデルのプロモーションサイトらしいですね。バイクのデザイン、けっこう斬新かも。 ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
|
クールな印象のWebデザインですね。見せ方もひと手間加えられています。個人的には、もう少しキビキビしていたほうが好きですが。 ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
TOPのビジュアルから、ちょっとおかしな印象のあるビジュアルがのってますね。Webデザインもなかなかですが、やっぱそっちに目が行きますね。広告関係か何かの会社で... ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
きびきびとビヨーン、みたいなモーションのWebデザイン。それだけでもけっこう印象深いですね。カラーもグラフィックも、デザインセンスをなんか感じるコンテンツです。 ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
|
なんというか、大胆なモーションをします。Webデザインはこういうアイディアも大事ですよね。見せたい画面ごとに、通常の遷移ではなく、大胆なスクロールで移り変わる。... ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
黒にビビッドなカラーを合わせるのはセオリーですが、このサイトはややパステルな印象のカラーを合わせてます。ちょっと珍しい感じ。違和感はそれほど無いですね。黒バ... ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
3次元的に進んでいくというコンテンツは他にもあるけど、これはその中でもシンプルで明快なヤツ。色わけしてある点もわかりやすい。カッチョいいナビゲーションだなー、と... ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
|
くるくる回る平面とか、ぐにゅーんって出てくる平面とか、にゅにゅにゅって出てくるテキストとか、異次元チックなコンテンツ。ガイジンがやると似合うのに、日本人でこういうの... ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
Webデザイナーのサイト。誰がどう見ても明確に、ブロックに分けたレイアウトを取ってる。ちょっと挑戦的だけど、ソースの見せ方としては不利かなぁ。 ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
Webデザインというか、これは読み物なんだろうな。オンラインのアメコミでしょうか。ビジュアルもインパクトありますが、遷移の仕方とかにも気を使っていますな。 ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
|
お酒のプロモーションサイトですね。Webデザインも落ち着きのある、大人な雰囲気を出しています。ビジュアルのメリハリも印象的。 ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
コンテンツ全体を通して、いろいろと詰め込まれている印象が。以前のWebデザインもそうでしたが、パーツパーツの手間暇はかかっていそうですね。海外っぽいデザインでも... ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
さまざまなジャンルのクリエーター・アーティストが垣根を越えて作る、エンターテイメントイベントのコンテンツ。ビジュアルもBGMもきれいで、このWebデザイン自体、とて... ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
|
白や赤、緑などが選べて、なんだろうとクリックすると…選んだ色一色の部屋が。その中で女性がいろんなモーションをしてくれるコンテンツ。要は商品のPRですが、けっこう... ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
けっこう魅入ります。デザインというよりも、スクリプトのテクニックによる表現ですな。スライダーでコンテンツ自体の三次元的な角度を調整できたり、各コンテンツのモーシ... ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
デザインも、切り替わりのアニメーションも、ちょっと変わってる。ほほー、って感じで、おしゃれでいい。コンテンツの量は詰め込めないけど、Webデザインは汎用的だし、... ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ]
|
|
以前紹介したときも、見せ方やテクニックが目立つ感じでしたが。ポートフォリオって、ビジュアル主体になりがちなので、UIや動き一つ一つが大事です。そういう意味で、け... ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ][ キャプチャムービー ]
|
サイトのつくりはけっこうシンプルですが、着せ替えのスクロールがけっこう印象的。服のデザインもさることながら、サイトの見せ方が面白い。 ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ][ キャプチャムービー ]
|
重ねた紙をカットした断面で表現されたアートのギャラリーサイト。物も興味深いんですが、サイトナビゲーションのコンセプトも面白い。このアート作品はディティールまで見... ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ][ キャプチャムービー ]
|
|
Javascriptでのギミックが効いているWebデザインですね。けっこう動作も軽快で、きびきびしたアクションもサイトの雰囲気を出してます。シンプルな感じもいい... ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ][ キャプチャムービー ]
|
シンプルですが、動きにデザインを感じさせるコンテンツです。キーボードで展開できるUIを採用、その動きに合わせたギミックも凝っています。ともすれば派手な演出だけで... ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ][ キャプチャムービー ]
|
なかなかこったUIのWebデザインですね。HTML5とJavascriptの組み合わせ。かっこいいビジュアルは、見てて楽しいしわかりやすくていいですよね。 ( 続きはこちら ) [ 似たWebデザイン ] [ スクリーンショット ][ キャプチャムービー ]
|