Introduction à Sketch
Par Samuel Hermoso
Professeur
Plus
Concepteur UX-UI.
Madrid, Espagne.
A rejoint Domestika en août 2014
-
-
-
, Concepteur UX-UI
A rejoint Domestika en août 2014
Apprenez de A à Z à concevoir des sites web et des applications comme un professionnel avec le logiciel pionnier du marché pour la conception d’interfaces (UI)
- Domestika Basics 7 cours Espagnol sous-titré en français
- 100% Avis positifs (57)
- 1671 élèves
Apprenez de A à Z à concevoir des sites web et des applications comme un professionnel avec le logiciel pionnier du marché pour la conception d’interfaces (UI)
A rejoint Domestika en août 2014
- 100% Avis positifs (57)
- 1671 élèves
- 7 cours
- En ligne et à votre rythme
- Langue : Espagnol
- Niveau : Débutant
- 83 leçons (11 h 46 min)
- 21 ressources supplémentaire
- Disponible sur l'appli
- Espagnol, Anglais, Portugais, Allemand, Italien, Français, Polonais, Néerlandais
- Accès illimité
- Certificat à la fin du cours
Logiciel recommandé pour ce cours
SketchDomestika Basics · 7 cours inclus
-
Cours 1 : Introduction au programme et aux fonctionnalités de base
Par Samuel Hermoso
Premiers pas pour utiliser Sketch
-
Cours 2 : Styles de forme et utilisation des vecteurs et des pixels
Par Samuel Hermoso
Apprenez à ajouter des bordures, des couleurs et des effets à vos formes de base
-
Cours 3 : Organiser les éléments
Par Samuel Hermoso
Apprenez à organiser les éléments avec Smart Layout
-
Cours 4 : Textes et hiérarchies
Par Samuel Hermoso
Créez des textes et modifiez leurs caractéristiques
-
Cours 5 : Dimensionner le projet
Par Samuel Hermoso
Apprenez à travailler avec des symboles, des styles et des données modulables
-
Cours 6 : Layouts, grids, smart layouts et prototypage
Par Samuel Hermoso
Créez votre premier prototype navigable
-
Cours 7 : Raccourcis, astuce et plugins
Par Samuel Hermoso
Découvrez des raccourcis et des astuces qui faciliteront au maximum votre travail dans Sketch
Si vous souhaitez concevoir une interface réactive pour différents appareils, de manière simple et efficace, les outils Sketch - programme spécialement développé pour les concepteurs d'interface utilisateur - vous faciliteront le travail.
Dans ces 7 cours Domestika Basics, le concepteur et consultant UX / UI Samuel Hermoso vous apprendra à maîtriser Sketch à partir de zéro. Avec une méthodologie pratique à travers une série d'exercices, vous serez en mesure de concevoir l'interface de vos propres projets, pour des sites Web et des applications, de manière professionnelle.
Vous commencerez par apprendre à installer le programme, en connaissant son interface et ses outils de base, ainsi que ses principales fonctionnalités. Vous verrez comment créer vos premières formes et comment sélectionner, déplacer et transformer les calques de différentes manières.
Dans le deuxième cours, Samuel vous apprendra comment ajouter des bordures, des couleurs, des ombres et d'autres effets à vos formes de base. Vous apprendrez à travailler avec des vecteurs et des pixels, et vous créerez les premières icônes pour la conception de votre interface à travers l'intersection de formes vectorielles et de dessins de courbes.
Dans le troisième cours, vous verrez comment travailler avec les éléments dans Sketch de manière organisée, en mesurant les distances, en regroupant et en alignant les calques. Vous apprendrez les principales fonctionnalités pour réorganiser les écrans et les calques avec l'outil de mise en page intelligente.
Vous passerez à la quatrième année, en entrant dans le processus de conception de texte. Vous apprendrez à améliorer l'expérience de lecture et à maintenir la cohérence tout au long de votre projet. Samuel vous apprendra à modifier des textes, à créer différents styles et à établir des hiérarchies. Vous explorerez les polices, les tailles, les couleurs et les contrastes pour créer un design pour un écran mobile.
Ensuite, vous apprendrez à travailler avec votre projet de manière évolutive à l'aide de symboles avec l'outil de redimensionnement. De cette façon, vous serez en mesure de dupliquer des écrans et de mettre en œuvre des ajustements qui affectent toutes les copies, de manière efficace; En outre, vous apprendrez à créer et à échanger des styles.
Dans l'avant-dernier cours de ce Domestika Basics, vous créerez un prototype navigable avec vos pages. Pour ce faire, vous verrez comment ajuster vos conceptions pour différents appareils grâce aux dispositions de colonnes et grilles . Vous profiterez des nouvelles fonctionnalités pour aligner les éléments de manière automatisée, en créant des espacements et des rembourrages .
Enfin, Samuel vous montrera comment tirer le meilleur parti de Sketch en partageant divers conseils et raccourcis qui rendront votre travail plus rapide et plus efficace. Enfin, vous verrez une série de plug-ins pour personnaliser l'outil qui répond le mieux à vos besoins.
Exigences techniques
- ⦁ Un ordinateur avec macOS Mojave ou supérieur.
⦁ La dernière version de Sketch. Vous pouvez télécharger la version d'essai sur la page officielle du le logiciel .
Avis
Par Samuel Hermoso
Avec plus de 20 ans d'expérience spécialisée dans le conseil et la conception de produits numériques. Après avoir travaillé avec différents studios et agences, il a créé le studio Elastic Heads, à Madrid (Espagne), où il aide les personnes, les entreprises et les startups à s'adapter aux nouveaux changements du monde numérique et à améliorer leurs produits numériques.
Au-delà de la direction de son étude, Samuel se consacre également à l'enseignement, étant professeur de conception de produits, d'expérience utilisateur et de méthodologies, et d'outils de conception interactifs dans des écoles telles que: Ironhack, M. Marcel School, IED, Neoland et l'Université européenne.
Contenus
Cours 1 : Introduction au programme et aux fonctionnalités de base
-
U1
Bienvenue
-
Bienvenue
-
-
U2
Installez le programme
-
Installez le programme
-
-
U3
Interface d'esquisse
-
Interface d'esquisse
-
-
U4
Zoomer et déplacer
-
Zoomer et déplacer
-
-
U5
préférences
-
préférences
-
-
U6
Affiche
-
Affiche
-
-
U7
Insérer des formes de base
-
Insérer des formes de base
-
-
U8
Les menus
-
Les menus
-
-
U9
Transformer, redimensionner, faire pivoter et refléter
-
Transformer, redimensionner, faire pivoter et refléter
-
-
U10
Pour sélectionner
-
Pour sélectionner
-
-
U11
Déplacer, copier, coller et dupliquer
-
Déplacer, copier, coller et dupliquer
-
-
U12
Pratique: conception avec des formes géométriques et adaptations à différents écrans
-
Conception avec des formes géométriques et des adaptations à différents écrans
-
Cours 2 : Styles de forme et utilisation des vecteurs et des pixels
-
U1
Bienvenue
-
Bienvenue
-
-
U2
Bordures et couleurs
-
Bordures et couleurs
-
-
U3
Travailler avec des images
-
Travailler avec des images
-
-
U4
Exporter des images
-
Exporter des images
-
-
U5
Vecteurs, bords arrondis, vecteurs d'importation et d'exportation
-
Vecteurs, bords arrondis, vecteurs d'importation et d'exportation
-
-
U6
Icônes parfaites de pixel
-
Icônes parfaites de pixel
-
-
U7
Travailler avec des formes vectorielles
-
Travailler avec des formes vectorielles
-
-
U8
Booléen avec des formes géométriques
-
Booléen avec des formes géométriques
-
-
U9
Pratique: conception d'icônes
-
Pratique: conception d'icônes 2
-
Pratique: conception d'icônes 1
-
Cours 3 : Organiser les éléments
-
U1
Bienvenue
-
Bienvenue
-
-
U2
Groupes de calques
-
Groupes de calques
-
-
U3
Types de calques
-
Types de calques
-
-
U4
Verrouiller et déverrouiller les calques
-
Verrouiller et déverrouiller les calques
-
-
U5
Mesurer les distances, aligner et répartir
-
Mesurer les distances, aligner et répartir
-
-
U6
Bouton de lecture et alignement des éléments dans l'en-tête
-
Bouton de lecture et alignement des éléments dans l'en-tête
-
-
U7
Ordre des couches
-
Ordre des couches
-
-
U8
Réorganiser les couches et les écrans
-
Réorganiser les couches et les écrans
-
-
U9
Réorganiser les espaces dans les textes
-
Réorganiser les espaces dans les textes
-
-
U10
Pratique: organiser et aligner les éléments sur un écran
-
Pratique: organiser et aligner les éléments sur un écran
-
Cours 4 : Textes et hiérarchies
-
U1
Bienvenue
-
Bienvenue
-
-
U2
Alignez et modifiez le texte et les formes pour créer des boutons
-
Alignez et modifiez le texte et les formes pour créer des boutons
-
-
U3
Améliorez l'expérience de lecture
-
Améliorez l'expérience de lecture
-
-
U4
Hiérarchies de texte
-
Hiérarchies de texte
-
-
U5
Coller le texte en gardant le même style
-
Coller le texte en gardant le même style
-
-
U6
Boutons de transformation d'exercice
-
Boutons de transformation
-
-
U7
Tailles de texte recommandées
-
Tailles de texte recommandées
-
-
U8
Styles de texte
-
Styles de texte
-
-
U9
Pratique: créer des écrans mobiles combinant différents styles de texte
-
Pratique: créer des écrans mobiles combinant différents styles de texte 2
-
Pratique: créer des écrans mobiles combinant différents styles de texte 1
-
Cours 5 : Dimensionner le projet
-
U1
Bienvenue
-
Bienvenue
-
-
U2
Symboles
-
Symboles
-
-
U3
Modifier les valeurs avec des remplacements
-
Modifier les valeurs avec des remplacements
-
-
U4
Remplissez les informations avec des données
-
Remplissez les informations avec des données
-
-
U5
Transformez les groupes et les symboles avec le redimensionnement
-
Transformez les groupes et les symboles avec le redimensionnement
-
-
U6
Créer des symboles alternatifs
-
Créer des symboles alternatifs
-
-
U7
Ajouter des styles pour modifier les remplacements de couleur
-
Ajouter des styles pour modifier les remplacements de couleur
-
-
U8
Style de calque copier-coller
-
Copier / coller le style de calque
-
-
U9
Copiez une autre couleur et des types de remplissages
-
Copiez une autre couleur et des types de remplissages
-
-
U10
Nuances
-
Nuances
-
-
U11
Pratique: liste des écrans de préférences sur mobile et tablette
-
Pratique: liste des écrans de préférences sur mobile et tablette 3
-
Pratique: liste des écrans de préférences sur mobile et tablette 2
-
Pratique: liste des écrans de préférences sur mobile et tablette 1
-
Cours 6 : Layouts, grids, smart layouts et prototypage
-
U1
Bienvenue
-
Bienvenue
-
-
U2
Disposition en 12 colonnes
-
Disposition en 12 colonnes
-
-
U3
Ajuster les éléments à la mise en page et à la grille
-
Ajuster les éléments à la mise en page et à la grille
-
-
U4
Rythme vertical des textes et espacement
-
Rythme vertical des textes et espacement
-
-
U5
Utilisez la mise en page intelligente
-
Utilisez la mise en page intelligente
-
-
U6
Rembourrage avec disposition intelligente
-
Rembourrage avec disposition intelligente
-
-
U7
Prototypage
-
Prototypage
-
-
U8
Éléments fixes
-
Éléments fixes
-
-
U9
Aperçu du prototype
-
Aperçu du prototype
-
-
U10
Pratique: projet UI d'un web / app et prototype d'écran d'un web / app
-
Projet d'écran UI et prototype d'une application 2
-
Pratique: projet UI d'un web / app et prototype d'écrans d'un web / app 1
-
Cours 7 : Raccourcis, astuce et plugins
-
U1
Bienvenue
-
Bienvenue
-
-
U2
Raccourcis clavier
-
Raccourcis clavier
-
-
U3
Plus cher
-
Plus cher
-
-
U4
Rechercher et remplacer des couleurs
-
Rechercher et remplacer des couleurs
-
-
U5
Redimensionner les écrans
-
Redimensionner les écrans
-
-
U6
Recommandations pour les graphiques en courbes et en anneau
-
Recommandations pour les graphiques en courbes et en anneau
-
-
U7
Remplacer les éléments
-
Remplacer les éléments
-
-
U8
Créer des listes de données pour le menu Données
-
Créer des listes de données pour le menu Données
-
-
U9
Réduire la taille des fichiers et les éléments de version
-
Réduire la taille des fichiers et les éléments de version
-
-
U10
Basculer entre les fenêtres et les onglets pour plusieurs documents
-
Basculer entre les fenêtres et les onglets pour plusieurs documents
-
-
U11
Le stylo pour dessiner des courbes
-
Le stylo pour dessiner des courbes
-
-
U12
Plugins
-
Plugins 2
-
Plugins 1
-
-
U13
Pratique: adapter un écran à une nouvelle image de marque revisitée
-
Pratique: adapter un écran à une nouvelle image de marque revisitée
-
Pratique: adapter un écran à une nouvelle image de marque revisitée 4
-
Pratique: adapter un écran à une nouvelle image de marque revisitée 3
-
Pratique: adapter un écran à une nouvelle image de marque revisitée 2
-
Afficher le contenu des 7 cours
À propos de Domestika Basics
Domestika Basics, ce sont des cours qui expliquent de façon simple et étape par étape le logiciel le plus utilisé par les créateurs du monde entier.
Le contenu a été soigneusement pensé pour les élèves qui se lancent dans une nouvelle discipline créative et pour les professionnels expérimentés qui souhaitent enrichir leurs connaissances.
Apprenez auprès des meilleurs professeurs de Domestika avec des leçons pratiques, de nombreuses ressources et une difficulté progressive qui vous permettra de constater les résultats dès le premier jour.
Grâce à Domestika Basics, vous progresserez en tant que professionnel et vous vous préparerez à réaliser des projets plus importants.
-
Sans connaissances préalables
Avec Domestika Basics, vous trouverez tout ce dont vous avez besoin pour vous lancer dans une discipline et devenir un expert.B
-
Axés sur l'outil
Découvrez les bases, les techniques et les méthodes éprouvées dont vous avez besoin pour le maîtriser.
-
Apprenez rapidement
Les meilleurs professionnels vous expliqueront étape par étape et sans détour pour vous permettre de vous y retrouver dans le programme.
-
Certificats Nouveau
Des certificats pour tous les cours : une fois que vous aurez terminé un cours, vous recevrez un certificat personnalisé et signé par le professeur, que vous pourrez partager.
Sketch
siiimo
<3 Me encanta, lo que he visto hasta hoy me sigue gustando ya que es simple y concreto al explicarse.
Afficher la traduction
Masquer la traduction
zoe--26
Really impressive by Samuel....the course is very comprehensive and detailed...step by step to teach you how to make an app, plus he provides some additional resources which are good for further study. if the audio can be English, i think it is bravo...really looking forward to buying his other courses if any. Very good teacher and really appreciate your work
Afficher la traduction
Masquer la traduction
claire_dgs
Super cours ! Très simple à comprendre et à mettre en pratique.
alvaroglezproduce
He aprendido un montón con el curso de Samuel Hermoso, es un gran profesor. ;)
Afficher la traduction
Masquer la traduction
Luis Miguel Galache
Muy correcto todo y bien organizado. Los ejercicios están muy bien pensados. Si tienes experiencia con Illustrator o Indesgn te resultará muy fácil entender de que va Sketch. Pero si no has estudiado diseño o vienes del mundo del marketing o del UX será un buen punto de partida.
Afficher la traduction
Masquer la traduction