WebGallery

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

*

サイト全体の装飾を抑えてコンテンツに動きをつけることでさらに魅力的なデザインに

   

名称未設定 1

KinKi Kidsのオフィシャルサイト「KinKi Kids 20th Anniversary」です。

20周年を記念した特設サイトに使用されているロゴがとてもかっこいいサイトです。
ロゴ自体はとても重みを感じるようなデザインなのですが、サイト全体の雰囲気が重くなってしまわないようにフォントや線はとてもシャープなデザインになっています。
ファーストビューで使用されているジャケット写真もピンク系のピンクから水色のグラデーションになっているので、淡く優しい印象を受けます。

下にスクロールすると、グレーの背景色に明るい茶色を使用した落ち着いた雰囲気になります。
ひし形のタイトルや、斜めに切り取られたコンテンツやボタンはサイト全体に動きが出ています。さらにタイトルにはボックスシャドウをかけることでコンテンツに奥行きが出ています。
他のページに移動するときもコンテンツが斜めに切り替わって表示されてカッコいいです!

サイト全体の装飾は抑えている分、コンテンツが表示されるときやページが切り替わるときに動きをつけることで、ひと味違ったデザインになりますね!
スマホ版ではメニュー部分も斜線を使ったデザインになっていて、さらに動きのあるサイトになっています。

 - 色で表現 , ,

  関連記事

重要な情報は配色を逆にして目立たせているレストラン

大阪市にあるフレンチレストラン「convivialite」のホームページです。 …

情報の内容ごとに、デザインを変えてそれぞれの印象を持たせる

JR西日本の「あしたセレンディピティ」の特設サイトです。 女性らしく可愛らしいデ …

ファーストビューで対象者がわかるようにしたデザインの「椿音楽教室」

東京でピアノ教室など11の音楽教室を開講している「椿音楽教室」のホームページです …

幻想的な青の美

青の美を発信する三越伊勢丹が行っている「ISETAN JAPAN SENSES」 …

バリ取り職人のサイトがスタイリッシュでカッコいい!静岡県浜松市の「藤本工業株式会社」

静岡県浜松市にあるダイカスト製品のバリ取り業務・外観仕上げ(バフ研磨)・ショット …

自然の光を取り入れた空間で撮ってもらえる写真屋さん

宮城県仙台市にある写真スタジオ「FOTOFILE(フォートファイル)」のホームペ …

砂浜のようなテクスチャとハイビスカスを使ってハワイアンな雰囲気を演出したウェディングサイト

東京都港区にオフィスをかまえているウェディングサポートをするプロジェクトチーム「 …

トップページの写真や映像が幻想的な世界に誇る「水の山」プロジェクト

2014年に南アルプス地域がユネスコエコパークに登録されたのをきっかけに、世界に …

気軽に相談しやすい水道屋さん

千葉県市川市にある水まわりの修理などを行っている「有限会社 報徳サービス工業」の …

エイプリルフールに公開されたサイトをご紹介!第四弾「Gboard 物理手書きバージョン」

Googleがエイプリルフールに公開した「Gboard 物理手書きバージョン」の …