Des slides et Blend pour Visual Studio : Voilà le cocktail requis pour vous expliquer comment partir d'un template applicatif basique pour le transformer en une application brandée, possédant une identité et agréable. Nous verrons comment trouver ou créer des assets graphiques de qualité pour obtenir un résultat très agréable, et quels sont les principes à respecter pour y parvenir, le tout en 45 mns !
Speakers : Michel Rousseau (microsoft)
Ergonomie, Design et Développement d'applications mobiles
Similar a Branding et ModernUI : Des ressources et des conseils pour passer d'un template Visual Studio à une application possédant une véritable identité
Convivialité (UX) pour les affichages et services numériques dans le processu...Immacon
Similar a Branding et ModernUI : Des ressources et des conseils pour passer d'un template Visual Studio à une application possédant une véritable identité (20)
Branding et ModernUI : Des ressources et des conseils pour passer d'un template Visual Studio à une application possédant une véritable identité
1.
2. Branding et ModernUI
Des ressources et des conseils pour passer d'un template
Visual Studio à une application possédant une véritable
identité
Michel ROUSSEAU
Technical Evangelist UX,UI,Design
Microsoft
mirousse@microsoft.com
@rousseau_michel
www.aka.ms/michel
Design/UX/UI
3. Les buts et objectifs de cette session
Dans cette session, nous balayerons les tenants et aboutissants du branding de
marque pour le design applicatif. Par une approche pas à pas, nous verrons
comment conformer facilement et rapidement l’identité de marque avec le design
XAML dans Blend pour Visual Studio. Nous verrons également quelques trucs et
astuces pour conforter votre approche par des exemples réels.
Les buts :
Comprendre les composantes de l’identité dans une application Windows 8.1,
Comprendre comment implémenter un design Windows 8,1 dans Blend avec du
XAML.
Comprendre comment orienter un dev ou une agence et où trouver des
ressources pour votre projet.
#mstechdays
Design/UX/UI
4. Agenda
Travailler avec une charte graphique, ça fait mal ?
L’identité de marque ? Faites-le vous–même !
Le logo
Les couleurs
Le fond
La police
Donner du staïlle à votre appli.
Les variantes visuelles
Des exemples de la vie réelle.
#mstechdays
Design/UX/UI
6. Une appli grandiose, c’est quoi ?
Un concept grandiose
Une application stable et « responsive »
Une appli bien designée (je veux dire, au niveau
UX)
Une appli bien designée (je veux dire, au niveau
UI, aussi)
Une application qui a une identité.
#mstechdays
Design/UX/UI
7. Mais comment je donne une
identité à mon application ?
#mstechdays
Design/UX/UI
38. Trouver le bon background
On évite les clichés.
On se renseigne sur les droits relatifs à l’image.
On se méfie des images de stocks photo.
Les images donnent souvent des textes difficiles à
lire.
On favorise des dégradés classes et sobres…
…ou un élément de charte simple.
#mstechdays
Design/UX/UI
42. Résumons-nous un peu :
1. Le branding, c’est primordial.
2. Pas besoin d’être designer.
(enfin, si, un peu, mais ça se soigne)
#mstechdays
Design/UX/UI
44. Les ressources
Les couleurs : https://https://kuler.adobe.com/
http://colorlovers.com
Les icônes :
http://iconmonstr.com/
http://thenounproject.com/
Les polices : http://fontsquirrel.com
#mstechdays
Design/UX/UI
53. Donnez votre avis !
Depuis votre smartphone sur :
http://notes.mstechdays.fr
De nombreux lots à gagner toutes les heures !!!
Claviers, souris et jeux Microsoft…
Merci de nous aider à améliorer les Techdays !
#mstechdays
Design/UX/UI
54. La validation UX du Store
TOUT CE QUE VOUS AVEZ TOUJOURS VOULU SAVOIR
SANS JAMAIS OSER LE DEMANDER...
Michel ROUSSEAU
Technical Evangelist UX,UI,Design
Microsoft
mirousse@microsoft.com
@rousseau_michel
www.aka.ms/michel
Design/UX/UI