WebGallery

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

*

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

   

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

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

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

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

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

 - 動きで表現 ,

  関連記事

豆苗についてもっと知りたくなる!「豆苗研究会」

広島県広島市にある豆苗やブロッコリースプラウトなど、スプラウト野菜を生産・販売し …

多彩なアニメーションを使ったサイト

  私が言っていいものかどうか分かりませんが、懐かしきCyndi La …

行ってうっとり!夏の鳥取の魅力がつまったサイト

観光スポットやグルメ情報など、四季折々の鳥取の「美」を紹介している「ANA 鳥取 …

常夏の色合いがステキな「潜水屋Ti-Da」

愛知県名古屋市にあるダイビングショップ・スクール「潜水屋(もぐりや)Ti-Da」 …

配色をカラフルにするだけでなく、アニメーションもたくさん使ったサイトのデザインが可愛い!

熊本県熊本市にある食のテーマパーク「株式会社フードパル熊本」のホームページです。 …

猫!

  サイトを開けた途端猫がお出迎えしてくれます。しかもこの写真、日替わ …

松本薫さんが開店したアイスクリーム屋さん「Darcy’s」のサイトが可愛い!

松本薫さんの引退会見、衝撃的でしたね! テレビではいつも柔道でかっこいい姿を見て …

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

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

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

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

動きや写真で伝統や歴史の重さを表現する

開創から1200年を迎えた高野山の公式ホームページです。トップにあるそれぞれの写 …