• 24k
  • 15
ウェブデザイン \ 2018年12月5日

動画ボックス:Webデザインを最大限に引き出すデザインツール

テキストや画像に比べ、より分かりやすい形で情報伝達することができる動画。ホームページ作成においてこの動画の重要性がいかに大きいか既に感じている方も多いかもしれません。しかし、動画は単なる実用的な機能を果たすだけなく、デザイン性の面でも優れた効果を発揮します。今、多くのWebデザイナーがWebサイトのより良い外観のために、動画が持つ優れた要素をデザインに取り入れるようになっています。

かつて動きのあるデザインとして、GIFがデザイン革命のパイオニアでした。しかし、全てのWebサイトにコミカルな要素が強いGIFが最適とは言い切れません。そこで、今回この課題を解決するためのスタイリッシュでダイナミックなツールをご紹介します!ホームページ作成における動画デザインの可能性を大きく広げる動画ボックスです。

この動画ボックスはWixの便利なツールの中の1つで、トレンドの最先端、そして生き生きとした躍動感を取り入れることができる優れたツールです。動画サイズの調整から動画エフェクト、又は豊富な種類から選択できるオーバーレイの追加などあらゆるデザインを取り入れることができます。さぁ、動画の魅力を最大限に引き出す方法を確認してみましょう!

動画の再生方法を設定する

動画の再生方法は、クリック再生、ループ再生、サイト訪問者が動画へマウスオーバーした時のみ再生、サイトを開いた時点からの自動再生が選択でき、あなたのWebサイトに適した再生方法をお選び頂けます。もちろん、サウンドの再生設定もできます。

動画の再生方法を設定する

動画の外観をデザインする

動画ボックス自体のサイズや寸法の調整や、サイト訪問者が再生前に目にする動画のカバー写真の選択など、「デザインを変更」からあなた好みにカスタマイズできます。
ヒント:動画ボックスのシェイプを調整する場合、入力数値が高いほど、動画ボックスのエッジは丸くなります。

動画の外観をデザインする

オーバーレイで動画に視覚効果を追加する

あなたのオリジナル動画、又はWixの無料動画素材へ多彩な視覚効果を追加して動画の魅力を引き立てましょう。オーバーレイには、ディストーション、グラデーション、ノイズ、グリッド、ラインなど60種類以上のパターンがあり、これらはSNSでの投稿によく使われるフィルタとしての機能で知られているパターンです。

また、豊富な再生ボタンのデザインは、どれを選択しても不透明度や色の変更ができ、カバー写真上のどの位置にでも設置できます。

オーバーレイで動画に視覚効果を追加する

Webサイトに動画ボックスを追加する方法

あなたの動画を次のレベルへと引き上げることができるよう、この魔法のツール動画ボックスを追加しましょう。Webサイトへ動画ボックスを追加するために下記の4つの簡単な手順をご参照下さい。

1. 「Wixエディタ」を開く。
2. 「追加」をクリック。(左側のメニューにある「+」ボタン)
3. 「動画」を選択。 ”動画ボックス”のセクションまでスクロールし、好みのプリセットを選択。
4.  自由にカスタマイズ。

最後に、動画ボックスであなたの動画のカスタマイズを終えたら、「設定」から動画の詳細を入力することを忘れないで下さい。Googleなどの検索エンジンは、画像や動画を視覚的に認識することができないため、それらの内容を描写するテキストを読み込むことで画像や動画の内容を認識します。

さぁ、あなたのホームページへ動画ボックスを追加し、デザインの可能性を大きく広げましょう!

ライター: Wix Team

今すぐ Wixブログ を
無料購読しよう!

Wixブログを購読しよう 役立つ情報をいち早くゲット!

正しいメールアドレスを
入力して下さい

メールは既に存在します

正しいメールアドレスを
入力して下さい

Wixブログを購読 \ 

WebデザインやWix新機能についての
最新情報を無料でお届けします!

正しいメールアドレスを
入力して下さい

メールは既に存在します

正しいメールアドレスを
入力して下さい