WebGallery

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

*

後ろのアイコンが流れるのに対し、赤十字マークと中央の文字は動かさずに立体感をだす。

   

名称未設定 1

島根県日本赤十字社「益田赤十字病院」のホームページです。

トップページの赤い色がとてもインパクトのあるサイトです。中央にある立体的な赤十字のマークとランダムに流れるアイコンがぼやけていることで立体感を出しています。後ろのアイコンが流れるのに対し、赤十字マークと中央の文字は動かないのでさらに印象深いです。

下にスクロールすると救急外来や休診情報、ブログなど最新情報がすぐ分かるようになっています。今すぐ知りたいと思う情報をトップページにまとめて、すぐ目的のページに移動できるように工夫されていて参考になります。

また、さらにその下の「NEWS」の部分では、4つのカテゴリに分類することでさらに情報が見やすくなっています。タグで情報を切り替えて見れるのはとても便利なので、今度自分も活用してみたいです。

 - 色で表現

Message

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

  関連記事

ファーストビューで対象者がわかるようにしたデザインの「椿音楽教室」

東京でピアノ教室など11の音楽教室を開講している「椿音楽教室」のホームページです …

ロゴに合わせたイラストで可愛らしさを

  熊本県にあるカフェのWebサイトです。茶系のカラーリングで落ち着い …

タイトルと本文のフォントを使い分けることで、強調したい部分をはっきりさせる

東京都にある「国立大学法人 電気通信大学」のホームページです。 清涼感のあるキャ …

不思議な写真をファーストビューに使うことで、「不思議なレストラン」の世界観を演出したデザインがすごい!

2017年の1月28日から5月21日まで日本橋茅場町にある特設会場で行われる「食 …

作品の色味をサイトでも表現

  大阪にある陶芸作家のサイトです。作品の色味をサイトのカラーリングで …

紫女子部がプルーンの魅力を紹介!

カリフォルニアプルーン協会が手がけた「紫女子部 スタート記念 プルンプルーンキャ …

女性が見ても親しみやすい塗装屋さん

神奈川県を中心に屋根・外壁塗装を行っている外壁塗装専門店「株式会社 松本建装工業 …

500色の色鉛筆

  500色という文字よりもズラーッと背景に並んだ色とりどりの色鉛筆た …

背景にふわふわしたアニメーションをつけて幻想的な雰囲気に

「大丸・松坂屋のファンタスティッククリスマス2016」のホームページです。 赤と …

細いフォントでスマートな感じを出す

    青色を使ったサイトです。アニメーションを用いたボタン …