WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 

 - 形で表現 ,

Message

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

  関連記事

受験生の保護者にとっても見やすい構成

日本女子大学の受験生向け特設サイトです。 女性らしくパステルピンクを基調とした、 …

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

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

「卵」にこだわりぬいた「千鶏カステラ本舗」

長崎県雲仙市にある美味しい長崎カステラのお店「千鶏カステラ本舗」のホームページで …

シンプルだからこそ細かいところまで気配りされたデザインのサイトがおしゃれ!

2011年有志によって設立された「ててて協働組合」のホームページです。 ファース …

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

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

ドロップダウンメニューに切り替わるグローバルナビ

群馬県にある料亭「一婦美」のホームページです。 赤と白をベースにしたデザインは、 …

模様を不規則にしてタイルを表現する

愛知県名古屋市にあるタイルの製造・販売を行っている「KYタイル株式会社」のホーム …

色ではなく動きを使ってコンテンツを目立たせたIT企業のサイトがカッコいい!

福岡県福岡市に本社をかまえる「株式会社シフトセブンコンサルティング」のホームペー …

緑を前面に押し出したホテルのサイトが、穏やかな雰囲気でゆったり過ごせそう!

大阪府大阪市にあるホテル「ホテル・ロッジ舞洲」のホームページです。 丸い形を緑色 …

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

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