WebGallery

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

*

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

   

名称未設定 1

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

青を基調とした透明感のあるデザインで、シンプルですが綺麗にまとまっています。スライダーの写真と合わせてとても爽やかで信頼感のある印象を受けました。

サブページのタイトル部分では、中央部分のみ太いボーダーで装飾しており、その線も真っ直ぐではなく少し曲げることで膨らんでいるような見た目になり、立体感があります。

業務内容のページでは送電線のイラストの上にクリックできるボタンがあり、それを押すと修理中の写真が出るようになっています。ただ写真を配置するだけでなく、こういう風にちょっと遊び心をいれて工夫しているデザインは参考になります。

 - 形で表現 ,

Message

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

  関連記事

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

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

インパクトがあるドロップダウンメニューとスクロールトップボタン

福島県須賀川市にある企業「グラントマト」のホームページです。 驚いたのが、グロー …

イラストや図を用いて分かりやすく説明

「スーパー乗るだけセット」という新車の購入方法を紹介している特設サイトです。カラ …

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

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

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

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

パステルカラーのイラストをのせたり写真の切り取りを家の形にしたりと、遊び心が満載のサイト

神奈川県横須賀市にある撮影スタジオ「PRIVATE PHOTO STUDIO H …

少し変わったメニュー表

大阪府にある美容院「bon hair」のホームページです。トップページの情報量が …

見出しにアニメーションをつけてインパクトを出す

茨城県の「キャピタルマリーナ」のホームページです。トップページの波の形を連想させ …

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

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

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

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