WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

コントラストの強い配色で高級感のある雰囲気を演出したサイト

   

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

フランスのファッションデザイナー「pierre cardin」の日本公式サイトです。

全体的に情報量を必要最小限まで絞ったとてもシンプルで写真を強く際立たせているサイトです。装飾も少ないのですが、その分文字や写真に動きをつけて表示させています。左からスルッと出てくる動きは、写真の印象もさらに強くなります。
白と黒というコントラストの強い配色にし余白も多くして、エレガントで高級感のある雰囲気を演出しています。

デザインを年代別にまとめているページでは左側に年代、右側にモデルの写真を画面からはみ出るくらい大きく配置し、インパクトを強くしています。
スマートフォンから見ると、見ている年代以外は隠して写真が画面いっぱいに入るように工夫されています。

上手く余白を使って印象的に仕上げているこのサイトは、とても参考になります!

 - 動きで表現 ,

  関連記事

フルスクリーン動画が迫力ある水族館は、サメやエイに触ることも出来る!?

大阪府大阪市にある世界最大級の水族館で、平成25年の3月14日に開設された「海遊 …

一つのコンテンツで二つの情報が見れる

10月24日から行われるイベント「Any Tokyo 2015」のホームページで …

動く虎たちが見ていて楽しい!病院ということを忘れさせてくれそうな「やざわ虎クリニック」のホームページ

長野県諏訪市にある内科・外科病院「やざわ虎クリニック」のホームページです。 ファ …

タイトル部分に動きをつけて目立たせる

愛知県名古屋市にある和菓子屋「一朶」のホームページです。 縦長のシングルページの …

ジャンプ率の差を大きくしてタイトルを目立たせたツアーサイト

「UNISON SQUARE GARDEN」の6thアルバムツアー「Dr.Izz …

子供たちへの愛情がつまった地下足袋「FUM FUM」

化粧品やサプリメントを取り扱っているゲンナイ製薬株式会社と、靴の販売をしている株 …

今後の参考に!スタイリッシュなアニメーション効果を使ったサイトをご紹介!

コーディングをしているときに「どんなアニメーションをつけようか」と考えるのが1つ …

見る人を飽きさせず、旅の目的ごとにお勧めスポットが分かる構成

  利賀芸術公園の特設サイトです。大きく3つの写真を用いたブロックで分 …

動きやフォントを工夫して高級感を表現する

明治38年から続いている特集雑誌「婦人画報」の110周年記念サイトです。 トップ …

商品の見せ方がオシャレでかっこいい!ガトーショコラ専門店「Chocolaphil」

ガトーショコラ専門店「Chocolaphil」のホームページです。 鮮やかな青い …