SlideShare une entreprise Scribd logo
Sketch
Montpellier
Apéro Ux
FLUPAFrance - Luxembourg

User Experience

Professional’s association
Moi
@TabMoEng @ChloePellen
LEAD UI/UX DESIGNER
#Jobs #DevFront #AngularJS
SketchQui ? Quoi ?
c
ketc
Bohemian Coding

Pays Bas, 2008
Professional digital design 

for Mac

V4

Licence sans limite de temps 

Sauf MAJ annuelle
Qui ?
Quoi ?
c
Overview
Page & Artboard, Barre d’outil, SVG, Raccourcis…
c
WorkflowQuand ? Comment ?
c
Wireframe
UI design
Prototype
Développement
c
Démonstration Wireframe
Communauté Sketch, Plugin Craft, redimensionnement…
c
Design UI
Composants, Styles partagés, Organisation
c
Prototype
Mirror, Marvel, Animatemate
c
Vers le développement
Style guide, Export SVG, CSS, Images, Zeplin
c
Communauté
#plugins #tips #veille
c
c
?
c
#TirageAuSort
c
Merci
Montpellier
Apéro Ux
FLUPAFrance - Luxembourg

User Experience

Professional’s association
c

Contenu connexe

Tendances

Alphorm.com Formation Blender 2.7x: Atelier de modélisation
Alphorm.com Formation Blender 2.7x: Atelier de modélisationAlphorm.com Formation Blender 2.7x: Atelier de modélisation
Alphorm.com Formation Blender 2.7x: Atelier de modélisation
Alphorm
 
Alphorm.com Formation Fusion 360: Les fondamentaux
Alphorm.com Formation Fusion 360: Les fondamentauxAlphorm.com Formation Fusion 360: Les fondamentaux
Alphorm.com Formation Fusion 360: Les fondamentaux
Alphorm
 
Alphorm.com Formation SketchUp 2020 : Perfectionnement
Alphorm.com Formation SketchUp 2020 : PerfectionnementAlphorm.com Formation SketchUp 2020 : Perfectionnement
Alphorm.com Formation SketchUp 2020 : Perfectionnement
Alphorm
 
Alphorm.com Formation ZWCAD : Les fondamentaux
Alphorm.com Formation ZWCAD : Les fondamentauxAlphorm.com Formation ZWCAD : Les fondamentaux
Alphorm.com Formation ZWCAD : Les fondamentaux
Alphorm
 
Diaporama challenge meccano
Diaporama  challenge meccanoDiaporama  challenge meccano
Diaporama challenge meccano
Bernard Alexandre
 
Alphorm.com Formation Blender 2.7x - L'essentiel
Alphorm.com Formation Blender 2.7x - L'essentielAlphorm.com Formation Blender 2.7x - L'essentiel
Alphorm.com Formation Blender 2.7x - L'essentiel
Alphorm
 
Alphorm.com Formation Draftsight : Les fondamentaux
Alphorm.com Formation Draftsight : Les fondamentauxAlphorm.com Formation Draftsight : Les fondamentaux
Alphorm.com Formation Draftsight : Les fondamentaux
Alphorm
 
Léo le robot
Léo le robotLéo le robot
Léo le robot
Bernard Alexandre
 
Alphorm.com Formation Autodesk Maya 2018: L'essentiel
Alphorm.com Formation Autodesk Maya 2018: L'essentielAlphorm.com Formation Autodesk Maya 2018: L'essentiel
Alphorm.com Formation Autodesk Maya 2018: L'essentiel
Alphorm
 
Alphorm.com Formation AutoCAD 2021 : Les fondamentaux
Alphorm.com Formation AutoCAD 2021 : Les fondamentauxAlphorm.com Formation AutoCAD 2021 : Les fondamentaux
Alphorm.com Formation AutoCAD 2021 : Les fondamentaux
Alphorm
 
Alphorm.com Formation AutoCAD 2021 : Les nouveautés
Alphorm.com Formation AutoCAD 2021 : Les nouveautésAlphorm.com Formation AutoCAD 2021 : Les nouveautés
Alphorm.com Formation AutoCAD 2021 : Les nouveautés
Alphorm
 
Alphorm.com Formation Autodesk Inventor 2021 : Perfectionnement
Alphorm.com Formation Autodesk Inventor 2021 : PerfectionnementAlphorm.com Formation Autodesk Inventor 2021 : Perfectionnement
Alphorm.com Formation Autodesk Inventor 2021 : Perfectionnement
Alphorm
 
Alphorm.com Formation ArchiCAD 20 - Perfectionnement
Alphorm.com Formation ArchiCAD 20 - PerfectionnementAlphorm.com Formation ArchiCAD 20 - Perfectionnement
Alphorm.com Formation ArchiCAD 20 - Perfectionnement
Alphorm
 
