Quel outil de développement h5 est le meilleur ? Évaluation des trois meilleurs outils de production de pages HTML5

Quel outil de développement h5 est le meilleur ? Comme nous le savons tous, il existe de nombreux outils de création de pages H5 légers en Chine, rapides à utiliser et infaillibles à utiliser. Par exemple, iH5 est le plus utilisé en Chine, et. Tumult Hype et Adobe Animate sont les plus utilisés à l'étranger, Ce qui suit prend l'iH5 national, l'américain Tumult Hype et Adobe Animate comme exemples pour comparer les différences entre les meilleurs outils ou logiciels de création de pages H5 au pays et à l'étranger.

1. Comparaison des applications d'iH5, Hype et Animate

Tout d'abord, la cause profonde des différences entre la Chine et les États-Unis réside dans l'environnement du marché :

(1) En raison de la popularité de la publicité WeChat H5 en Chine, il existe désormais une forte demande sur le marché pour la production de publicité mobile. Par conséquent, les diverses fonctions et services des outils de production nationaux sont souvent complétés sous forme de pages publicitaires complètes et une ligne de production complète est ouverte.

(2) À l'étranger, avec le déclin du géant du multimédia Flash, il y a eu une vague d'engouement pour le HTML5. Les principales utilisations de Flash sont la production d'animation et la production publicitaire, les outils de production H5 étrangers intègrent donc essentiellement les fonctions de Flash et de production de pages Web.

Les différences fondamentales entre les trois outils sont les suivantes ---

Après comparaison, vous constaterez que bien qu'iH5 soit un outil de création de pages H5 pour les services au niveau de l'entreprise, les fonctions et les services sont entièrement intégrés dans le cloud.

Hype est un logiciel léger (seulement 12 Mo), mais comme il s'agit d'un logiciel, il dispose également d'un jeu de roues supplémentaire en développement. Peut-être en raison de l'énergie limitée de l'équipe, il n'a actuellement qu'une version Mac. .

Inutile de dire qu'Animate est un produit du grand nom Adobe. Il s'agit en fait d'une version fusionnée et mise à niveau des logiciels Flash et Edge. L'interface et les fonctions sont très similaires à celles d'Adobe PS, AI et autres anciens. logiciel - donc c'est aussi C'est énorme, jusqu'à plus de 1G.

Par conséquent, l'iH5 national ne prend pas la voie de la vente de logiciels, mais fournit des services cloud annuels et une formation aux outils de support, tandis que Hype et Animate étrangers vendent une autorisation unique et des logiciels permanents. Son utilisation ne prendra pas en charge le déploiement de serveur requis pour publier des pages Web.

2. Comparaison des interfaces d'iH5, Hype et Animate

Ce qui suit est la comparaison des interfaces d'iH5, Hype et Animate (déjà marquée) :

(1) L'interface principale d'iH5

iH5 est largement utilisée en Chine car l'interface et les fonctions sont essentiellement des opérations visuelles et prennent en charge la publication sur le Web.

Sa structure est relativement simple, avec seulement 5 partitions. Contrairement aux interfaces de Hype et Animate, qui comportent de nombreux onglets statiques, le panneau de propriétés d'iH5 est dynamique et sera mis à jour en fonction du type de composant sélectionné par l'utilisateur, il est donc relativement simple à utiliser.

Ce qui est spécial, c'est que son panneau de ressources (« arborescence d'objets ») sert de responsabilités de gestion des ressources, des pages et de la mise en page. Le design thinking a tendance à combiner les fonctions en une seule.

(2) Interface principale de Tumult Hype

Hype était très populaire en Chine en 2015, mais peu de gens semblent l'utiliser maintenant, bien qu'il s'agisse également d'un logiciel très puissant.

L'avantage de Hype est qu'il prend en charge certaines actions visuelles interactives, mais pas beaucoup. De plus, il peut réaliser une mise en page réactive automatisée. Par rapport à la mise en page réactive d'iH5, qui nécessite de définir les appareils un par un, et Adobe doit télécharger un autre logiciel Muse, c'est très pratique.

(3) L'interface principale d'Adobe Animate

Animate nécessite une base de code et est une combinaison de conception d'animation visuelle et de développement pratique, il est donc en fait tout pour les utilisateurs. Il propose 7 interfaces différentes : animation, traditionnelle, débogage, concepteur, développeur, fonctions de base et petit écran.

Animate est propice à la génération et à l'exportation rapides de code source d'animation H5 ou de développement Web - non seulement au format HTML5, mais également Air, Flash, etc. Il ne s'agit donc pas uniquement de la production de pages H5 ou de la production d'animations. La complexité de son application peut également être constatée à partir des modèles qu'il prend en charge.

Certaines équipes de développement nationales matures utiliseront certaines des fonctions de visualisation pratiques d'Animate pour réaliser la conception et le développement de mouvements H5 et simplifier le processus de production.

