WebGallery

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

*

写真を枠からはみ出させたりすることで、ページに動きをつけているお店

      2016/10/27

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

福岡県朝倉郡にある「ギャラリー茶寮 南の風」のホームページです。

トップページのスライダーで使用されている写真1枚1枚がとても綺麗で、キャッチフレーズの配置もこだわりを感じます。
「暖簾」という言葉を写真の暖簾の上に置くことで、フレーズの印象がさらに際立ちます。どんな「和情緒」が広がるのかワクワクしてきます。

その下の「お知らせ」の部分の背景は、線にはみ出るように切り抜かれた食事の写真が左右に配置され、さらに花のイラストも描かれています。
背景の形は左右対称ですが、切り抜かれた写真を非対称にすることで背景にも動きができます。花のイラストは庭園風景を連想させるかのようです。

食事会が行えるということで、料理だけでなく部屋の写真もたくさん掲載されています。
大胆に使われた写真はサイトを見ているだけで庭園や料理の素晴らしさが伝わってきます。タイトルとコンテンツで文字の組み方向を変えていたり、サイト全体の動きがあって面白いです!

 - 色で表現 ,

  関連記事

豊富な情報量をすっきりとしたレイアウトで読みやすく、伝わりやすくする

岡山県の地域情報をお届けする「月刊タウン情報おかやま」のWebメディア「日刊We …

アイコンや背景を動かして一工夫加えたサイトが可愛い!「札友電材株式会社」

北海道札幌市にある、電材設備の販売を行っている「札友電材株式会社」のホームページ …

観光スポットの動画を最初に配置することで、イメージが伝わりやすい

AB-ROADが運営する「思い立ったら、旅日」の特設サイトです。現地の見どころや …

レンズ越しに見る片山津温泉の風景

片山津温泉観光協会のオフィシャルページ「水と光と音のまち 片山津温泉」のホームペ …

犬との絆がもっと深まりそうな犬用ウェアラブルデバイス

犬用ウェアラブルデバイス「INUPATHY(イヌパシー)」のランディングページで …

グループの音楽性が一目で分かる

  Clean Banditの公式ホームページです。クラシックとベース …

暖色系を使い暖かみのある雰囲気に

  愛知県にある歯科医院のホームページです。トップに写真を配置するので …

イラストやアイコンを使って、女性にも親しみやすいデザインの土木建築会社

愛知県半田市にある土木建築会社「株式会社 知多土木」のホームページです。 ファー …

可愛らしいデザインのボート教習所

ボートライセンススクール「国土交通省登録 小型船舶教習所 JEIS北陸信越」のホ …

丸みを帯びたアイコンが親しみやすく感じる不動産屋さん

島根県松江市にある不動産会社「株式会社サカタ」のホームページです。 トップの夕焼 …