22 Atelier Expression Blend La collaboration Designer / Développeur 09.02.10 Ambrosi Éric Client...

13

Transcript of 22 Atelier Expression Blend La collaboration Designer / Développeur 09.02.10 Ambrosi Éric Client...

Page 1: 22 Atelier Expression Blend La collaboration Designer / Développeur 09.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net.
Page 2: 22 Atelier Expression Blend La collaboration Designer / Développeur 09.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net.

22

Atelier Expression Blend La collaboration Designer / Développeur09.02.10

Ambrosi ÉricClient App. Dev. & Silverlight MVP

Centre de formation Regart.net

Auteur du livre Pratique de Silverlight au éditions Pearson

http://www.tweened.org/td2010/assets.zip

Page 3: 22 Atelier Expression Blend La collaboration Designer / Développeur 09.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net.

33

Les acteurs de la production

GraphisteÉtablit la charte graphiqueConçoit les pictogrammesConçoit des gabarit de page

Designer InteractifEst responsable de l’expérience utilisateur globale Finalise la mise en page et le redimensionnementIntègre les éléments graphiquesGère les transitions et les états visuels

DéveloppeursConçoit le squelette techniqueValide l’intégration technique des élémentsEst responsable de la fonctionnalité pureEst responsable des performances et des tests unitaires

Page 4: 22 Atelier Expression Blend La collaboration Designer / Développeur 09.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net.

44

Importation de sources graphiques

La conception graphique

Les intentions de couleur

Composition / Maquettage

Pictogrammes

Importation dans Blend

Récupération de fichiers au format Photoshop ou illustrator

Utilisation de XAML exporté depuis Expression Design

Importation d’images au format PNG ou JPEG

Page 5: 22 Atelier Expression Blend La collaboration Designer / Développeur 09.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net.

55

DémoImportation au sein d’expression Blend.Illustrator.Photoshop.Expression Design

Page 6: 22 Atelier Expression Blend La collaboration Designer / Développeur 09.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net.

66

Design Interactif et Développement

Construction de l’arbre visuel et logique

Animations Sophistiquées & Transitions

Nommage

Gestion des ressources

Page 7: 22 Atelier Expression Blend La collaboration Designer / Développeur 09.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net.

77

Les ressources graphiques et logiques

Le rôle d’une ressource

Tout est ressource

Les couleurs

Les pinceauxLes couleurs unies et les dégradésImage et vidéo

Les animations

Les Styles et modèles de composants

Les données fictives

Page 8: 22 Atelier Expression Blend La collaboration Designer / Développeur 09.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net.

88

Organisation et portée des ressources

Les différents niveaux de stockageControlUserControlDictionnaire externe

Les critères de l’organisationLe ThèmeLe clientLa fonctionnalitéLe type de ressourceLe flux de production

Les contraintes techniques

Page 9: 22 Atelier Expression Blend La collaboration Designer / Développeur 09.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net.

99

DémoGestion des ressources.Création de dictionnaires de ressources.Création de ressources simple.Création de styles et de modèles de composant

Page 10: 22 Atelier Expression Blend La collaboration Designer / Développeur 09.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net.

1010

Les données fictives

Intérêts

Conception

ListBox

Page 11: 22 Atelier Expression Blend La collaboration Designer / Développeur 09.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net.

1111

DémoCréation d’un jeu de données.Création des données.Design Mode.le composant ListBox

Page 12: 22 Atelier Expression Blend La collaboration Designer / Développeur 09.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net.

1212

RessourcesBlog www.tweened.org

Livre

http://www.pearson.fr/livre/?GCOI=27440100843070

Sources téléchargeables du livre

http://referenceSilverlight.tweened.org

Page 13: 22 Atelier Expression Blend La collaboration Designer / Développeur 09.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net.