How to create a creative H5? Learn about the real H5 in one article

In recent years, H5 has been very popular, and there are endless H5s that have been flooding the circle of friends , such as military uniform photos, one-yuan galleries, etc.

Many marketing directors say, give me an H5. But, do you really know what H5 is?

What is H5

The discussion on Zhihu about "What is H5?" is very popular, with a total of 123 answers.

Among them, the answer " H5 is a PPT used in WeChat " is very interesting:

Although it may be a bit witty and the summary is not rigorous enough (because the functions of H5 are far more powerful than PPT, such as advanced special effects such as gravity sensing, which cannot be achieved in PPT), it can enable novices to understand the basic concepts of H5 in the shortest time, so it is a good answer.

But to deeply understand the relevant concepts, we still have to trace back to the origins. H5 is the abbreviation of HTML5, and HTML5 is the abbreviation of Hyper Text Markup Language (this is not important, please ignore it).

Anyone with a little knowledge of coding should know that HTML is used to make web pages. Just find a website, right-click and view the source code, and you can see the HTML language code related to the webpage.

How does a website appear in front of us? The guy who built the website wrote the code on the right side of the picture above in HTML language. After being recognized and converted by the browser , the website in the middle left of the picture above was generated and presented to us. To give a simple example, the HTML language corresponding to the title "Baidu search, you will know" displayed by the web page tag is: <title>Baidu search, you will know</title>.

So, in the final analysis, HTML language is used to build websites. The first version of HTML language was released in 1993, and the fifth version of HTML language, that is, HTML5, was released in 2014. It is not a new concept. Compared with big data , cloud computing, and blockchain , it is simply outdated. So, why did H5 suddenly become popular?

This brings us to the rise of mobile Internet technology and the popularity of WeChat. HTML5 technology is an old thing, but its application on mobile terminals has only been launched in recent years. Moreover, due to the popularity of WeChat, the marketing value of H5 has become unprecedented, so it is natural that it has received huge attention.

Therefore, if we give a definition based on the main application scenarios of H5, I personally think that "H5 is a page that is mainly displayed and disseminated on mobile terminals."

Features of H5

H5 pages include text, pictures, music, videos, links and other forms. Their rich controls, flexible animation effects, powerful interactive applications and data analysis functions enable them to disseminate information at high speed and low cost, and are very suitable for display and sharing through mobile phones. Its high flexibility, low development cost and short production cycle make it the perfect tool for current WeChat marketing .

Types of H5

There are many ways to classify H5. Here is one of them. According to the level of prestige (here refers to the technological advancement), H5 is divided into 3 categories:

1. Simple activities

Simple activity H5 mainly includes common activity H5 such as red envelopes, lucky draws, voting, bargaining, group buying, etc. This type of H5 model and technology are very simple, but because it is driven by direct interests, it has strong dissemination power.

Ordinary red envelope (Source: Renrenxiu official website)

Bargaining and group buying (Source: Renrenxiu official website)

2.Intermediate fun

Intermediate fun H5 mainly includes small games and quizzes. It is very interesting and has a slightly higher technical implementation difficulty.

Mini games (Source: Renrenxiu official website)

3. Advanced animation

Advanced motion effect H5 mainly includes flash, one-shot, VR panorama, simulation interface, gravity sensing, etc. The sense of innovation is extremely strong, and the technical implementation is also the most difficult.

1) Flash

Flash mob refers to a video production method that quickly flashes a large amount of text or picture information in a short period of time. Apple is probably the originator of using flash marketing in China.

In September 2016, after the iPhone 7 launch event, Apple used a flash mob to condense the 2-hour launch event into a 107-second flash mob short video , which triggered a huge spread and discussion. Since then, domestic brands that use flash mobs for marketing have emerged in an endless stream, but few can match Apple in quality. Let's experience the "Apple-style" flash mob for yourself. The form is simple, but the details are very sophisticated:

The same format can also be applied in H5, except that the horizontal video is changed to a vertical one.

Scan the QR code to experience the flash H5

2) One shot

One shot means that there seems to be almost no editing and no switching, and one shot completely records the entire process of the event from beginning to end.

This artistic technique originated from the film industry and first appeared in the documentary "Empire State Building" shot by American pop artist Andy Warhol. In 1964, he pointed his camera at the Empire State Building and filmed it for 485 minutes without changing the camera position or angle of view.

Screenshot from the documentary "Empire State Building"

The 87th Academy Award for Best Picture "Birdman" is also a classic one-shot film:

Stills from the movie Birdman

Scan the QR code to experience the one-shot H5:

3) VR Panorama

VR panorama refers to the use of computers to generate an all-round virtual reality environment. Many science fiction movies have used VR technology for filming.

The Matrix is ​​an early film that tried virtual reality technology:

"Avatar" is a classic movie shot with virtual reality technology:

The most typical commercial application of VR panoramic technology is the real estate industry. The online model real estate viewing service makes use of VR panoramic technology.

Scan the QR code to experience the virtual reality H5:

4) Simulation interface

The simulation interface, as the name suggests, simulates different mobile interfaces to construct scenes and develop plots. Because it is an idea unique to mobile devices, its current creativity and spread are very high.

NetEase has produced a large number of simulated interface H5s, which are very interesting:

5) Gravity sensor

Gravity sensing refers to the perception of the direction of gravity on the earth. Currently, most mobile phones are equipped with gravity sensing chips. Therefore, when we browse gravity sensing H5, as long as we move or rotate the phone slightly, the phone interface will change accordingly. It is also very interesting. Feel it for yourself:

Commonly used software for H5 production

Regarding H5 production, there are already many software on the market. Let’s leave aside foreign software (because the interface is not friendly to us). Domestic H5 production software can be roughly divided into two categories:

The first type is the fool-type H5 production software with a visual interface. You can create H5 by simply dragging and organizing the materials. However, the disadvantages are that the functions are not perfect and the production effect is also insufficient. This type of software mainly includes Renrenxiu, Yiqixiu , MAKA, Sohu Quick Station, Baidu H5, etc.

The second category is professional H5 production software, which also has a visual interface, but is relatively difficult to operate and has more comprehensive functions, requiring a certain amount of learning to master. Currently, the more typical ones in China are only iH5 and Yipai 360 , among which iH5 has relatively more powerful functions and better compatibility with WeChat.

What is more user-friendly is that the official websites of iH5 and Yipai both provide very systematic tutorial videos, which can be watched for free by opening the official websites:

In addition, the official websites of iH5 and Yipai also provide a contracted designer column. With a simple registration, you can directly receive orders through the platform.

Regarding H5 production software, there is a relatively comprehensive evaluation article on Webmaster Home, which scores the 30 mainstream H5 production software on the market based on four indicators: multimedia functions, advanced applications, WeChat applications and user-friendliness.

summary

H5 is a page that is mainly displayed and disseminated on mobile devices.

H5 pages include text, pictures, music, videos, links and other forms, and have the characteristics of strong interactivity, mobile terminal, simple production and low cost.

There are many ways to classify H5. According to the level of coolness (here refers to the advancement of technology), H5 can be divided into three categories: simple activity category, intermediate fun category, and advanced motion effect category.

H5 production software is divided into two categories: 1. Fool-type H5 production software, mainly including Renxiu, Yiqixiu, MAKA, Sohu Kuaizhan, Baidu H5, etc.; 2. Professional H5 production software, only iH5 and Yipai 360.

This article was compiled and published by @草莓学堂(青瓜传媒). Please indicate the author information and source when reprinting!

Product promotion services: APP promotion services, advertising platform, Longyou Games