WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 

 - 形で表現 ,

Message

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

  関連記事

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

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

カラフルな色彩で学校の生き生きとした雰囲気を演出した「南女組」

甲南女子大学の情報ポータルサイト「南女組」のホームページです。 パステルカラーを …

中央に重要な情報をまとめて配置することで注目度を上げる

横浜市鶴ヶ峰にある美容室「しの美容室」のホームページです。 キャッチの部分やグロ …

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

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

地元の人がすぐに投稿できるように設置されたポスト

ディスポート株式会社が運営する「遊ぶ」・「宿泊する」といった8つの視点から岐阜の …

カラコンの色味を背景で表現したサイトがとにかくオシャレ!「PLAY / UP(プレイアップ)」

カラーコンタクト「PLAY / UP」のホームページです。 丸ドットで作られた背 …

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

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

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

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

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

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

「交通アクセス」のボタンを右上に配置することで、観光客にも優しいデザインに

佐賀県鹿児島市にある「祐徳稲荷神社」のホームページです。 ロゴマークの赤い色と白 …