La popularité et lamp;rsquoinfluence du JavaScript augmentent rapidement lorsque de véritables contenus interactifs sous forme de plateformes sociales et damp;rsquoapplications multimédias apparaissent. À la fin de 2015, nous sommes vraiment entrés dans lamp;rsquoère des réseaux mobiles. Une conception réactive est nécessaire et des appareils de toutes formes et tailles peuvent gérer de façon fiable les tendances modernes telles que la conception damp;rsquoaction, lamp;rsquoutilisation intensive de la vidéo et la typographie puissante. Jusquamp;rsquoà récemment, les outils impliqués dans la création de toutes ces étapes de conception étaient remarquablement cohérents: un éditeur de texte pour le Code et le balisage, Photoshop et Fireworks pour les images, et Flash pour lamp;rsquoanimation, la vidéo et lamp;rsquointeraction.
Mais sous lamp;rsquoimpulsion de la révolution mobile, une nouvelle génération damp;rsquooutils de conception a finalement émergé au cours des dernières années pour potentiellement usurper de vieux tours et relever les défis damp;rsquoun monde basé sur une variété damp;rsquoappareils et damp;rsquoapplications. Passons maintenant à la liste des principales solutions de conception de la prochaine génération. Croquis
La semaine dernière, nous avons étudié le croquis en profondeur, mais camp;rsquoest trop bon, et nous le présenterons brièvement ici. Les croquis codés en Bohême offrent force, flexibilité et vitesse aux concepteurs dans un paquet vectoriel léger et facile à utiliser. Camp;rsquoest un plaisir de terminer rapidement un cycle de conception dans un croquis plutôt que damp;rsquoéclairer une illustration monstrueuse. Le seul inconvénient potentiel est quamp;rsquoil a été développé spécifiquement pour Mac, de sorte que les utilisateurs de PC ont été exclus damp;rsquoune certaine façon.
Pourquoi utiliser un croquis? Le croquis a été développé à partir des cheveux pour les graphiques modernes. Il prend en charge plusieurs pages et tableaux damp;rsquoart et intègre des fonctionnalités puissantes telles que le partage de symboles et de styles pour simplifier la réutilisation des projets. Lamp;rsquoengagement de sketch envers les utilisateurs est bien résumé sur la page damp;rsquoaccueil du produit: « en fin de compte, pouvez concentrer sur ce que faites le mieux: le design ». Camp;rsquoest un grand aff.
Hermation peut le faire, mais le logiciel est entièrement vectoriel Workflow permet de faire beaucoup de choses et est parfait pour la conception de bureau et damp;rsquoappareils mobiles.
Utilisez un croquis pour positionner lamp;rsquoobjet avec précision. Voici une courte liste des possibilités offertes par Sketch: des formes vectorielles évolutives adaptées à lamp;rsquoévolution de la taille, du style et de la disposition. Formes vectorielles complexes qui peuvent être facilement modifiées. La capacité de arrondir les formes et les couches au pixel le plus proche. Élégant grossissement de pixels pour basculer entre les vues. Un rendu de texte natif qui affiche avec précision lamp;rsquoapparence du texte. Il est facile de créer plusieurs dessins réutilisables. Options simples pour exporter, diviser en sections et redimensionner les ressources. Possibilité de prévisualiser les éléments sur les appareils IOS. Une licence ne coûte que 99 $, et sketch est très bon marché par rapport à la valeur quamp;rsquoelle offre. Le codage bohémien peut également fournir un excellent soutien en cas de difficultés et interagir avec de nombreuses communautés dynamiques.
Dans lamp;rsquoensemble, il namp;rsquoest pas difficile de voir pourquoi les croquis occupent la première place dans la liste des outils de conception modernes les plus couramment utilisés. Camp;rsquoest juste un must have. Intéressé par les croquis? Spécialité Ara
Le slogan de macaw, « stop to write code, start to draw », résume à juste titre tout le contenu de la prochaine génération damp;rsquooutils de conception. Il fournit aux concepteurs un ensemble damp;rsquooutils familiers, mais génère également du HTML et du CSS à lamp;rsquoarrière plan. Imaginez avoir votre propre programmeur personnel dans les coulisses pendant que Concevez.
Le secret derrière macaw est stream, un moteur de mise en page en temps réel qui permet aux utilisateurs de manipuler facilement les éléments de lamp;rsquoécran damp;rsquoune manière similaire à Photoshop tout en manipulant magiquement les opérations mathématiques nécessaires en arrière plan. V
La lourde tâche de convertir tout cela en HTML et CSS est effectuée par Alchemy Design to Code Engine (le nom correct). Les balises de sortie macaw sont réactives, sémantiquement correctes et très compactes pour les objets qui ne défilent pas manuellement. Pour ceux qui ont perdu beaucoup de temps précieux dans la mise en page après avoir traversé la phase du modèle damp;rsquoentité dans le passé, cette combinaison est certainement une bénédiction divine.
Le style global et les composants réutilisables sont faciles à utiliser, et lamp;rsquoélégance globale du paquet a été acclamée par le célèbre designer Mike Finch:
Macaw pour Mac et PC pour seulement 79 $. Grâce à la capacité de générer automatiquement des balises très utiles, récupérerez le temps économisé en quelques heures. Ara intéresse? Adobe Creative Cloud animation details
Adobe Creative Cloud animate permet aux concepteurs Web de créer des animations HTML interactives pour le Web, la publicité riche en médias et les environnements damp;rsquoédition numérique. Initialement proposé comme alternative à flash
Le logiciel fournit un ensemble damp;rsquooutils de conception intuitifs pour créer du contenu réactif pour tous les appareils tout en traitant les CSS, HTML et Javascript nécessaires en arrière plan. Adobe animate les utilisateurs ordinaires damp;rsquoAdobe se familiarisent avec lamp;rsquointerface commune sans aucun problème et il y a beaucoup de ressources utiles sur le site Web damp;rsquoAdobe à explorer plus avant, y compris des tutoriels, des guides damp;rsquoutilisation et des pratiques exemplaires graphiques. Voici une liste rapide de certaines des fonctionnalités clés damp;rsquoAdobe edge: ne pas dépendre de bibliothèques tierces. Liste simplifiée des fichiers de sortie du projet à gérer. Dossier personnalisé pour enregistrer les fichiers médias, les images et les scripts. Prise en charge vidéo HTML5 intégrée. La fonction copier coller facilite le déplacement des graphiques SVG depuis Adobe illustrator. Une ligne de temps intuitive pour une séquence damp;rsquoanimation avec des images clés. Adobe Edge est disponible dans le cadre de la suite Creative Cloud en tant quamp;rsquoapplication individuelle ou dans le cadre damp;rsquoun progiciel, à des prix qui varient damp;rsquoune région à lamp;rsquoautre. Ce namp;rsquoest pas du tout une application de conception polyvalente, mais camp;rsquoest une option très utile pour combiner rapidement le contenu de lamp;rsquoanimation, ce qui peut être très mauvais si voulez le faire manuellement. Intéressé par Adobe Creative Cloud animation? Projets comett spécifiques
Le projet Comet namp;rsquoest pas encore disponible, mais camp;rsquoest la dernière tentative damp;rsquoAdobe de fournir un outil de conception vraiment intégré qui intègre la conception visuelle, le câblage, le prototypage et lamp;rsquoaperçu dans un seul paquet. Le projet Comet a été annoncé récemment à la Conférence annuelle damp;rsquoAdobe Max, mais il ne sera pas publié avant le début de 2016, de sorte que jusquamp;rsquoà présent le jury est ouvert à ce sujet. Khoi vin a fait un reportage exclusif sur les attentes de la version finale, et une entrevue avec Jane Brady, Directrice du marketing des produits damp;rsquoAdobe, a révélé que lamp;rsquoapplication a été conçue au moins en partie pour répondre à la croissance
Popularité du croquis: « comett a vraiment commencé par se concentrer sur notre clientèle et a remarqué que certains clients quittaient Photoshop, parfois en utilisant sketch, ce qui semblait avoir deux aspects différents. Le premier concerne les personnes qui ont conçu des applications lourdes, parce que la création de tous ces différents boutons et éléments pour lamp;rsquoappareil et lamp;rsquoappareil était trop répétitive. Ils ont découvert que Photoshop ne faisait pas assez bien et quamp;rsquoil y avait trop de choses quamp;rsquoils ne pouvaient pas faire. T besoin – le croquis est plus concentré.
Interface utilisateur pour les fonctions de la planche à dessin qui utilisent le croquis. Utilisation de sketch pour simplifier le téléchargement de lamp;rsquoapp store launchkit Brendan Mulligan a utilisé sketch pour créer un outil qui aide à générer des images de toutes les tailles damp;rsquoiPhone de lamp;rsquoapp store. Lamp;rsquoapplication Sketch to app store crée facilement des captures damp;rsquoécran en utilisant des symboles sketch et des styles de texte, de sorte que « créer des captures damp;rsquoécran pour iTunes Connect namp;rsquoest pas un gros problème » Applications de sketch à app store. Choisir les bons outils de conception pour la conception numérique est un domaine en évolution rapide, mais la nouvelle génération damp;rsquooutils de conception que nous avons introduite en premier aide à créer des chefs damp;rsquoœuvre pour plusieurs appareils en toute sécurité, rapidement et facilement. Résumons brièvement nos choix: Sketch: sketch a attiré lamp;rsquoattention des designers du monde entier ces dernières années grâce à son flux de travail vectoriel extrêmement simple. Macaw: en avez marre des balises personnalisées, macaw permettra de continuer à créer et le logiciel gérera le Code sale. Adobe CC animate: avec Adobe Creative Cloud, il est facile de concentrer une animation fascinante sur chaque appareil. Projet comett: un projet orienté vers lamp;rsquoavenir. Il serait très intéressant quamp;rsquoAdobe récupère sa couronne de design en 2016. Avez déjà utilisé lamp;rsquoun de ces outils de conception de nouvelle génération? Partagez vos idées et vos expériences avec eux dans les commentaires ci dessous. Étiquettes: conception
Changer les outils de conception du jeu en 2015
