Les dernières normes Web, HTML5 et CSS3 enLa conjonction avec JavaScript a vraiment réduit le temps et les efforts nécessaires à la création de sites Web riches en graphiques, textes et animations. Grâce aux pouvoirs de HTML5, vous n'avez plus besoin d'écrire manuellement du code pour incorporer du contenu multimédia, tandis que CSS3 rend vos éléments d'interface utilisateur Web plus flexibles, robustes et, surtout, plus faciles à gérer. Si vous recherchez un outil de conception Web qui vous permet de tirer le meilleur parti des normes Web les plus récentes sans vous obliger à saisir manuellement le code de chaque élément de l'interface utilisateur, le tout nouveau Adobe Edge est probablement juste ce dont vous avez besoin.
Adobe Edge a été spécialement écrit pourLes concepteurs visuels, Web et d’interaction qui ont souvent du mal à créer des contenus Web animés et animés à l’aide des normes Web HTML5, CSS3 et JavaScript. Il s’agit en fait d’un outil de conception de mouvements et d’interactions Web permettant de créer du contenu animé à l’aide de HTML5, CSS3 et JavaScript. Bien qu’il incorpore tous les outils de base pour créer, éditer, peaufiner et concevoir les éléments de l’interface Web, il offre un chorégraphe d’animation intuitif pour créer et ajuster facilement le contenu animé de votre page Web. De plus, cela ne vous oblige pas à démarrer un nouveau projet à partir de zéro, vous pouvez y importer votre fichier HTML pour y inclure de nouvelles compositions d'interface utilisateur et bricoler avec des éléments d'interface existants, tels que, tableau, styles de texte, nuances d'image, position, etc. polices, alignement des conteneurs et plus.
L'interface principale est divisée en 3 sections. La barre latérale gauche contient les outils de composition d'éléments d'interface utilisateur sélectionnés, la barre latérale droite contient toutes les listes d'éléments Web principales, y compris les effets d'ombre, les images et le texte, tandis que la section inférieure contient l'éditeur de scénario pour créer des animations.
Le volet Eléments vous permet d’afficher / masquer les éléments sélectionnés.élément et verrouillez-le pour empêcher toute édition ultérieure. Lorsque vous sélectionnez un élément dans l'écran principal, il est immédiatement mis en surbrillance dans le volet Éléments, ce qui facilite son masquage ou son verrouillage. Lorsque vous passez le pointeur de la souris sur un élément répertorié dans Elements, il vous indique les initiales de la classe avec le nom, ce qui vous permet de l'identifier facilement dans un fichier CSS.
Le volet des propriétés à gauche montreoutils de composition pour l'élément d'interface utilisateur sélectionné de votre page Web. Une fois sélectionné, vous pouvez modifier la taille de son emplacement, son opacité, sa famille de polices de texte, sa taille et ses styles de texte, définir l’origine de la transformation, la rotation de l’image, etc.
L'éditeur de chronologie vous permet d'afficher la chronologiede chaque élément animé. Si vous avez affaire à un gros fichier CSS, cliquez sur le bouton Filtre pour afficher uniquement les éléments animés dans le volet Éléments afin de modifier rapidement leurs positions, leurs couleurs, leur taille, etc. Dans le volet inférieur gauche du volet, vous disposez d'un bouton de zoom pour agrandir le plan de montage. pour vérifier le temps alloué et l'effet de transition de tous les éléments animés.
Outre la création de compatibilité entre navigateursUn contenu animé pour tous les navigateurs Web très répandus, tels que Firefox, Chrome, Internet Explorer 9, le contenu Web créé à l'aide de cet outil fonctionnera également de manière transparente sur les plates-formes iOS et Android. Selon la communauté officielle, Edge Preview est en développement actif et sera bientôt mis à jour avec de nombreuses fonctionnalités. Adobe Edge fonctionne sur Windows Vista et Windows 7.
Télécharger Adobe Edge
commentaires