WEBデザイン, ホームページ作成時, ホームページ制作関連コラム, レスポンシブデザイン・スマホ対応

目を惹くスクロールエフェクトを加えたサイト構築について

投稿:2018/09/12 更新:2024/07/21


さて、最近はスマホサイトでも、スクロール時などに動きが見られるようになってきましたね。(ちなみに、上記の画像は単なるGIFアニメーションです。)

当サイトのトップページ「ホームページ制作 千葉 visual art」においても、スクロール時にフェードインしながら、ふわっと表示される形を設定してみました。
 

プラグイン、JQuery、CSS

以前の記事「スクロールでふわっと表示する動きでインパクトのあるサイトに」で紹介したようにエフェクトといってもいろいろな方法があります。

PCサイトにおいては、プラグインなどが多く提供されていて、動きのないサイトに比べればもちろんそれなり費用はかかりますが、簡易な動きのものであれば比較的容易に導入することができるようにはなってきました。

しかし、レスポンシブデザインのスマホサイトにおいては、PCサイトと同じ設定とはいかないので、やはりそれなりにJQueryやCSSなどの設定をしなければならないのでJQuery、CSSでの記述が分からないと厳しいかもしれません。
また、ホームページ制作会社などに依頼する場合は、費用面を考慮するとレスポンシブデザインのPCサイトだけやスマホサイトだけに動きを加えるという形も考える必要があるかもしれません。
 

visual artでできること

visual artでは、ふわっと文字や画像が表示されるスクロールエフェクトやパララックスをホームページ制作プランやオプションとして承っております。
スクロールエフェクト以外にもロゴアニメーションなどもオプションで承っておりますので、目を引くインパクトのあるサイトをご希望の方はお気軽にご相談ください。

ホームページ制作料金プラン

このエントリーが役に立ったらシェアしてください

  • .

関連コラム

お見積のご相談(無料)

千葉、東京、横浜、ロンドンで連携して日本国内から海外までホームページ作成、ブランディングデザインを承っております。
ホームページ作成、ブランディングデザインのご相談・お見積は無料です。まずは概算見積をしますのでお気軽にお問い合わせください。