WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 写真で表現 ,

Message

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

  関連記事

東京にある建設会社のサイトが、和風なデザインでカッコいい!

東京都港区にある建設会社「株式会社タカノハ住建」のホームページです。 ファースト …

金額やカテゴリを絞って特典を選べる検索フォームが便利!岡山県備前市のふるさと納税サイト

岡山県備前市のふるさと納税特設サイトです。 ファーストビューの写真の配置がとても …

「Golden」にかけた黄金のアニメーションがとても幻想的!フェレロ ロシェのキャンペーン公式サイト

「Ferrero Rocher(フェレロ ロシェ)」のキャンペーン公式サイトです …

黒背景に写真のコントラストが美しいレストラン

2016年4月北海道札幌市にオープンした「北海道料理 海籠」のホームページです。 …

写真を最大限に利用して、雰囲気を味わえる教会

長野県軽井沢にある、「軽井沢高原教会」のホームページです。 三角の形をした特徴的 …

写真を大きく使い、インパクトを持たせる

  旅行に関する商品を制作している会社のWebサイトです。世界各所の絶 …

可愛い&おしゃれ!洗濯物が溜まっていなくても思わず行きたくなるコインランドリーのサイト3選!

あっという間に3月ですねー! この時期になると花粉症の人がそろそろ準備をしだすん …

手描きのようなアイコンで視認性だけでなく、見た目にも可愛らしさを

東京都中央区新川にある和菓子屋「翠江堂(すいこうどう)」のホームページです。 左 …

ケーキの魅力が伝わりやすいように白黒で配色されたサイトがシンプルでおしゃれ!

日本の四季を感じる、旬の国産フレッシュフルーツをふんだんに使用したアート感覚あふ …

モデルハウスのパンフレットを見ているような気持ちになる箱根のリゾートホテルのサイトがオシャレでカッコいい!

神奈川県足柄下郡箱根町にあるリゾートホテル「NEST INN HAKONE(ネス …