Introduction à Sketch
Par Samuel Hermoso (Elastic Heads)
, Concepteur UX-UI
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 (63)
- 1918 é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)
- 100% avis positifs (63)
- 1918 élèves
- 83 leçons (11 h 46 min)
- 7 cours
- 79 vidéos téléchargées (21 fichiers)
- En ligne et à votre rythme
- Disponible sur l'application
- Audio : Espagnol
- Espagnol, Anglais, Portugais, Allemand, Italien, Français, Polonais, Néerlandais
- Niveau : Débutant
- Accès illimité pour toujours
Logiciel recommandé pour ce cours
SketchDomestika Basics · 7 cours inclus
-
Cours 1 : Introduction au programme et aux fonctionnalités de base
Par Samuel Hermoso (Elastic Heads)
Premiers pas pour utiliser Sketch
-
Cours 2 : Styles de forme et utilisation des vecteurs et des pixels
Par Samuel Hermoso (Elastic Heads)
Apprenez à ajouter des bordures, des couleurs et des effets à vos formes de base
-
Cours 3 : Organiser les éléments
Par Samuel Hermoso (Elastic Heads)
Apprenez à organiser les éléments avec Smart Layout
-
Cours 4 : Textes et hiérarchies
Par Samuel Hermoso (Elastic Heads)
Créez des textes et modifiez leurs caractéristiques
-
Cours 5 : Dimensionner le projet
Par Samuel Hermoso (Elastic Heads)
Apprenez à travailler avec des symboles, des styles et des données modulables
-
Cours 6 : Layouts, grids, smart layouts et prototypage
Par Samuel Hermoso (Elastic Heads)
Créez votre premier prototype navigable
-
Cours 7 : Raccourcis, astuce et plugins
Par Samuel Hermoso (Elastic Heads)
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
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.
Contenu
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 1
-
Pratique: conception d'icônes 2
-
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 1
-
Pratique: créer des écrans mobiles combinant différents styles de texte 2
-
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 1
-
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 3
-
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
-
Pratique: projet UI d'un web / app et prototype d'écrans d'un web / app 1
-
Projet d'écran UI et prototype d'une application 2
-
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 1
-
Plugins 2
-
-
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 2
-
Pratique: adapter un écran à une nouvelle image de marque revisitée 3
-
Pratique: adapter un écran à une nouvelle image de marque revisitée 4
-
Afficher le contenu des 7 cours
À propos de Domestika Basics
Domestika Basics est un ensemble de cours sur les logiciels les plus utilisés par les esprits créatifs 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 profils 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 un niveau de difficulté progressif qui vous permettra de voir les résultats dès le premier jour.
Grâce à Domestika Basics, professionnalisez vos compétences et réalisez des projets plus importants.
-
Sans connaissances préalables
Avec Domestika Basics, trouvez tout ce dont vous avez besoin pour vous lancer dans une nouvelle discipline créative et devenez spécialiste en la matière.
-
Des cours axés sur l'outil
Découvrez les bases, techniques et méthodes éprouvées dont vous avez besoin pour le maîtriser.
-
Apprenez rapidement
Laissez-vous guider par nos meilleurs professionnels, qui vous expliqueront chaque étape de façon claire pour vous permettre de profiter au maximum du programme.
-
Certificats Plus
En tant que membre Plus, vous recevrez un certificat personnalisé signé par le professeur à la fin du cours. Vous pourrez le partager dans votre portfolio, sur les réseaux sociaux et là où vous voulez !
Sketch
Juan de Marcos
Muy claro para empezar a moverse en Sketch
Afficher la traduction
Masquer la traduction
nahuel_cruz
Muy buen curso y clara la explicación. Sirve mucho para empezar a utilizar otro programa excelente de prototipo.
Afficher la traduction
Masquer la traduction
sergiodici
Imprescindible si quieres dominar Sketch
Afficher la traduction
Masquer la traduction
anacanal
Curso esencial para dominar Sketch en muy poco tiempo. Muy bien explicado y detallado. Al acabar el curso tienes suficiente nivel para utilizarlo a nivel profesional. ¡Lo recomiendo 100%!
Afficher la traduction
Masquer la traduction
denys_lopez
Excelente, Sketch se ha reinventando muy bien.
Afficher la traduction
Masquer la traduction