WebGallery

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

*

コンテンツ毎に文章の配置を変え、見出しを強調するレイアウトにする

      2015/12/08

名称未設定 1

静岡県伊東市にある隠れ宿「花の雲」のホームページです。

まず、画面いっぱいに表示される画像は右側の部分が壁で隠れており、隠れ家的な雰囲気を漂わせています。全体的に落ち着いた色合いの写真なのでメニューやロゴマークに背景を付けることなくデザインされています。

トップページの部分はコンテンツ毎に写真で分けられており、コンセプトの部分は文章を読ませるために中央に配置、宿の紹介部分では雰囲気を知ってもらうために最小限に抑えた文章とボタンのみを見出しを強調するために左上に配置されています。

また、一番下まで行くとお問い合わせのボタンが配置され、最後に画面に写真と宿の住所が表示されるようになっています。フッターの部分を大々的に使用し、宿の雰囲気の余韻が残る工夫されたデザインだなと感じました。

 - 写真で表現 , , ,

Message

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

  関連記事

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

背景にまぎれないように、文字に少しだけ影をつけて強調させる

11月7日から八景島シーパラダイスで行われているイルミネーションイベント「楽園の …

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

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

新宿・池袋にあるネイルサロンのサイトが可愛くておしゃれ!

東京都新宿区・池袋にお店を構えるネイルサロン「Annabel Lee」のホームペ …

森の中をイメージさせるサイトのデザインが可愛い!茨城県つくば市にある結婚式場「バウム」

茨城県つくば市二ノ宮の少人数結婚式の結婚式場「レストランウエディング バウム」の …

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

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

東京にあるスーツのオーダーメイド専門店のサイトが高級感があってカッコいい!

オーダーメイド専門店「俺のTailor」のホームページです。 ファーストビューの …

文字の太さで強調する部分をはっきりさせる

  千葉県の海浜幕張公園で行われる花火フェスタのホームページです。背景 …

動きや写真で伝統や歴史の重さを表現する

開創から1200年を迎えた高野山の公式ホームページです。トップにあるそれぞれの写 …

綺麗な写真を大胆に使ったホテルのサイトが、高級感があって綺麗!

神奈川県足柄下郡にある高級料亭温泉旅館「山翠楼」のホームページです。 ファースト …