WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 写真で表現 ,

Message

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

  関連記事

野菜を全面にアピールしたサイト

  長野県にある食品製造会社のホームページです。トップにキャッチを配置 …

白と黒のコントラストが綺麗なレストラン

大阪堺市にあるフレンチレストラン「h」のホームページです。 ヘッダーの中央に配置 …

思わず観光に行きたくなる!帝釈峡観光協会のサイトがキレイ!

広島県北東部の庄原市東城町と神石高原町にまたがる、全長18キロメートルの峡谷「帝 …

雑誌のようなレイアウトのデザインが可愛い!

大阪・兵庫・奈良・京都・和歌山を中心に、建て替えや土地探し・新築一戸建て・注文住 …

イルミネーションの世界観を大切にしたフォント

2016年の11月17日から2017年2月14日まで開催されている「カレッタ汐留 …

家族写真を撮ってくれるスタジオのサイトが透明感があってキレイ!

東京都渋谷区にあるスタジオ「Holidays PhotoService」のホーム …

ファーストビューのスライダーに色とりどりの大藤の写真を使って、インパクトのあるフラワーパーク

栃木県足利市のあしかがフラワーパークで開催されている「ふじのはな物語 大藤まつり …

群馬県にある眼科のサイトが、様々なレイアウトでデザインされててカッコいい!

群馬県高崎市にある眼科「だるま眼科」のホームページです。 トップページのレイアウ …

路地裏で楽しむ大人の隠れ家ステーキハウス

京都市にある大和牛・山形牛やオマール海老・京野菜などを目の前で調理してくれる創作 …

重要なボタンは2箇所に配置したり上部に固定したりして、すぐ目に付くようにする

福岡県にあるファインライフ・カンパニー株式会社のホームページです。 上部に会社の …