WebGallery

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

*

カーソルを乗せると動くボタン

   

名称未設定 1

愛知県碧南市松江町にある歯医者「あだち歯科クリニック」のホームページです。

歯をイメージしたロゴマークを中央に配置するだけでなく、メニューや画像の形もロゴマークの形になっています。また、写真が切り替わると左右に出てくるイラストも変わり、可愛らしいです。

違うページに移動するとメニューが上に移動します。そこにカーソルを乗せると左右にぶらぶらと動きます。文字の下に黄色い線が入っているのですが、何となく歯を連想しますね!メニューだけでなく、所々にカーソルを乗せると動く部分があり、遊び心があって面白いです。

余白をとって落ち着いたデザインですが、丸みのあるフォントや手描きのイラスト、動きをつけることで大分印象が変わり、参考になります。

 - 動きで表現 , ,

Message

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

  関連記事

10月から開催している「パリグラフィック」展のサイトがシンプルでおしゃれ!

2017年10月18日から2018年の1月8日まで、東京・丸の内にある三菱一号館 …

昼間とは違う雰囲気を演出した八景島シーパラダイスの「ナイトアクアリウム」

2016年の11月19日から2017年の2月28日まで開催している「音と光と映像 …

ファーストビューに動画を取り入れた神社・お寺のサイト5選

数年前から背景に動画を使用したデザインをよく目にするようになりました。 動画を効 …

ロゴを使ったファーストビューがインパクト大!東京都の「みるみるクリニック」

東京都江東区にある、小児科・内科・アレルギー科「みるみるクリニック」のホームペー …

壮大なスケールを感じさせるデザイン

  見た瞬間発狂しました。「ICO」や「ワンダと巨像」の制作を手掛けた …

2020年新卒採用サイトのトレンドをチェック!おしゃれなデザインをまとめてみました!

年始早々インフルエンザにかかってしまいました…皆様もお気をつけて… 久しぶりに高 …

おバカなジェリービーンズたち

  一時期話題になった動画のWebサイトです。現在ではアプリゲームもあ …

群馬にある猿ヶ京温泉の紹介サイトが、動きとイラストを使ったデザインで可愛い!

群馬県利根郡みなかみ町にある観光スポット「猿ヶ京温泉」の「猿ヶ京温泉観光情報協会 …

ロゴマークの表示を統一することで、ページにアクセントをつける

福岡県福岡市にある「がんこクリニック」のホームページです。 まず初めに、画面いっ …

「伝統」と「革新」を伝える「廣榮堂 採用サイト」

岡山で160年の歴史を誇る老舗和菓子屋「廣榮堂」の採用ページです。 学生たちをタ …