Alphorm.com Formation AutoCAD 2021 : Perfectionnement
Alphorm.com Formation AutoCAD 2021 : PerfectionnementAlphorm.com Formation AutoCAD 2021 : Perfectionnement
Alphorm.com Formation AutoCAD 2021 : Perfectionnement
Alphorm
 
Alphorm.com Formation Autodesk Inventor 2021 : Les nouveautés
Alphorm.com Formation Autodesk Inventor 2021 : Les nouveautésAlphorm.com Formation Autodesk Inventor 2021 : Les nouveautés
Alphorm.com Formation Autodesk Inventor 2021 : Les nouveautés
Alphorm
 

Tendances (15)

Alphorm.com Formation Blender 2.7x: Atelier de modélisation
Alphorm.com Formation Blender 2.7x: Atelier de modélisationAlphorm.com Formation Blender 2.7x: Atelier de modélisation
Alphorm.com Formation Blender 2.7x: Atelier de modélisation
 
Alphorm.com Formation Fusion 360: Les fondamentaux
Alphorm.com Formation Fusion 360: Les fondamentauxAlphorm.com Formation Fusion 360: Les fondamentaux
Alphorm.com Formation Fusion 360: Les fondamentaux
 
Alphorm.com Formation SketchUp 2020 : Perfectionnement
Alphorm.com Formation SketchUp 2020 : PerfectionnementAlphorm.com Formation SketchUp 2020 : Perfectionnement
Alphorm.com Formation SketchUp 2020 : Perfectionnement
 
Alphorm.com Formation ZWCAD : Les fondamentaux
Alphorm.com Formation ZWCAD : Les fondamentauxAlphorm.com Formation ZWCAD : Les fondamentaux
Alphorm.com Formation ZWCAD : Les fondamentaux
 
Diaporama challenge meccano
Diaporama  challenge meccanoDiaporama  challenge meccano
Diaporama challenge meccano
 
Alphorm.com Formation Blender 2.7x - L'essentiel
Alphorm.com Formation Blender 2.7x - L'essentielAlphorm.com Formation Blender 2.7x - L'essentiel
Alphorm.com Formation Blender 2.7x - L'essentiel
 
Alphorm.com Formation Draftsight : Les fondamentaux
Alphorm.com Formation Draftsight : Les fondamentauxAlphorm.com Formation Draftsight : Les fondamentaux
Alphorm.com Formation Draftsight : Les fondamentaux
 
Léo le robot
Léo le robotLéo le robot
Léo le robot
 
Alphorm.com Formation Autodesk Maya 2018: L'essentiel
Alphorm.com Formation Autodesk Maya 2018: L'essentielAlphorm.com Formation Autodesk Maya 2018: L'essentiel
Alphorm.com Formation Autodesk Maya 2018: L'essentiel
 
Alphorm.com Formation AutoCAD 2021 : Les fondamentaux
Alphorm.com Formation AutoCAD 2021 : Les fondamentauxAlphorm.com Formation AutoCAD 2021 : Les fondamentaux
Alphorm.com Formation AutoCAD 2021 : Les fondamentaux
 
Alphorm.com Formation AutoCAD 2021 : Les nouveautés
Alphorm.com Formation AutoCAD 2021 : Les nouveautésAlphorm.com Formation AutoCAD 2021 : Les nouveautés
Alphorm.com Formation AutoCAD 2021 : Les nouveautés
 
Alphorm.com Formation Autodesk Inventor 2021 : Perfectionnement
Alphorm.com Formation Autodesk Inventor 2021 : PerfectionnementAlphorm.com Formation Autodesk Inventor 2021 : Perfectionnement
Alphorm.com Formation Autodesk Inventor 2021 : Perfectionnement
 
Alphorm.com Formation ArchiCAD 20 - Perfectionnement
Alphorm.com Formation ArchiCAD 20 - PerfectionnementAlphorm.com Formation ArchiCAD 20 - Perfectionnement
Alphorm.com Formation ArchiCAD 20 - Perfectionnement
 
Alphorm.com Formation AutoCAD 2021 : Perfectionnement
Alphorm.com Formation AutoCAD 2021 : PerfectionnementAlphorm.com Formation AutoCAD 2021 : Perfectionnement
Alphorm.com Formation AutoCAD 2021 : Perfectionnement
 
Alphorm.com Formation Autodesk Inventor 2021 : Les nouveautés
Alphorm.com Formation Autodesk Inventor 2021 : Les nouveautésAlphorm.com Formation Autodesk Inventor 2021 : Les nouveautés
Alphorm.com Formation Autodesk Inventor 2021 : Les nouveautés
 

