WebGallery

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

*

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

   

名称未設定 1

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

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

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

 - 色で表現

Message

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

  関連記事

大人の女性をメインターゲットにした「マイトリ」のサイトが、遊び心をくすぐるような配色で可愛い!

JTBが運営する女子旅情報サイト「女子旅COLLECTION マイトリ」の特設サ …

最新のがん治療を使って、患者と一緒に治していく診療所

東京都港区にある診療所「アカサカフロイデクリニック」のホームページです。 シンプ …

初めての人にも分かりやすいアクセスページ「なかやま矯正歯科」

大阪府大阪市にある矯正歯科医院「なかやま矯正歯科」のホームページです。 左側にメ …

女性をメインターゲットにした、可愛らしい「塗装業」のサイト3選!

現在勤めている会社では、塗装業のサイトを新規作成・リニューアルすることが多いです …

対象の商品の背景を伝えるストーリーなどがしっかり伝わるようにした「USIO DESIGN PROJECT」

「USIO DESIGN PROJECT」のホームページです。 水色を基調とした …

「青い池」を連想させる色を使った配色の美瑛町

北海道美瑛町のホームページです。 美瑛町の有名な「青い池」の写真がとても印象的な …

1つの場所に複数のコンテンツを掲載し、スクロールを減らす

NPO法人「夢職人」のホームページです。 子供や若者を対象としたイベントを企画・ …

イラストの雰囲気を大切にした音楽祭のサイトが可愛くておしゃれ!

2017年3月18日の土曜日から6月11日の日曜日まで兵庫県神戸市にある神戸文化 …

フラットデザインだけど、グラデーションの処理を1人1人違ったものにして印象強くしている学習塾の特設サイトがカッコいい!

東進ハイスクールが提供している特設サイト「SEKAI ぼくらの未来を広げるWEB …

アルバムごとのアイコンがすごく可愛い

  有名なColdplayのタイムラインサイトです。タイムラインで過去 …