4タイプのデザインを実装したロード画面

ウェブサイトを表示した際に表示されるロード画面。

「BASARA」では、4タイプのロード画面から選ぶことができ、それぞれカスタマイズが可能です。もちろん、ローディングなしにすることもできます。

ページ遷移時のわずらわしさを取り除くために活用するローディングアイコン。

ローディング画面は使い方によっては、ブランドイメージを印象づけることも可能です。いろんなタイプを用意していますので、チェックしてみてください。

4タイプのローディングデザイン

4タイプのローディングデザインから選ぶことができます。

ローディングアイコン

サークルアイコン

サークルのアイコンが回るローディング画面。
事例:HORIZON

スクエアアイコン

スクエアのアイコンが回るローディング画面。
事例:FAMOUS

ドットサークルアイコン

ドットのサークルアイコンが回るローディング画面。
事例:SHIPS

ロゴとテキスト

両方設定してもいいですし、いずれかのみを設定することで、下記のような見え方を実現できます。

サイトのロゴをローディング中に表示させます。
事例:DROP / CURE

テキストをローディング中に表示させます。
事例:SOLARIS

カスタマイズの設定

ロード画面のカスタマイズ
ローディングアイコンは、デザインもカスタマイズできます。

  • アイコンの色
  • 背景色
  • アニメーション
  • 表示するページ: トップページ or 全ページ
  • 表示回数: 1回だけ or 毎回

ロード画面が閉じた後のアニメーション

前作のREHUBから新実装された機能です。
ロード画面が閉じた後のアニメーションを設定できます。

以下はREHUBの記事ですが、4種類のアニメーションをご確認いただけます。BASARAにも同じ仕様で実装されていますので、参考にご覧ください。

関連記事