WebGallery

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

*

アーチ型に切り取られた写真で橋のように見せる

   

名称未設定 1

有限会社「月刊日本橋」が運営する東京日本橋の歴史や文化を紹介するサイト「東京 にほんばし」のホームページです。

江戸から続く文化や伝統を、シンプルで分かりやすくまとめたデザインで紹介しています。トップには白いシルエットがアニメーションになっており、背景のスライダーは歴史や伝統を感じさせる写真が掲載されています。

ある程度下にスクロールすると左上にあったメニューが画面上部に固定で表示される仕組みになっています。メニュー下のラインはアーチ形で橋を連想させる形ですね!

それだけではなく、日本橋の歴史や店舗紹介など各記事に使用されている写真もアーチ形に切り取られています。スマートフォンで見ると2つずつ並んで表示されるので本のようにも見えますね。

 

 - 形で表現 ,

Message

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

  関連記事

ペット専用タクシーのサイトが、イラストを使ったデザインで可愛い!

東京・千葉県に営業所を構えるペット専用タクシー「東葛ペットタクシー」のホームペー …

フラットデザインで新しい印象に

  東京都にある三田国際学園中学校・高等学校の公式ホームページです。幾 …

個性的なデザインの美容院サイトが、とってもオシャレでカッコいい!

横浜・川崎・井土ヶ谷エリアを中心とする美容院「Dh-HAL/AVEDA(アヴェダ …

ロゴマークと同じ形をしたメニューとキャッチ画像

東京都武蔵野市吉祥寺にある動物病院「ひだまり動物病院 吉祥寺」のホームページです …

まるで、真上から教習所を見たようなファーストビュー

東京都練馬区にある教習所「大泉自動車教習所」のホームページです。 左側に固定でメ …

ボーダーの線を真っ直ぐではなく少し曲げることで立体感をだす

新潟県長岡市にある電力会社「大原電業株式会社」のホームページです。 青を基調とし …

1つ1つのボタンを大きく配置することで、見やすく押しやすいレイアウトに

北海道札幌市にある幼稚園「幸明幼稚園」のホームページです。 全体的に原色に近い色 …

ひし形のグリットを使って、授業風景などの写真を紹介している倉敷芸術科学大学のサイトがおしゃれ!

岡山県倉敷市にある大学「倉敷芸術科学大学 芸術学部」のサイトです。 ファーストビ …

女性雑誌を見ているかのようなレイアウト

  フィリピンの観光紹介特設サイトです。「失恋にフィリピンが効く。」と …

家の形に切り取られたスライダー

千葉県市原市にある「株式会社 藍舎」のホームページです。 トップのスライダーを家 …