outils et processus pour la conception d'une peau Spark

Question

Je viens de l'arrière-plan de développement web où le processus de écorcher un site web ressemble normalement à ceci:

1. Designer crée un design dans Photoshop
2. La conception est transférée dans HTML + CSS en utilisant les heuristiques suivantes:
   • Si possible, utiliser la boîte à outils CSS pour créer des bordures, des couleurs d'arrière-plan et autres
   • en cas de formes plus complexes (par exemple, des gradients, coins arrondis, etc.), utilisez raster sprites

Maintenant, je travaille sur une application écorcher fait dans Adobe Flex et je me demande quelle est la meilleure approche devrait être. Les capacités graphiques vectorielles d'ActionScript sont beaucoup plus étendues que les «graphiques vectoriels» (bordures, couleurs d'arrière-plan) effectuées en CSS, alors peut-être que créer une conception dans Photoshop n'est pas la meilleure idée. Devrais-je demander à mon concepteur de créer le motif dans Illustrator, en espérant qu'il sera possible de transférer la plupart des formes avancées (comme les dégradés de boutons, les coins arrondis, etc.) dans une peau Spark "nativement" en tant que graphiques vectoriels par opposition à l'intégration de ceux-ci en tant que bitmaps?

Answer 1

Si vous appelez des dégradés de boutons, des coins arrondis, etc. des formes avancées, alors j'adopterais l'approche Illustrator. Ce sont toutes des formes qui se traduisent facilement et à moindre coût en graphiques/codes vectoriels. Pour ce type de graphiques, les vecteurs sont généralement beaucoup mieux pour la mémoire et la performance.
Illustrator peut exporter directement vers FXG. Assurez-vous simplement de dire à votre concepteur d'ancrer ses dessins dans le coin supérieur gauche quand il fait l'exportation, donc vous n'avez pas à faire face à des compensations.

Si toutefois vos graphiques deviennent plus complexes (un dessin, ou peut-être un symbole complexe), vous feriez mieux de l'intégrer en tant que graphique bimap.

En dernière remarque: Adobe utilisait auparavant un produit appelé Catalyst qui devait traiter le flux de travail du concepteur/développeur pour les applications Flex, mais ils l'ont abandonné.