WebGallery

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

*

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

      2016/10/27

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

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

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

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

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

 - 色で表現 ,

  関連記事

kissとの出会いでショールームのようなお部屋に

愛媛県松山市にあるインテリアコーディネートショップ「kiss」のホームページです …

暖色系を使ったり、日本画風のイラストで昭和レトロな雰囲気を演出したイベントサイト

2017年1月20日から29日まで横浜赤レンガ倉庫で開催されている「鍋小屋201 …

ロゴカラーで統一された心療内科クリニック

埼玉県さいたま市にある心療内科クリニック「新都心むさしのクリニック」のホームペー …

様々なグラフがアニメーションで表示される

平安時代にかまぼこが表記されてから2015年で900周年を迎えたそうです。全国か …

ロゴを中央に配置し、グローバルナビを左右に分けた構成

ホットヨガスタジオ「loIve」のホームページです。 女性をターゲットにした暖色 …

レゴランドで開催しているイベントのサイトがゲームみたいで可愛い!

2017年の7月から12月までお台場にあるレゴランドで開催されているイベント「夜 …

トップページにメニューを載せ、カラフルな構成に

  「朝食フェス2015」の特設サイトです。メニューをブロック化して掲 …

サイト全体を白黒にして写真を際立たせて、さらにコンテンツを斜めに切り取って動きを演出したスイーツ屋さんがオシャレ!

パティスリー・サダハル・アオキ・パリ日本公式サイトです。 白と黒を基調とした、シ …

女性をメインターゲットにした、可愛らしい「塗装業」のサイト3選!

現在勤めている会社では、塗装業のサイトを新規作成・リニューアルすることが多いです …

東京の11の島を紹介するサイトが、写真やイラストを使ったデザインで可愛い!

「東京アイランドドットコム 東京にある11の島」のホームページです。 ファースト …