Je travaille actuellement sur la conception d’une application Flex, dont l’aspect graphique et ergonomique est très important puisqu’elle touche le grand public. J’en suis à la phase de maquettage de l’application, et j’ai assez tendance à me « lacher » dans le design !
J’ai donc cherché à rentrer un peu plus dans la personnalisation graphique dans Flex pour en connaître les limites techniques, et j’ai trouvé peu de ressources à ce sujet sur le web. L’article que j’ai trouvé le plus intéressant est celui de Narciso Jaramillo, publié sur le site d’Adobe : Designing Flex 2 skins with Flash, Photoshop, Fireworks, or Illustrator.
Etant donné le peu de ressources en français sur Flex, je vais faire une traduction (très) libre de cet article, agrémentée de mon retour d’expérience au niveau de la personnalisation d’interface Flex. Pour cela, je suivrai une trame proche de celle suivie par l’auteur original :
- Introduction à la personnalisation d’interface graphique Flex
- Explications sur le fonctionnement du skinning d’une application Flex
- La problématique de l’étirement d’un composant dans Flex
- Réaliser un skin pour composants Flex avec Flash
- Réaliser un skin pour composants Flex avec Photoshop
- Réaliser un skin pour composants Flex avec Fireworks
- Réaliser un skin pour composants Flex avec Illustrator
- Utiliser la technique « scale-9 grid » dans Flex pour les bitmaps
- Editer les styles CSS dans Flex
- Créer plusieurs skins pour un même composant Flex
- Testez vos skins et vos styles pour Flex
Je n’ai ni la prétention d’être un traducteur hors-pair, ni de maîtriser sur le bout des doigts la personnalisation d’applications Flex. Je suis dans une période d’apprentissage, et mon but est de vous faire partager ce que je découvre et apprends, en espérant que cela puisse vous servir. N’hésitez pas à laisser un commentaire si vous pensez qu’un concept n’est pas expliqué de façon suffisamment claire ou qu’une traduction plus appropriée existe pour l’un des termes utilisé.
A très vite pour le premier article : Introduction à la personnalisation d’interface graphique Flex.
Abonnez-vous au flux RSS
Suivez-moi sur Twitter !
Contactez-moi !
7 commentaires pour ce billet
Très bonne initiative !
Je vais suivre ton blog de près, et renvoyer mes internautes ici pour tout ce qui concerne Flex :)
Initiative intéréssante. J’attend la suite avec intérêt ^^!
Flex Style Explorer est en tout cas un très bon outil pour se sensibiliser aux CSS sous Flex et connaîtres les différentes options de style des composants Flex ;)!
très propre :)Super
j’adore tes explications
merci
a suivre…
Super,
on attends la suite … vite vite !
C’est en cours (tutoriel Photoshop) mais ça prends du temps :-)
J’avoue que je bute aussi sur quelques traductions …
Bonjour,
J’ai beaucoup apprécié l’article de tu prends comme référence chez Adobe. Mais il m’a un peu laissé sur ma faim car finalement, il ne parle bien évidemment que des produits Adobe (que j’adore, soit dit en passant ! :) ).
Je te propose de jeter un oeil sur cet article : http://afoucal.free.fr/index.php/2008/06/16/skinning-your-flex-application-with-inkscape-and-a-svg-file-part-i/
J’y explique comment skinner une application à partir d’Inkscape (open source) et d’un fichier SVG, éclaté en PNG. C’est un autre moyen, gratuit, de skinner son appli Flex ;)