Which h5 development tool is better? Evaluation of three top html5 page production tools

Which h5 development tool is better? As we all know, there are many lightweight H5 page creation tools in China, which are quick to use and fool-proof to operate. For example, iH5 is the most used in China, and Tumult Hype and Adobe Animate are most used abroad. ,The following will take the domestic iH5, the American Tumult Hype, and Adobe Animate as examples to compare the differences between the top H5 page production tools or software at home and abroad.

1. Application comparison of iH5, Hype and Animate

First of all, the root cause of the differences between China and the United States lies in the market environment :

(1) Due to the popularity of WeChat H5 advertising in China, there is now a high market demand for mobile advertising production. Therefore, the various functions and services of domestic production tools are often completed as complete advertising pages, and a complete production line is opened up.

(2) Abroad, with the decline of the multimedia giant Flash, there has been a wave of HTML5 craze. The main use of Flash is animation production and advertising production, so foreign H5 production tools essentially integrate the functions of Flash and web page production.

The basic differences between the three tools are as follows---

After comparison, you will find that although iH5 is an H5 page production tool for enterprise-level services, Functions and services are completely built in the cloud.

Hype is a lightweight software (only 12M), but because it is software, it also has an extra set of wheels in development. Perhaps because of the limited energy of the team, it currently only has a Mac version.

Needless to say, Animate is a product of the big-name Adobe. It is actually a merged and upgraded version of Flash and Edge software. The interface and functions are very similar to Adobe's PS, AI and other old software - so it is also It's huge, up to more than 1G.

Therefore, domestic iH5 does not take the route of selling software, but provides annual cloud services and supporting tool training; while foreign Hype and Animate sell single-time authorization and permanent software Using it will not take care of the server deployment required to publish web pages.

2. Interface comparison of iH5, Hype and Animate

The following is the interface comparison of iH5, Hype and Animate (annotated):

(1) The main interface of iH5

##iH5 is widely used in China because the interface and functions are basically visual operations and support the release of web pages. No need Secondary development.

Its structure is relatively simple, with only 5 partitions. Unlike the interfaces of Hype and Animate, which have many static tabs, the property panel of iH5 is dynamic and will be updated according to the component type selected by the user, so it is relatively easy to use.

What is special is that its resource panel ("object tree") serves as a multi-purpose resource, page, and layout management. Design thinking tends to combine functions into one.

(2)Tumult Hype’s main interface

Hype was very popular in China in 2015, but not many people seem to be using it now, although it is also a very powerful software.

The advantage of Hype is that it supports certain visual interactive actions, although not very many. In addition, it can realize automated responsive layout. Compared with iH5's responsive layout, which requires defining devices one by one, and Adobe has to download another software Muse, it is very convenient.

(3) The main interface of Adobe Animate

Animate requires a code base and is a combination of visual animation design and convenient development, so it is actually all for users It provides 7 different interfaces: animation, traditional, debugging, designer, developer, basic functions, and small screen.

Animate is conducive to the rapid generation and export of H5 animation or web development source code - not only HTML5 format, but also Air, Flash, etc. So it is not just for H5 page production or animation production. The complexity of its application can also be seen from the templates it supports.

Some mature development teams in China will use some of Animate's convenient visualization functions to design and develop H5 motion effects and simplify the production process.

3. Comparison of functions of iH5, Hype and Animate

One detail can reflect the difference between the positioning of Lao American products and those in China.

Hype 3.6 is available in standard version (USD 50) and professional version (USD 100). In addition to more production functions, the professional version has a darker theme color in the operation interface than the standard version. , also supports adjusting the panel size within the interface.

In other words, their software sells not only functions, but also a noble identity and good experience. The following function comparison is analyzed through 7 dimensions, and you can roughly see the difference between the three -

The above indicators indicate the visual operations supported by the software or tool, and the specific support There will be certain differences, such as fonts. iH5 supports the platform’s preset Chinese fonts, Hype supports Google and Monotype fonts, and Animate supports system fonts. Unchecked means code is required to implement or is not supported at all.

It can be seen that all three tools have strong multimedia editing and animation production capabilities.

(1)iH5 has great advantages in interactive operations such as advanced control and action management. It supports 720° panorama, WeChat voice recognition, form collection and processing, data calculation and other partial operations. Visual logic functionality.

It is mostly used for H5 advertising and interactive web page production, and can be directly published as a web page. Because of this, its main focus is cloud services (selling website traffic).

(2) Hype has great advantages in page management layout design, supporting responsive layout, scalable layout and other partial web pages The designed function allows the exported content to have good cross-platform display effects.

It is mostly used for the production of interactive web pages and e-books, focusing on production tools (selling software licenses).

(3)Animate has great advantages in image editing such as content management. It has many components that overlap with the Adobe series suites.

In addition, because the above table is based on functions that do not involve code operations, you may not be able to see some of Animate’s features in mobile development. In fact, its Action script editor, Flash Builder integration, etc. The function is very convenient for page development. It is mostly used for complex animation and interactive web page production.

Finally, they each have their own "flaws". The disadvantage of iH5 is that the export format is relatively single, and it is only for web page production;The disadvantage of Hype is that it lacks advanced component-based functions and supports relatively few elements and interactive controls; The disadvantage of Animate is the lack of visual interactive control, and many advanced functions require developer intervention.

4. Summary

Which h5 page creation tool is the best? Generally speaking, domestic products are good at "combining two into one", while foreign products like to "split into two". Each has its own advantages and disadvantages.

(1) The “all-in-one” product design of iH5 is conducive to simplifying users’ learning and use and removing many visual or understanding interference factors. But this also requires users to have strong comprehensive application capabilities - which is more in line with the summary concept that Chinese education is good at.

(2) The "divided into two" product designs of Hype and Animate are conducive to refinement of functions and improved user experience. But this also requires users to spend a long time learning and using complex panel designs.

If the team has relatively mature developers, use Animate to save time and effort; if there is a lack of programmers or want to further reduce web page production time, it is more convenient to use iH5; as for Hype, it may be difficult according to the current trend There has been big development.

【Related Recommendations】

1. The latest and most complete HTML5 development tool recommendations in 2017 (including domestic and foreign)

2 . Ranking of web front-end development tools: 8 recommended HTML development tools for download

3. [H5 Development Tools] Recommended 10 best HTML5 application development tools in 2017