WebGallery

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

*

背景を白の透明度を変えたグラデーションにすることで、爽やかな印象に

   

名称未設定 1

東京都港区にあるカフェ「Thrush Cafe」のホームページです。

トップページはスクロールをなくし、写真を画面いっぱいに表示させたとてもシンプルな構造になっています。画面上部にあるメニューは背景色を薄くすることで写真の邪魔になることはなく、メインビジュアルの写真を目立たせています。

他のページに移動すると、内容がふわっと浮き出るように出てくるアニメーションがデザインと合って落ち着いた感じになります。タイトル部分の背景を白の透明度を変えたグラデーションにすることで、爽やかな印象になります。また、文字を細くし、内容ごとの余白を大きく取ることでコンテンツを目立たせています。

内容が切り替わる時に横幅いっぱいに写真が配置されているのもいいですね!写真の位置を左右で変えたり、英語の文章を下につけたり、まるで雑誌を見ているようなデザインです。

 - 写真で表現 ,

Message

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

  関連記事

注目させたい所には写真を枠からはみ出させて使用する

大分県由布市にあるリゾートホテル「湯布院ガーデンホテル」のホームページです。 こ …

キャッチコピーで興味を持たせ、写真でイメージを補完しているホテル

神奈川県鎌倉市にあるホテル「鎌倉パークホテル」のホームページです。 ファーストビ …

コンテンツの切り替えで雪を表現する

北海道上川郡美瑛町にある「展望花畑 四季彩の丘」のホームページです。 白黒とアク …

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトが、オフィスチェアのデザインを使ったレイアウトでカッコいい!

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトです。 …

サイト全体を白黒の配色にすることで、住宅の木のぬくもりが感じられるリフォーム会社

栃木県宇都宮市にあるリフォーム会社「有限会社 矢野住建」のホームページです。 フ …

ファーストビューのインパクトのある重機の動画がカッコいい!

農業の機械を世界中に生産している「株式会社クボタ」の「壁がある。だから、行く。」 …

ボタンに地図を使用し、見ただけでどこにあるのか一目で分かる

株式会社ベネッセホールディングスと公益財団法人 福武財団によって行われているアー …

30代・40代の女性に受け入れやすいよう、可愛くなりすぎずシンプルなデザインになっているヨガスクール

大分県大分市にあるヨガスクール「Mysore Oita(マイソール大分)」のホー …

もうすぐバレンタイン!2019年バレンタイン特設サイトを集めました!

明日はいよいよバレンタインデーですね! 皆さんはもう誰かにチョコレートを上げまし …

札幌にある建設会社のサイトが、雑誌のようなレイアウトでおしゃれ!

札幌市にある建設会社「竹内建設」のホームページです。 左側にスライダー、右側にイ …