WebGallery

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

*

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

      2016/10/27

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

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

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

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

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

 - 色で表現 ,

  関連記事

背景を白にしたシンプルなデザインにしていちごの美味しさが伝わるようにしたいちご園

静岡県富士宮市でいちご狩りや紅ほっぺを使った商品の販売を行っている「いちご 生産 …

フラットデザインだけど、グラデーションの処理を1人1人違ったものにして印象強くしている学習塾の特設サイトがカッコいい!

東進ハイスクールが提供している特設サイト「SEKAI ぼくらの未来を広げるWEB …

カットスタイルごとのギャラリーで好みの髪型をすぐ見つけられる美容院

渋谷にある美容院「Pure Soul」のホームページです。 トップページのスライ …

「KAWAII文化」独特の世界観を大切にしたデザイン

原宿にある「カワイイモンスターカフェ」のホームページです。 ファーストビューのイ …

GWに行きたい!関東で開催しているフラワーイベント3選

もうすぐゴールデンウィークが始まりますね! 今年はどこに行こうとか、そろそろ予定 …

青と黄色のみでデザイン

  東京都にある矯正歯科医院のサイトです。スウェーデンの国旗のカラーの …

自然豊かな環境で、こだわり卵を生産している養鶏場

佐賀県武雄市にある養鶏場「いとう養鶏場」のホームページです。 全体的に装飾を抑え …

こんな素敵な宿に泊まってみたい!美しいヒーローヘッダーを使ったホテル・旅館のサイト3選

約1ヶ月ぶりの更新となってしまいました… 何だかんだで、あっという間に10月に入 …

動きや色を使って職場の楽しそうな雰囲気を伝えている薬局屋さん

滋賀県に9店舗、京都府に3店舗を展開している「スズキ調剤薬局」のホームページです …

女性をターゲットに絞り、可愛らしい構成に

  大阪にある不動産会社のWebサイトです。ターゲット層が「ママ」や「 …