Tutoriel de croquis - devenez concepteur UI et UX Langue: Allemand

Esquisse-Tutoriel - devenez designer UI et UX.

Design (Illustration, Mise en page & Impression) 24 Vidéos · 5.2 h Formation vidéo · Français Luca Kiedrowski par Luca Kiedrowski

Sketch est un outil efficace et intuitif avec lequel vous créez des prototypes de projets web. Grâce au logiciel UI- et UX, vous créez des interfaces utilisateur dynamiques pour les sites web et les applications. Un avantage essentiel: comme les designs suivent les règles du design web, vous pouvez fournir un résultat directement utilisable pour le développement. Apprenez à utiliser Sketch dans ce tutoriel de plus de cinq heures de Luca Kiedrowski, qui vous guide de manière pratique du concept à un prototype jusqu'à une interface web entièrement conçue.

  • Deviens designer UI et UX : Crée des interfaces utilisateur pour sites web et applications avec Sketch.
  • Pour un démarrage rapide : Apprends les bases de Sketch, du design d'UI et d'UX.
  • Pour ton avancement : Apprends des techniques de design avancées telles que les opérateurs booléens.
  • Tutoriel pratique : Crée une interface utilisateur moderne pour une application, en prenant l'exemple d'une application.
  • Meilleure collaboration avec les développeurs : donnez-leur des prototypes directement exploitables.
  • Comprends en 5 h le concept d'UI et d'UX : le formateur Luca Kiedrowski présente des exemples de bonnes pratiques.
  • Ainsi, les connaissances acquises restent en tête : y compris des outils de travail pour participer.

Aussi Google et Apple misent sur Sketch - fais comme les grands et apprends maintenant comment créer simplement de beaux designs d'interface utilisateur conviviaux et prêts pour le développement.

Contenu

24 Vidéos, 315 Minutes

Introduction

7 Vidéos · 26 Minutes
01 Ouvert Gratuit

Tutoriel de croquis : 1.1 Introduction

Bienvenue au tutoriel de sketch : Apprenez comment concevoir vos propres applications à l'aide du programme. Voici un aperçu du cours.

02 Ouvert Gratuit

Tutoriel de Sketch : 1.2 Qu'est-ce que Sketch ?

Une brève introduction au programme "Sketch" et comment accéder à ce programme.

03 Ouvert

Tutoriel de dessin : Interface du programme 1.3

Ici, tu apprends à mieux connaître Sketch. Je te montre le programme complet et tu apprends comment travailler efficacement avec.

04 Ouvert

Esquisse-Tutoriel : 1.4 Outils

Sketch ne serait pas un si bon programme si on ne pouvait pas utiliser d'outils. Voici comment ajouter ces outils d'aide.

05 Ouvert

Tutorial de esquisse : 1.5 Les plugins les plus importants

Les plugins t'aident à travailler encore mieux et plus rapidement avec Sketch. Je vais te montrer quels plugins peuvent le mieux t'aider.

06 Ouvert

Tutoriel de dessin : Installer les bibliothèques 1.6

Avec Libraries, tu peux intégrer directement dans ton projet les designs standardisés d'Apple ou d'Android.

07 Ouvert

Tutoriel de croquis : 1.7 InVision

InVision est un outil qui facilite grandement votre projet Sketch. Là, vous pouvez créer des "maquettes" pour structurer votre projet.

01

Tutoriel de croquis : 1.1 Introduction

3 min Ouvert
02

Tutoriel de Sketch : 1.2 Qu'est-ce que Sketch ?

2 min Ouvert
03

Tutoriel de dessin : Interface du programme 1.3

6 min Ouvert
04

Esquisse-Tutoriel : 1.4 Outils

3 min Ouvert
05

Tutorial de esquisse : 1.5 Les plugins les plus importants

5 min Ouvert
06

Tutoriel de dessin : Installer les bibliothèques 1.6

3 min Ouvert
07

Tutoriel de croquis : 1.7 InVision

4 min Ouvert

Principes de design

2 Vidéos · 37 Minutes
08 Ouvert

Esquisse tutoriel: 2.1 Couleurs

Les couleurs vous offrent la possibilité de donner vie à votre application. Ici, vous trouverez une petite introduction au monde des couleurs.

09 Ouvert

Tutoriel sur les croquis : 2.2 Polices

Le réseau social "Medium" montre à quel point les polices peuvent influencer l'expérience utilisateur. Les polices dans votre application peuvent être très importantes.

08

Esquisse tutoriel: 2.1 Couleurs

19 min Ouvert
09

Tutoriel sur les croquis : 2.2 Polices

18 min Ouvert

Créer des prototypes

1 Vidéos · 18 Minutes
10 Ouvert

Tutoriel de croquis : 3 prototypages

Maintenant, commençons avec l'application proprement dite.

10

Tutoriel de croquis : 3 prototypages

18 min Ouvert

Conception d'écran

8 Vidéos · 128 Minutes
11 Ouvert

Tutoriel de croquis : 4.1 Écran d'accueil et modèles de design

Maintenant, nous nous lançons dans notre vrai projet et commençons par l'écran d'accueil. De plus, tu apprendras ici comment nous pouvons créer des modèles de design.

12 Ouvert

Tutoriel de croquis : 4.2 Créer des groupes et des styles de texte

