WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 写真で表現 ,

Message

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

  関連記事

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

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

背景いっぱいにパンの写真を使ったサイトがおいしそう!

敷島製パン「Pasco」のホームページです。 ファーストビューのスライダー写真の …

とにかくオシャレ!ミニマルデザインを取り入れたカフェのサイト3選!

無駄な要素を除いて、エレガントで洗練された「ミニマルデザイン」のwebサイトをよ …

冬の夜の静まり返った雰囲気を、画面いっぱいに表示される星空や雪のアニメーションを使って表現

2016年6月に、京都府南丹市にある宿泊や日帰りでの温泉が楽しめる温浴宿泊施設「 …

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

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

石川県にある道の駅のサイトがシンプルでおしゃれ!

石川県羽咋市にある道の駅「いい道の駅 のと千里浜」のホームページです。 ファース …

手軽さやオシャレ感を上手くアピールする

「MY BAGEL」というPascoのパンを色々アレンジして楽しもうという紹介サ …

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

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

湯布院の大自然を感じることができそうな旅館

2016年9月1日にリニューアルオープンした大人の隠れ家「ふうきの里」のホームペ …

装飾を使わずレスポンシブしやすいデザインに

建築会社「TASSAY」のホームページです。 写真などでブロック化されたコンテン …