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

Embed Size (px)

Citation preview

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