Dans cette leçon, tu apprendras comment créer des groupes et enregistrer des styles de texte pour gagner du temps.

13 Ouvert

Tutoriel de dessin : trouver, créer et personnaliser des icônes 4.3

Les icônes sont une grande partie d'une application. Dans cette vidéo, tu découvriras où trouver les meilleurs icônes et comment les intégrer dans ton projet.

14 Ouvert

Tutoriel de croquis : Concevoir un design de chat 4.4, travailler avec des calques

Maintenant, passons au chat de notre application. Là, nous travaillons avec des calques, que tu devrais également utiliser pour gagner du temps.

15 Ouvert

Tutoriel de croquis : Conception iPhone X 4.5

L'iPhone X a changé certaines choses dans le design des applications. Les designers doivent maintenant travailler avec une nouvelle forme d'écran. Voici les bases.

16 Ouvert

Esquisse-Tutoriel: 4.6 Profil utilisateur, Effet flou

Avec des effets, vous pouvez donner à votre application un design intéressant. Nous utilisons l'effet de flou dans votre profil utilisateur.

17 Ouvert

Tutoriel de croquis : Utiliser le design comme outil.

Dans cette vidéo, tu découvriras comment tu peux utiliser le design comme outil pour donner une touche finale à ton application.

18 Ouvert

Tutoriel de croquis : Utiliser les bibliothèques 4.8 et créer une feuille d'action

Maintenant, utilisons la bibliothèque iOS pour créer une feuille d'action. Avec les bibliothèques, vous pouvez non seulement gagner du temps lors de la conception, mais aussi lors du développement.

11

Tutoriel de croquis : 4.1 Écran d'accueil et modèles de design

25 min Ouvert
12

Tutoriel de croquis : 4.2 Créer des groupes et des styles de texte

18 min Ouvert
13

Tutoriel de dessin : trouver, créer et personnaliser des icônes 4.3

16 min Ouvert
14

Tutoriel de croquis : Concevoir un design de chat 4.4, travailler avec des calques

16 min Ouvert
15

Tutoriel de croquis : Conception iPhone X 4.5

11 min Ouvert
16

Esquisse-Tutoriel: 4.6 Profil utilisateur, Effet flou

18 min Ouvert
17

Tutoriel de croquis : Utiliser le design comme outil.

18 min Ouvert
18

Tutoriel de croquis : Utiliser les bibliothèques 4.8 et créer une feuille d'action

6 min Ouvert

Fournir des designs

1 Vidéos · 13 Minutes
19 Ouvert

Tutoriel de croquis : proposer 5 designs sur InVision.

Si votre application doit être développée, les développeurs ont besoin de vos designs. Dans cette leçon, vous apprendrez comment fournir vos designs sur InVision.

19

Tutoriel de croquis : proposer 5 designs sur InVision.

13 min Ouvert

Fournir des infos importantes

1 Vidéos · 22 Minutes
20 Ouvert

Tutoriel de dessin : 6 guides pour intégrer de l'aide dans l'application

Les utilisateurs de l'application ne trouvent souvent pas les bons boutons ou ont d'autres questions qui ne sont pas clairement identifiables. C'est pourquoi nous créons une section de questions-réponses (Q&A).

20

Tutoriel de dessin : 6 guides pour intégrer de l'aide dans l'application

22 min Ouvert

Design professionnel

3 Vidéos · 66 Minutes
21 Ouvert

Tutoriel de croquis : Création de graphiques de design plat 7.1.

Si vous avez des délais serrés pour vos projets, vous n'avez souvent pas le temps de tout concevoir vous-même. Voici comment et où obtenir de l'aide.

22 Ouvert

Didacticiel de croquis : 7.2 redécoration de la maison

Sur l'écran d'accueil, nous avons encore beaucoup de marge de progression. C'est pourquoi nous allons refaire le design de notre premier écran.

23 Ouvert

Tutoriel de croquis : 7.3 Processus d'achat de l'expérience utilisateur

Le processus d'achat d'un utilisateur doit se dérouler comme sur des roulettes, car c'est l'un des moments les plus délicats du parcours utilisateur.

21

Tutoriel de croquis : Création de graphiques de design plat 7.1.

14 min Ouvert
22

Didacticiel de croquis : 7.2 redécoration de la maison

25 min Ouvert
23

Tutoriel de croquis : 7.3 Processus d'achat de l'expérience utilisateur

27 min Ouvert

Nouveautés dans Sketch

1 Vidéos · 6 Minutes
24 Ouvert

Tutoriel de Sketch : 8 Prototypages dans Sketch

Dans la nouvelle version de Sketch, tu as la possibilité de créer un prototype directement dans Sketch.

24

Tutoriel de Sketch : 8 Prototypages dans Sketch

6 min Ouvert

Exemples d'application

  • Des smartphones avec une application, dont le design a été développé dans Sketch.
    Ouvrir la galerie
    Exemple : Dans le tutoriel, vous créez une application évolutive à l'aide de Sketch.
  • Smartphone avec une application dont le design a été développé dans Sketch
    Ouvrir la galerie
    Ton formateur te donne des conseils et des astuces pour le design moderne de l'expérience utilisateur et de l'interface utilisateur.
Commentaires (0)

Commente maintenant „Esquisse-Tutoriel - devenez designer UI et UX.“