SlideShare une entreprise Scribd logo
1  sur  16
Télécharger pour lire hors ligne
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élisationAlphorm
 
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 fondamentauxAlphorm
 
Alphorm.com Formation SketchUp 2020 : Perfectionnement
Alphorm.com Formation SketchUp 2020 : PerfectionnementAlphorm.com Formation SketchUp 2020 : Perfectionnement
Alphorm.com Formation SketchUp 2020 : PerfectionnementAlphorm
 
Alphorm.com Formation ZWCAD : Les fondamentaux
Alphorm.com Formation ZWCAD : Les fondamentauxAlphorm.com Formation ZWCAD : Les fondamentaux
Alphorm.com Formation ZWCAD : Les fondamentauxAlphorm
 
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'essentielAlphorm
 
Alphorm.com Formation Draftsight : Les fondamentaux
Alphorm.com Formation Draftsight : Les fondamentauxAlphorm.com Formation Draftsight : Les fondamentaux
Alphorm.com Formation Draftsight : Les fondamentauxAlphorm
 
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'essentielAlphorm
 
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 fondamentauxAlphorm
 
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ésAlphorm
 
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 : PerfectionnementAlphorm
 
Alphorm.com Formation ArchiCAD 20 - Perfectionnement
Alphorm.com Formation ArchiCAD 20 - PerfectionnementAlphorm.com Formation ArchiCAD 20 - Perfectionnement
Alphorm.com Formation ArchiCAD 20 - PerfectionnementAlphorm
 
Alphorm.com Formation AutoCAD 2021 : Perfectionnement
Alphorm.com Formation AutoCAD 2021 : PerfectionnementAlphorm.com Formation AutoCAD 2021 : Perfectionnement
Alphorm.com Formation AutoCAD 2021 : PerfectionnementAlphorm
 
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ésAlphorm
 

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

Designing with Sketch App
Designing with Sketch AppDesigning with Sketch App
Designing with Sketch AppIan Soper
 
Adobe vs. Sketch
Adobe vs. SketchAdobe vs. Sketch
Adobe vs. SketchRob Musser
 
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 ProductBrian Louis Ramirez
 
Sketch: Rapid Prototyping & Theme Design
Sketch: Rapid Prototyping & Theme DesignSketch: Rapid Prototyping & Theme Design
Sketch: Rapid Prototyping & Theme DesignRyan 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 webAlexandre 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
 
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
 
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'UXtelmedia
 
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 multiplateformepprem
 
TypeScript for dummies
TypeScript for dummiesTypeScript for dummies
TypeScript for dummiesMicrosoft
 
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 outilsIdean 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 .pdfimenhamada17
 
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 serviceACSG - 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 serviceACSG 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