En vedette

Sketch app
Sketch appSketch app
Sketch app
cynthiaiizuka
 
Designing with Sketch App
Designing with Sketch AppDesigning with Sketch App
Designing with Sketch App
Ian Soper
 
Trabalhando com o Sketch App
Trabalhando com o Sketch AppTrabalhando com o Sketch App
Trabalhando com o Sketch App
Nelson Vasconcelos
 
Dev and Designers intro to Sketch
Dev and Designers intro to SketchDev and Designers intro to Sketch
Dev and Designers intro to Sketch
💻 Mark Schumacher
 
Sketch superheroes - Tips and Tricks
Sketch superheroes - Tips and TricksSketch superheroes - Tips and Tricks
Sketch superheroes - Tips and Tricks
Ramakrishna Venkatesan
 
Adobe vs. Sketch
Adobe vs. SketchAdobe vs. Sketch
Adobe vs. Sketch
Rob Musser
 
Sketch 3 manual
Sketch 3 manualSketch 3 manual
Sketch 3 manual
Andrea Chagas
 
Using Sketch in Your Workflow – From Idea to Finished Product
Using Sketch in Your Workflow – From Idea to Finished ProductUsing Sketch in Your Workflow – From Idea to Finished Product
Using Sketch in Your Workflow – From Idea to Finished Product
Brian Louis Ramirez
 
Sketch: Rapid Prototyping & Theme Design
Sketch: Rapid Prototyping & Theme DesignSketch: Rapid Prototyping & Theme Design
Sketch: Rapid Prototyping & Theme Design
Ryan King
 

En vedette (9)

Sketch app
Sketch appSketch app
Sketch app
 
Designing with Sketch App
Designing with Sketch AppDesigning with Sketch App
Designing with Sketch App
 
Trabalhando com o Sketch App
Trabalhando com o Sketch AppTrabalhando com o Sketch App
Trabalhando com o Sketch App
 
Dev and Designers intro to Sketch
Dev and Designers intro to SketchDev and Designers intro to Sketch
Dev and Designers intro to Sketch
 
Sketch superheroes - Tips and Tricks
Sketch superheroes - Tips and TricksSketch superheroes - Tips and Tricks
Sketch superheroes - Tips and Tricks
 
Adobe vs. Sketch
Adobe vs. SketchAdobe vs. Sketch
Adobe vs. Sketch
 
Sketch 3 manual
Sketch 3 manualSketch 3 manual
Sketch 3 manual
 
Using Sketch in Your Workflow – From Idea to Finished Product
Using Sketch in Your Workflow – From Idea to Finished ProductUsing Sketch in Your Workflow – From Idea to Finished Product
Using Sketch in Your Workflow – From Idea to Finished Product
 
Sketch: Rapid Prototyping & Theme Design
Sketch: Rapid Prototyping & Theme DesignSketch: Rapid Prototyping & Theme Design
Sketch: Rapid Prototyping & Theme Design
 

Similaire à Presentation sketch App

Blend 3/Sketchflow, dessinez c'est gagné
Blend 3/Sketchflow, dessinez c'est gagnéBlend 3/Sketchflow, dessinez c'est gagné
Blend 3/Sketchflow, dessinez c'est gagné
Audrey Petit
 
01 03 web_expérientiel _ designer un site web
01 03 web_expérientiel _ designer un site web01 03 web_expérientiel _ designer un site web
01 03 web_expérientiel _ designer un site web
Alexandre Rivaux
 
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
Idean France
 
Le graphisme
Le graphismeLe graphisme
Le graphisme
Eric Le Merdy
 
ACCEDE WEB, LES GUIDES D’ACCESSIBILITE POUR PROJETS WEB
ACCEDE WEB, LES GUIDES D’ACCESSIBILITE POUR PROJETS WEB ACCEDE WEB, LES GUIDES D’ACCESSIBILITE POUR PROJETS WEB
ACCEDE WEB, LES GUIDES D’ACCESSIBILITE POUR PROJETS WEB
OW2
 
Vers une catégorisation de la trace modélisée, pour exploitation, située en a...
Vers une catégorisation de la trace modélisée, pour exploitation, située en a...Vers une catégorisation de la trace modélisée, pour exploitation, située en a...
Vers une catégorisation de la trace modélisée, pour exploitation, située en a...
Damien Clauzel
 
Desig formation-design-web-avec-photoshop-et-illustrator
Desig formation-design-web-avec-photoshop-et-illustratorDesig formation-design-web-avec-photoshop-et-illustrator
Desig formation-design-web-avec-photoshop-et-illustratorCERTyou Formation
 
designers interactifs
designers interactifsdesigners interactifs
designers interactifs
designers interactifs
 
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UXtelmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia
 
