WebGallery

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

*

文字の内側に白い線を入れることでへこんだような加工に

   

名称未設定 1

東京都渋谷区にある「セルリアンタワー東急ホテル」のバレンタイン特集ページです。

トップに書かれた「St.Valentaine’s Day 2016」という文字の内側に白い線を入れることでへこんだような加工になっています。立体感が出て良いですね!その下にはご予約・お渡し期間を大きく表記しているのでユーザーにもわかりやすいです。

下にスクロールしていくと、各商品が下からふわっと出てきます。商品の写真を囲った線や商品名を金色にして高級感のあるデザインです。背景なども茶系で統一されていますが、オンライン予約のボタンを赤にすることで目立つと同時にアクセントカラーにもなっています。

 - 色で表現

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

ロゴカラーを使った配色で、シンプルなレイアウトと洗練されたデザインの「グローウィン・パートナーズ」

東京都千代田区にある「Growin’ Partners(グローウィン …

参考にしたい!グラデーションを使ったwebサイト5選!

最近はグラデーションを使ったデザインのwebサイトをよく目にします。色鮮やかなグ …

3つのパートで構成されたオープンシティ戦略

「#オープンシティ釜石」のホームページです。 大きく3つのコンテンツに分かれてお …

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

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

地域に根ざした安心感のある工務店

岐阜県岐阜市にある工務店「住マイル日和」のホームページです。 サイト全体が茶系の …

ヘッダー・コンテンツ・フッターで背景を分けメリハリを付けたデザインに

千葉県野田市にある美容室「mimpi」のホームページです。 ヘッダー・コンテンツ …

ポップな色合いが楽しそうな「シェア畑」

畑を借りて野菜作りを楽しむ畑のレンタルサービス「シェア畑」のホームページです。 …

シームレスな移動が癖になる!素敵なサイト3選

ページ移動や要素にアニメーションを使用しているサイトって、ジャンルを問わずずっと …

サイト全体を白黒にして写真を際立たせて、さらにコンテンツを斜めに切り取って動きを演出したスイーツ屋さんがオシャレ!

パティスリー・サダハル・アオキ・パリ日本公式サイトです。 白と黒を基調とした、シ …

【WEBサイトまとめ】もうすぐ春!ピンク色を効果的に使ったサイト5選!

まだまだ寒い日が続きますが、暦の上ではもう「春」ですね〜。 ということで、今回は …