クリエイティブな H5 を作成するにはどうすればよいでしょうか?本物のH5について1つの記事で学ぶ

近年、H5の人気が高まっており、軍服写真や1元ギャラリーなど、友人の輪に溢れるH5が後を絶ちません。

多くのマーケティングディレクターは、「H5 をください」と言います。しかし、H5 が何であるかを本当に知っていますか?

H5とは何か

Zhihu での「H5 とは何か?」に関する議論は非常に人気があり、合計 123 件の回答があります。

その中で、「 H5はWeChatで使用されるPPTです」という回答は非常に興味深いです。

少し気の利いた内容で、要約が十分に厳密ではないかもしれませんが（重力感知などの高度な特殊効果など、PPTでは実現できないPPTよりもはるかに強力な機能がH5にあるため）、初心者が最短時間でH5の基本概念を理解できるため、良い回答です。

しかし、関連する概念を深く理解するには、やはり起源まで遡る必要があります。 H5 は HTML5 の略語であり、HTML5 は Hyper Text Markup Language の略語です (これは重要ではないので無視してください)。

コーディングについて少しでも知識のある人なら、Web ページの作成にHTML が使用されることを知っているはずです。ウェブサイトを見つけて右クリックし、ソース コードを表示するだけで、そのウェブページに関連する HTML 言語コードを確認できます。

ウェブサイトはどのようにして私たちの前に現れるのでしょうか?ウェブサイトを構築した人は、上の写真の右側のコードを HTML 言語で書きました。ブラウザによって認識され、変換された後、上の写真の中央左にあるウェブサイトが生成され、表示されました。簡単な例を挙げると、Web ページ タグで表示されるタイトル「Baidu で検索すれば、わかります」に対応する HTML 言語は、<title>Baidu で検索すれば、わかります</title> です。

結局、ウェブサイトの構築にはHTML言語が使われます。HTML言語の最初のバージョンは1993年にリリースされ、HTML言語の5番目のバージョンであるHTML5は2014年にリリースされました。これは新しい概念ではありません。ビッグデータ、クラウドコンピューティング、ブロックチェーンと比較すると、単に時代遅れです。では、なぜH5が突然人気になったのでしょうか？

これが、モバイル インターネットテクノロジーの台頭と WeChat の人気につながります。 HTML5技術は古いものですが、モバイル端末への応用は近年になってようやく開始されました。さらに、WeChatの人気により、H5のマーケティング価値はかつてないほど高まっており、大きな注目を集めているのは当然です。

そのため、H5の主な適用シナリオを踏まえた定義をすると、「H5は主にモバイル端末で表示・配信されるページ」というのが個人的には考えられます。

H5の特徴

H5 ページには、テキスト、画像、音楽、ビデオ、リンクなどの形式が含まれます。豊富なコントロール、柔軟なアニメーション効果、強力なインタラクティブ アプリケーション、データ分析機能により、高速かつ低コストで情報を発信でき、携帯電話での表示と共有に非常に適しています。柔軟性が高く、開発コストが低く、生産サイクルが短いため、現在のWeChat マーケティングに最適なツールです。

H5の種類

H5 を分類する方法は数多くあります。その 1 つを次に示します。名声のレベル (ここでは技術の進歩を指します) に応じて、H5 は 3 つのカテゴリに分類されます。

1. 簡単なアクティビティ

シンプルな活動H5には、主に紅包、抽選、投票、交渉、共同購入などの一般的な活動H5が含まれます。このタイプのH5モデルとテクノロジーは非常にシンプルですが、直接的な利益によって駆動されるため、強力な普及力があります。

普通の赤い封筒（出典：Renrenxiu公式サイト）

交渉と共同購入（出典：Renrenxiu 公式サイト）

2.中級の楽しみ

中級の楽しみ H5 には、主に小さなゲームとクイズが含まれています。非常に面白く、技術的な実装の難易度が少し高くなっています。

ミニゲーム（出典：Renrenxiu公式サイト）

3. 高度なアニメーション

高度なモーションエフェクト H5 には、主にフラッシュ、ワンショット、 VRパノラマ、シミュレーション インターフェイス、重力センシングなどが含まれます。革新感覚が非常に強く、技術的な実装も最も困難です。

1) フラッシュ

フラッシュモブとは、短時間で大量のテキストや画像情報を瞬時に映し出す映像制作手法を指します。おそらく、中国でフラッシュマーケティングを導入したのは Apple でしょう。

2016年9月、iPhone 7の発表イベントの後、Appleはフラッシュモブを利用して2時間の発表イベントを107秒のフラッシュモブ短編動画に凝縮し、大きな拡散と議論を引き起こしました。それ以来、フラッシュモブをマーケティングに活用する国内ブランドが次々と登場しましたが、品質でAppleに匹敵するものはほとんどありません。「Appleスタイル」のフラッシュモブを自分で体験してみましょう。形式はシンプルですが、細部は非常に洗練されています。

同じ形式を H5 にも適用できますが、水平方向のビデオが垂直方向のビデオに変更されます。