Utiliser l'EDI pour développer en multiplateforme
Utiliser l'EDI pour développer en multiplateformeUtiliser l'EDI pour développer en multiplateforme
Utiliser l'EDI pour développer en multiplateforme
pprem
 
TypeScript for dummies
TypeScript for dummiesTypeScript for dummies
TypeScript for dummies
Microsoft
 
Design systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outilsDesign systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outils
Idean France
 
Evolution des métiers du design interactif
Evolution des métiers du design interactifEvolution des métiers du design interactif
Evolution des métiers du design interactifdesigners interactifs
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
Khaled Djebloun
 
Visual studio 2013 - Techdays 2014
Visual studio 2013 - Techdays 2014Visual studio 2013 - Techdays 2014
Visual studio 2013 - Techdays 2014Etienne Margraff
 
Angular développer des applications .pdf
Angular développer des applications .pdfAngular développer des applications .pdf
Angular développer des applications .pdf
imenhamada17
 
Cv kouadio kouame_olivier
Cv kouadio kouame_olivier Cv kouadio kouame_olivier
Cv kouadio kouame_olivier
Christ Olivier Kouadio
 
Une librairie de développement cartographique en libre service
Une librairie de développement cartographique en libre serviceUne librairie de développement cartographique en libre service
Une librairie de développement cartographique en libre service
ACSG - Section Montréal
 
Une librairie de développement cartographique en libre service
Une librairie de développement cartographique en libre serviceUne librairie de développement cartographique en libre service
Une librairie de développement cartographique en libre service
ACSG Section Montréal
 

Similaire à Presentation sketch App (20)

Blend 3/Sketchflow, dessinez c'est gagné
Blend 3/Sketchflow, dessinez c'est gagnéBlend 3/Sketchflow, dessinez c'est gagné
Blend 3/Sketchflow, dessinez c'est gagné
 
01 03 web_expérientiel _ designer un site web
01 03 web_expérientiel _ designer un site web01 03 web_expérientiel _ designer un site web
01 03 web_expérientiel _ designer un site web
 
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
 
Le graphisme
Le graphismeLe graphisme
Le graphisme
 
ACCEDE WEB, LES GUIDES D’ACCESSIBILITE POUR PROJETS WEB
ACCEDE WEB, LES GUIDES D’ACCESSIBILITE POUR PROJETS WEB ACCEDE WEB, LES GUIDES D’ACCESSIBILITE POUR PROJETS WEB
ACCEDE WEB, LES GUIDES D’ACCESSIBILITE POUR PROJETS WEB
 
Vers une catégorisation de la trace modélisée, pour exploitation, située en a...
Vers une catégorisation de la trace modélisée, pour exploitation, située en a...Vers une catégorisation de la trace modélisée, pour exploitation, située en a...
Vers une catégorisation de la trace modélisée, pour exploitation, située en a...
 
Desig formation-design-web-avec-photoshop-et-illustrator
Desig formation-design-web-avec-photoshop-et-illustratorDesig formation-design-web-avec-photoshop-et-illustrator
Desig formation-design-web-avec-photoshop-et-illustrator
 
dossier20-ecran
dossier20-ecrandossier20-ecran
dossier20-ecran
 
designers interactifs
designers interactifsdesigners interactifs
designers interactifs
 
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UXtelmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UX
 
Utiliser l'EDI pour développer en multiplateforme
Utiliser l'EDI pour développer en multiplateformeUtiliser l'EDI pour développer en multiplateforme
Utiliser l'EDI pour développer en multiplateforme
 
TypeScript for dummies
TypeScript for dummiesTypeScript for dummies
TypeScript for dummies
 
Design systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outilsDesign systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outils
 
Evolution des métiers du design interactif
Evolution des métiers du design interactifEvolution des métiers du design interactif
Evolution des métiers du design interactif
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
 
Visual studio 2013 - Techdays 2014
Visual studio 2013 - Techdays 2014Visual studio 2013 - Techdays 2014
Visual studio 2013 - Techdays 2014
 
Angular développer des applications .pdf
Angular développer des applications .pdfAngular développer des applications .pdf
Angular développer des applications .pdf
 
Cv kouadio kouame_olivier
Cv kouadio kouame_olivier Cv kouadio kouame_olivier
Cv kouadio kouame_olivier
 
Une librairie de développement cartographique en libre service
Une librairie de développement cartographique en libre serviceUne librairie de développement cartographique en libre service
Une librairie de développement cartographique en libre service
 
Une librairie de développement cartographique en libre service
Une librairie de développement cartographique en libre serviceUne librairie de développement cartographique en libre service
Une librairie de développement cartographique en libre service
 

Presentation sketch App