3. Comparaison des fonctions d'iH5, Hype et Animate

Un détail peut refléter la différence entre le positionnement des anciens produits américains et des produits nationaux.

Hype 3.6 est disponible en version standard (50 $) et en version professionnelle (100 $). En plus de plus de fonctions de production, la version professionnelle a également une couleur de thème plus sombre pour l'interface de fonctionnement que la version standard. prend en charge l’ajustement de la taille du panneau dans l’interface.

En d'autres termes, leur logiciel vend non seulement des fonctions, mais aussi une identité distinguée et une bonne expérience. La comparaison de fonctions suivante est analysée à travers 7 dimensions, et vous pouvez voir grossièrement la différence entre les trois -

Les indicateurs ci-dessus indiquent les opérations visuelles prises en charge par le logiciel ou l'outil, et le support spécifique Il y aura certaines différences, telles que les polices, iH5 prend en charge les polices chinoises par défaut de la plate-forme, Hype prend en charge les polices Google et Monotype et Animate prend en charge les polices système. Non coché signifie que le code est requis pour l’implémentation ou n’est pas du tout pris en charge.

On peut constater que les trois outils disposent de fortes capacités d'édition multimédia et de production d'animation.

(1)iH5 présente de grands avantages dans les opérations interactives telles que le contrôle avancé et la gestion des actions, prenant en charge le panorama à 720°, la reconnaissance vocale WeChat, la collecte et le traitement de formulaires, le calcul de données et d'autres éléments visuels partiels. fonctionnalité logique.

Il est principalement utilisé pour la publicité H5 et la production de pages Web interactives, et peut être directement publié sous forme de page Web. Pour cette raison, son objectif principal est les services cloud (vente de trafic de sites Web).

(2)Hype présente de grands avantages dans la conception de mise en page tels que la gestion des pages, prenant en charge la mise en page réactive, la mise en page évolutive et d'autres pages Web partielles. La fonction conçue peut donner au contenu exporté un bon effet d'affichage multiplateforme.

Il est principalement utilisé pour la production de pages Web interactives et de livres électroniques, en se concentrant sur les outils de production (vente de licences logicielles).

(3) Animate présente de grands avantages en matière de gestion de contenu et d'édition d'images , et de nombreux composants se chevauchent avec les suites de la série Adobe.

De plus, comme le tableau ci-dessus est basé sur des fonctions qui n'impliquent pas d'opérations de code, vous ne pourrez peut-être pas voir certaines des fonctionnalités d'Animate dans le développement mobile. En fait, son éditeur de script d'action et l'intégration de Flash Builder. , etc. La fonction est très pratique pour le développement de pages. Il est principalement utilisé pour l’animation complexe et la production de pages Web interactives.

Enfin, ils ont chacun leurs "défauts". L'inconvénient d'iH5 est que le format d'exportation est relativement unique et ne convient qu'à la production de pages Web L'inconvénient de Hype est qu'il manque de fonctions de composants avancées et prend en charge relativement peu d'éléments et de contrôles interactifs; L'inconvénient d'Animate est le manque de contrôle visuel interactif, et de nombreuses fonctions avancées nécessitent l'intervention du développeur.

4.Résumé

Quel outil de création de pages h5 est le meilleur ? En général, les produits nationaux sont bons pour « combiner deux en un », tandis que les produits étrangers aiment « se diviser en deux ». Chacun a ses propres avantages et inconvénients.

(1) La conception du produit « tout-en-un » d'iH5 est propice à simplifier l'apprentissage et l'utilisation des utilisateurs, et supprime de nombreux facteurs d'interférence visuelle ou de compréhension. Mais cela nécessite également que les utilisateurs disposent de solides capacités d'application complètes - ce qui correspond davantage au concept sommaire pour lequel l'éducation chinoise est bonne.

(2) Les conceptions de produits « divisées en deux » de Hype et Animate sont propices à des fonctions raffinées et à une expérience utilisateur améliorée. Mais cela nécessite également que les utilisateurs passent beaucoup de temps à apprendre et à utiliser des conceptions de panneaux complexes.

Si l'équipe compte des développeurs plus matures, utilisez Animate pour gagner du temps et des efforts ; si vous manquez de programmeurs ou si vous souhaitez réduire davantage le temps de production de pages Web, il est plus pratique d'utiliser iH5 ; , cela peut être difficile selon la tendance actuelle. Il y a eu un grand développement.

【Recommandations associées】

1. Les recommandations les plus récentes et les plus complètes en matière d'outils de développement HTML5 en 2017 (y compris nationales et étrangères)

2 . Classement des outils de développement web front-end : 8 outils de développement HTML recommandés au téléchargement

3 [Outils de développement H5] 10 meilleurs outils de développement d'applications HTML5 recommandés en 2017<.>