HOLOSのヘッダースライダーでは、縦書き表現が可能です。デモのようにじんわり表示されるアニメーションも適用できます。もちろん横書きにして、アニメーション無しにも変更可能です。
デモではmp4動画を設定していますが、背景には以下のコンテンツを設定できます。
- 画像(複数枚も可)
- mp4動画
- YouTube
サイトのファーストビューになる箇所なので、次の点に注意して設定するのがおすすめです。ぜひデモサイトを参考にしてみてください。
- テキスト量のバランス(PC/スマホ)
- テキストの視認性(PC/スマホ)
- 背景コンテンツの画質、容量
テキストが長すぎてもバランスを崩しますし、背景画像や動画の色味によっては文字の視認性が下がることもあります。適切な文字量にして、オーバーレイ(背景に色を重ねる)機能を使って調整してみてください。
背景コンテンツの画質にも注意したいところです。サイトの印象を左右するので、容量と美しさのバランスを保った適切な画質で設置しましょう。
また、HOLOSでは、スライダーの縦幅を変更できる機能をご用意しました。
フルサイズ(画面いっぱい)
縦幅680px
原寸比
設置する画像に合わせて、ご自身で見え方を調整いただけます。特に文字入れ済みの画像などを設置したい際は、原寸比に設定することで、画面サイズによって文字が見切れることを防ぎます。