DESIGN STUDY · 蒸 – 五箇サウナ
蒸 – 五箇サウナ建物の写真を大きく見せ、場所の印象を伝える
森に囲まれた建物の写真と余白のある白いヘッダー。主役となる一枚を大きく使い、施設の雰囲気を伝えるデザインを考えます。
このデザインから考えること
主役となる写真に面積を使う
保存画面では建物と周囲の緑を捉えた写真が大きく配置されています。複数の小さな写真を並べる場合に比べ、場所全体の空気感や建物の姿に視線を集める構成です。人物も写っているため、建物だけを切り取る場合とは異なる滞在のイメージが生まれます。
ヘッダーを写真と分けて読む
上部の白い領域にはロゴや案内が置かれ、写真の強い色と区切られています。写真に直接すべての文字を重ねないことで、背景の明暗に左右されにくい情報の置き場所を作っています。ロゴの個性と本文の読みやすさを別々に考える参考になります。
制作に取り入れるなら
場所そのものの魅力を伝えたい宿泊施設、店舗、体験施設の検討に向いています。大きく使う写真は、建物の見切れ方とスマートフォンでの切り抜きを先に確かめます。画像の中に案内を焼き込まず、利用方法や予約への入口は読めるHTMLの文字として設けます。
確認しておきたいこと
この解説は予約状況や営業条件を保証するものではありません。施設の最新情報は公式サイトで確認してください。制作時には、最初の写真の読み込みが遅い場合でも、施設名と主要な案内が先に読めるかを確認します。
ライブラリーでも探す
解説を読んだら、収録作品と関連するデザインを見比べてみてください。プレビューやコードの利用範囲は、作品の対応状況とプランによって異なります。
ライブラリーで蒸 – 五箇サウナを見る →