WEBサイトの読み込み時には大抵ローディング画面が表示されます。あのローディングGIFをどうやって用意し、設定すればいいのか分からないという方はこちらの記事を一読ください。GIF画像のおすすめサイトや、ローディングGIFの設定方法を詳しく紹介します。
企業用のWEBサイトや個人用のWEBサイトなど、ネットワーク上には多くのWEBサイトが存在します。取り扱っているコンテンツなどはWEBサイトごとに違いますが、基本的な機能や設定はどこのWEBサイトも共通しています。
例えば、ローディング用のGIF画像。こちらは、閲覧者がWEBページに移動する時、読み込み中であることを伝える画像で、読み込みに時間がかかっている時に閲覧者を不安にさせません。大抵どのWEBサイトも取り入れているため、今からWEBサイトを制作しようと思ってる方は、ローディングGIFの存在を頭に入れておいた方が良いでしょう。
例えば、WEBページに飛んだ時、真っ白なページのまま何のアクションも起きなかったらどう思うでしょうか。この先のWEBページは削除されているのかと思うかもしれませんし、間違って違うページに飛んだのかと不安に思うかもしれません。気の短い人なら、何のアクションもない画面を見た瞬間、サイトを閉じてしまうかもしれません。
読み込み中の表記がないというのは、数多くのデメリットを抱えることになります。読み込み中だと認識する閲覧者と、読み込み中なのか認識できない閲覧者の割合は、後者の方が圧倒的に多いでしょう。読み込み中なのか分からないということは、閲覧者に先の見えないストレスを与えていることになるのです。
WEBサイトの出来がどんなに良くても、閲覧者が不安を感じ、WEBサイトを閉じてしまったら、なんの意味もありません。WEBサイトを快適に見てもらうためにも、ローディングGIFの存在は必要不可欠です。
自分でローディングGIFを作成する方法と、ローディングGIFのフリー素材を利用する方法の2点がありますが、WEBサイトを初めて作る方や、画像作成に慣れていない方は後者の方法が良いでしょう。
と言っても、ローディングGIFはネットワーク上に山のようにあります。くるくる回るサークル型のGIF画像、砂時計型のGIF画像、ラインが動くGIF画像と、形や大きさやテーマは様々です。使用用途は全て同じですが、数多くあるローディングGIFから、自分のWEBサイトに合ったものを探すのは手間と時間のかかる作業になります。
適当なGIF画像を選んで配置しても良いですが、それではWEBサイトのデザインのバランスが崩れてしまうかもしれません。WEBサイトは内容だけでなく、デザイン力も必要なため、無視できない問題です。
まずは、ローディングGIFのフリー素材を配布しているサイトを確認し、自分のWEBサイトの雰囲気やデザインに合っているものを把握しましょう。そうすることで、素敵なローディングGIFと出会えるでしょう。
ローディングGIFを手軽に使用するには、無償提供されているフリー素材を探すのが一番手っ取り早いでしょう。有料のGIF画像は安定性と安全性が非常に高いですが、手軽さに欠けてしまいます。ローディングGIFがフリーで提供されている、おすすめの素材サイトが何点かあるため、好みのサイトがないか確認してみましょう。
「Preloaders.net」は、GIF画像の種類が非常に豊富なフリー素材サイトです。ローディングGIFとしてよく見かけるLINE型のGIF画像やテキスト型のGIF画像、さらにはフルーツ型のGIF画像や惑星型のGIF画像など、ユニークなデザインのものも取り扱っていて、見るだけでも飽きることはないでしょう。
様々なテーマを、全てシンプルにまとめているため、ローディングGIFに奇抜な画像と安定した画像のどちらも取り入れたい方は、「Preloaders.net」のGIF画像がおすすめです。
「Flat Preloaders」は、サークル型のローディングGIFをまとめたフリーのGIF画像です。ポップなカラーとユニークな動きが特徴的で、さりげないおしゃれさを光らせたい時に使うと効果的でしょう。
「GIF Preloaders」は、様々なモチーフがぐるぐると回る特徴的なフリーのGIF画像です。「時計」「地球儀」「矢印」「歯車」など、色々なモチーフがシンプルなデザインでまとめられているところが非常に魅力的です。シンプルなデザインと動作を求めるなら、「GIF Preloaders」が良いでしょう。
「PIXELLAB」は、くるくる回るアニメーションGIFを取り扱っている素材サイトです。もちろんこちらのローディングGIFはフリー素材なので、手軽に利用ができます。
くるくるアニメーションGIFは、6種類、複数サイズがあり、どんなサイトにも合わせやすい魅力があります。画質も綺麗に調整されているため、見栄えを大切にされる方には大きく役立つでしょう。
「Preloader iOS 7 Style(GIF)」は、文字通りiOS 7をテーマにした、フリーのローディングGIFです。美しい寒色のラインが伸びる姿は、閲覧者の心を少しだけ落ち着かせてくれます。シャープでシンプルなGIF画像が良いなら、「Preloader iOS 7 Style(GIF)」がおすすめです。
1 / 3
続きを読む