WebGallery

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

*

配色をカラフルにするだけでなく、アニメーションもたくさん使ったサイトのデザインが可愛い!

   

熊本県熊本市にある食のテーマパーク「株式会社フードパル熊本」のホームページです。

ファーストビューのデザインがとても楽しい雰囲気のサイトです。
スライダーに重なるように雲のアニメーションが配置され、「イベント」や「体験する」といったカテゴリのボタンはクルクル回るアニメーションが使用されています。

様々な色を使用していて賑やかな印象ですが、サイトの上部やグローバルナビのアイコンにオレンジを使用することで、全体に統一感が出ています。
グローバルナビもホバーすると左右にゆらゆらと揺れるアニメーションがついていて可愛らしいです!

配色だけでなく、動きも使って賑やかな雰囲気のwebデザインになっていて、とても参考になります!

 - 動きで表現 , ,

  関連記事

どの言語で閲覧してもデザインが崩れない

東京のデザインやファッション、食べ物や観光地・宿泊施設などを世界に紹介するWeb …

アリのマークを用いて様々な仕掛けを作る

東京都にある株式会社「Alfanet(アルファネット)」のホームページです。 ま …

動きやフォントを工夫して高級感を表現する

明治38年から続いている特集雑誌「婦人画報」の110周年記念サイトです。 トップ …

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

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

今後の参考に!スタイリッシュなアニメーション効果を使ったサイトをご紹介!

コーディングをしているときに「どんなアニメーションをつけようか」と考えるのが1つ …

海の中にいるような幻想的なデザイン

大阪府吹田市にある水族館・動物園・美術館が融合した新感覚ミュージアム「ニフレル」 …

作品の雰囲気を損なうことなく、イラストを上手く配置した「ムーミン展」のサイトがかわいい!

2019年の4月9日(火)から6月16日(日)まで、六本木ヒルズ森タワー52階に …

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

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

猫!

  サイトを開けた途端猫がお出迎えしてくれます。しかもこの写真、日替わ …

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …