Domestika Basics 7 cours

Introduction à Sketch

Par Samuel Hermoso (Elastic Heads)
Concepteur UX-UI. Madrid, Espagne.
A rejoint Domestika en août 2014
, 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)



Espagnol sous-titré en français
  • 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


Domestika Basics · 7 cours inclus

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

1918 Élèves
63 Avis
100% Avis positifs

Samuel Hermoso (Elastic Heads)

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 !

Introduction à Sketch. Un cours de Création de sites et d'applications de Samuel Hermoso (Elastic Heads)

Introduction à Sketch

Par Samuel Hermoso (Elastic Heads)
Concepteur UX-UI. Madrid, Espagne.
A rejoint Domestika en août 2014
  • 100% avis positifs (63)
  • 1918 élèves