WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 色で表現 , ,

  関連記事

しかけ絵本を見ているかのようなサー・トーマス・リプトンのストーリー

リプトンのプレミアムシリーズ「サー・トーマス・リプトン」のホームページです。 リ …

イラストに動きを加えて、楽しい雰囲気を演出したサイトが可愛い!

佐賀県小城市にある飲料商品の開発・販売等を行っている会社「友桝飲料」のホームペー …

固くなりすぎず、落ち着いた色合いを使う

  金沢大学の公式ホームページです。色を暗めにして落ち着いた雰囲気が出 …

背景色を星の色にした、期間限定カービィカフェが可愛い!

2016年8月に大阪・名古屋・東京でオープン予定の「カービィカフェ」の特設サイト …

カラフルな色彩でインパクトのある雰囲気に

  沖縄県にある八重瀬町の野菜を紹介するホームページです。とにかく配色 …

色鮮やかな染め物の映像の上に、虹色のアニメーションを重ねてさらに綺麗に!

岐阜県羽島郡笠松町にある染め物屋さん「丸京染色株式会社」のホームページです。 フ …

ロゴマークの可愛らしさと余白を使った高級感のあるデザインが印象的!岡山県にあるお茶屋さんのサイト

岡山県岡山市にある「福田茶屋」のホームページです。 ファーストビューのスライダー …

カーソルを肉球にして愛らしさをアップ

広島県の観光地?としても有名な「広島キャットストリートビュー」という世界初の猫目 …

水色と白の配色がとても綺麗で爽やかな印象の「海ほたる」

東京湾アクアライン上にあるパーキングエリア「海ほたるパーキングエリア」のホームペ …

背景に学生の写真を使って親しみやすさを演出した専門学校

岡山県岡山市にある専門学校「専門学校ビーマックス」のホームページです。 トップペ …