QRコードをスキャンしてフラッシュH5を体験してください

2) ワンショット

ワンショットというのは、編集や切り替えがほとんどないように見えて、イベントの始まりから終わりまでの全過程をワンショットで完全収録しているということです。

この芸術的技法は映画産業から生まれ、アメリカのポップアーティスト、アンディ・ウォーホルが撮影したドキュメンタリー「エンパイア・ステート・ビルディング」で初めて登場しました。 1964年、彼はエンパイア・ステート・ビルにカメラを向け、カメラの位置や画角を変えずに485分間撮影した。

ドキュメンタリー「エンパイア ステート ビル」のスクリーンショット

第87回アカデミー賞作品賞受賞作『バードマン』もまた、古典的なワンショット映画である。

映画「バードマン」のスチール写真

QR コードをスキャンしてワンショット H5 を体験してください。

3) VRパノラマ

VR パノラマとは、コンピューターを使用して全方位の仮想現実環境を生成することを指します。多くの SF 映画では、撮影に VR 技術が使用されています。

マトリックスは仮想現実技術を試みた初期の映画です。

「アバター」はバーチャルリアリティ技術で撮影された古典的な映画です。

VR パノラマ技術の最も典型的な商業的応用は不動産業界です。オンラインモデル不動産閲覧サービスは VR パノラマ技術を活用しています。

QR コードをスキャンしてバーチャル リアリティ H5 を体験してください。

4) シミュレーションインターフェース

シミュレーション インターフェイスは、その名前が示すように、さまざまなモバイル インターフェイスをシミュレートして、シーンを構築し、プロットを展開します。モバイルデバイスならではのアイデアなので、現時点での独創性や普及率は非常に高いです。

NetEase は、非常に興味深いシミュレートされたインターフェース H5 を多数作成しました。

5) 重力センサー

重力感知とは、地球上の重力の方向を感知することです。現在、ほとんどの携帯電話には重力感知チップが搭載されています。そのため、重力感知H5を閲覧する場合、携帯電話を少し動かしたり回転させたりすると、携帯電話のインターフェースがそれに応じて変化します。これも非常に興味深いです。自分で感じてみてください。

H5制作によく使われるソフトウェア

H5 制作に関しては、すでに市場には多くのソフトウェアが存在します。外国のソフトウェアは別として (インターフェースが使いにくいため)、国産のH5 制作ソフトウェアは、大きく分けて 2 つのカテゴリに分けられます。

1つ目は、ビジュアルインターフェースを備えたフールタイプのH5制作ソフトウェアです。素材をドラッグして整理するだけでH5を作成できます。ただし、機能が完璧ではなく、制作効果も不十分な点が欠点です。このタイプのソフトウェアには、主にRenrenxiu、 Yiqixiu 、MAKA、Sohu Quick Station、Baidu H5などが含まれます。

2 番目のカテゴリは、専門的な H5 制作ソフトウェアです。これも視覚的なインターフェイスを備えていますが、操作が比較的難しく、機能がより包括的であるため、習得するにはある程度の学習が必要です。現在、中国で最も一般的なものは iH5 とYipai 360だけですが、その中でも iH5 は比較的機能が強力で、WeChat との互換性も優れています。

さらにユーザーフレンドリーなのは、iH5 と Yipai の公式サイトでは非常に体系的なチュートリアル ビデオが提供されており、公式サイトを開くと無料で視聴できることです。

また、iH5とYipaiの公式サイトでは契約デザイナーのコラムも提供しており、簡単な登録でプラットフォームを通じて直接注文を受けることができます。

H5制作ソフトウェアに関しては、Webmaster Homeに比較的包括的な評価記事があり、マルチメディア機能、高度なアプリケーション、WeChatアプリケーション、使いやすさという4つの指標に基づいて、市場で主流の30のH5制作ソフトウェアにスコアを付けています。

まとめ

H5は主にモバイル端末で表示・配信されるページです。

H5 ページには、テキスト、画像、音楽、ビデオ、リンクなどの形式が含まれており、インタラクティブ性が強く、モバイル端末に対応し、制作が簡単で、コストが低いという特徴があります。

H5 を分類する方法はたくさんあります。クールさのレベル (ここではテクノロジーの進歩を指します) に応じて、H5 は、シンプルなアクティビティ カテゴリ、中程度の楽しさカテゴリ、高度なモーション効果カテゴリの 3 つのカテゴリに分けられます。

H5 制作ソフトウェアは 2 つのカテゴリに分かれています: 1. フール型 H5 制作ソフトウェア。主に Renxiu、Yiqixiu、MAKA、Sohu Kuaizhan、Baidu H5 などが含まれます。2. プロフェッショナル H5 制作ソフトウェア。iH5 と Yipai 360 のみが含まれます。

この記事は@草莓学堂(青瓜传媒)によって編集され、公開されました。転載の際は著者情報と出典を明記してください。

製品プロモーションサービス：APPプロモーションサービス、広告プラットフォーム、Longyou Games