Concevoir une UI dans Photoshop - démarrer une carrière dans la conception d'UI
Muhammad Ahsan Pervaiz, UI UX Visual Designer 15+ Years
Regardez ce cours et des milliers d'autres
Regardez ce cours et des milliers d'autres
Leçons de ce cours
-
-
1.
De quoi c'est tout ?
4:04
-
2.
L'installation Photoshop CC2017 pour la conception UI
6:19
-
3.
Réglage de raccourcis clavier personnalisés dans Photoshop
4:19
-
4.
Installation de scripts dans Photoshop
5:40
-
5.
Installation de scripts Photoshop sur MAC
2:15
-
6.
Extensions Photoshop pour les concepteurs UI
7:09
-
7.
Puissance des extensions Photoshop
9:28
-
8.
Comment installer des extensions Photoshop
5:46
-
9.
Installation des extensions à l'aide de ZXP Installer Photoshop CC2017
6:29
-
10.
Installation des extensions Photoshop sur MAC
5:07
-
11.
Configuration et espace de travail pour la conception UI
7:16
-
12.
Qu'est-ce l'étalonnage des couleurs ?
8:24
-
13.
Meilleurs moniteurs (LED) pour les concepteurs
2:21
-
14.
Calification des couleurs basée sur le système d'exploitation
7:29
-
15.
Comment fonctionne l'interface de Photoshop
5:03
-
16.
Photohsop Nouveau document
4:12
-
17.
Quelles sont les planches d'art ?
6:22
-
18.
Comment fonctionne les calques dans Photoshop
7:53
-
19.
Panneau de texte dans Photsohop
4:38
-
20.
Outil de forme dans Photohsop
6:34
-
21.
Les bases de l'outil du stylo
2:53
-
22.
Plus sur l'utilisation de l'outil du stylo
15:52
-
23.
Alignement dans Photoshop
6:02
-
24.
Sélection dans Photohsop
6:21
-
25.
Raccourcis communs dans Photoshop
14:35
-
26.
Utiliser des masques de calques dans Photoshop
5:26
-
27.
Utiliser le masque d'écrêtage
2:48
-
28.
Exercice Challange → Masque d'écrêtage
0:50
-
29.
Utiliser des objets intelligents dans Photoshop
7:40
-
30.
Objets intelligents liés dans Photoshop
7:00
-
31.
Utiliser des globes de calques dans Photoshop
6:27
-
32.
Maîtriser les effets d'ombres à l'aide
3:40
-
33.
Utiliser un effet de calque d'ombre d'intérieur
2:17
-
34.
Utiliser un effet de calque de série
2:43
-
35.
Réutiliser des styles de calques
2:03
-
36.
Quels sont les Gradients? ?
2:03
-
37.
Utilisation des dégradés dans la conception UI
3:41
-
38.
3 façons de créer des Gradients dans Photoshop
4:49
-
39.
Utiliser un éditeur de dégradés dans Photoshop
7:30
-
40.
Utiliser le style de calques de calques de dégradés
5:34
-
41.
Quels sont les motifs et comment nous les utilisons dans la conception Web ?
2:28
-
42.
2 méthodes d'application des motifs
4:59
-
43.
Créer des motifs à partir d'un fichier d'image
2:35
-
44.
Installation et utilisation de fichiers .pat
5:11
-
45.
Comment fonctionne la lumière et l'ombre dans l'UI Design
4:01
-
46.
Exemples d'utilisations de lumière et d'ombres
2:22
-
47.
Plans de couleurs pour les débutants
1:54
-
48.
Utiliser la saturation de couleurs et l'éclat pour les schémas de couleurs
1:28
-
49.
Outils en ligne pour créer des plans de couleurs
5:29
-
50.
Sélectionner des polices et une typographie
8:55
-
51.
Utiliser des grilles dans la conception Web
5:51
-
52.
Créer des grilles dans Photoshop
6:14
-
53.
Challange à fond doux
0:25
-
54.
Solution de conception de boutons d'ombres doubles
12:47
-
55.
Conception de touches 3D Challange
1:12
-
56.
Effet pressé dans Photoshop
7:09
-
57.
Conception Header moderne Partie 1
8:46
-
58.
Conception Header moderne partie 2
8:49
-
59.
Variation de conception d'en-tête moderne
9:02
-
60.
Effets de superposition des couleurs pour la zone du héros
11:25
-
61.
Exercice de l'en
13:15
-
62.
Concevoir des tabs dans Photsohop
0:58
-
63.
Concevoir un thème d'onglet 1
14:14
-
64.
Concevoir un thème des tabs 2
8:08
-
65.
Rassembler des ressources pour la conception d'applications IOS
4:00
-
66.
Commençons de concevoir l'application IOS
4:35
-
67.
Ajouter des éléments de menu à l'application IOS
5:47
-
68.
Ajouter du texte à l'écran d'application IOS
5:30
-
69.
Ajouter des boutons à IOS App Design
11:51
-
70.
Utiliser des maquettes d'applications pour montrer vos conceptions
4:12
-
71.
Astuce simple pour supprimer les arrière-plans blancs
3:20
-
72.
Suppression des objets de l'image avec guérissions ponctuelles
4:26
-
73.
Faire ressortir les couleurs dans des images
6:48
-
74.
Édition de fond avec l'outil Lasso magnétique
15:53
-
75.
Utiliser l'outil Select et Mask pour nettoyer l'arrière-plan
10:20
-
76.
Quels sont les cadres de wireframes ?
3:45
-
77.
Outils utilisés pour créer des fichiers de wireframes
11:59
-
78.
Exercice →Redesign la photo de divinité partie 1
15:11
-
79.
Exercice →Redesign coupe de barbecue partie 2
14:43
-
80.
Convertir PSD en conseils de code
6:18
-
81.
Exporter des images pour des conseils de conception Web
6:59
-
82.
Conseils d'utiliser les grilles dans Photoshop
1:30
-
83.
Corresponde de polices → Nouvelles dans Photoshop CC2017
2:46
-
-
- --
- Niveau débutant
- Niveau intermédiaire
- Niveau avancé
- Tous niveaux
Généré par la communauté
Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.
1 345
apprenants
2
projets
À propos de ce cours
Cours le meilleur ventes (TOUS EN UN cours Adobe Photoshop dans Adobe Photoshop en matière SEUL
Pensez-vous que les concepteurs UI utilisent Photoshop de même que d'autres concepteurs ?
Savez-vous quels sont les concepts de base, les paramètres de l'UI et les outils de base que vous savez
Si vous souhaitez apprendre le design UI avec Photoshop et améliorer votre niveau de confiance et de compétence dans Photoshop, ce cours est pour vous. Ce cours est tout aussi bon pour les débutants et les experts, alors ne pas vous inquiétez pas si vous n'avez pas utilisé Photoshop Photoshop
La plupart d'ENTRE nous ne connaissent pas les paramètres de base, les raccourcis et les outils dont nous avons besoin dans Photoshop pour devenir concepteurs UI, nous commissions des erreurs et nous permes plus en temps de passer en temps en temps de passer en temps en ligne en quête de différents paramètres et réponses aux problèmes de conception UI et de problèmes courants de conception UI.
Qu'est-ce allez-vous apprendre ?
- Maîtriser des outils de base de Photoshop spécifiques à l'UI Design.
- Appliquez vos connaissances à la conception de pages to au design d'applications Web ou à la conception d'applications mobiles
- Utilisez des raccourcis communs et des extensions secrètes pour accélérer votre flux de travail de conception Web
- Apprendre des bases des concepts de lumière et d'ombres dans UI Design
- Comment utiliser des motifs et des dégradés pour améliorer vos conceptions
- Apprenez comment les concepteurs d'interface utilisateur utilisent Photoshop dans leurs routines quotidiennes
- Utiliser et créer des guides et des grilles avec des extensions Photoshop
- Installation et utilisation Photoshop à un projet de conception UI
- Utiliser des superpositions de couleurs et de couleurs pour créer des conceptions modernes
- Connaître tous les plugins utilisés par UI Designer utilisent tout le temps
- Apprenez comment créer et utiliser GRIDS dans la conception Web
- Concevoir une application mobile dans Photoshop (exercices étape par étape)
- Techniques de montage d'images dans Photoshop pour en éliminer l'arrière-plan
- Les bases de l'ajustement de couleurs des images pour les concepteurs UI
- Qu'est-ce que Wireframes, comment créer des fichiers et des outils de conception de fichiers de wireframes ?
- re-design de photos étape par étape par étape des exercices de conception de re-design à étape par étape
Structure du cours
- Plus de 20 exemples de pratique et défis de conception pour vous améliorer au design UI Design de l'UI
- Quizz pour tester vos connaissances de Photoshop sur l'UI Design
Série de conférences de demandes d'apprenants
Beaucoup de cours sont ajoutés sur la demande de mes apprenants actuels alors rejoignez tout problème de conception ou tout nouveau nouveau que vous voulez apprendre.
- Comment installer des extensions Photoshop dans CC2017 (L'exposition des demandes des apprenants
Suivez ce cours maintenant et commencez votre carrière en tant que concepteur UI
Rencontrez votre enseignant·e
I started my Freelancing Career 10+ years ago and learned everything the hard way myself. I went from scratch to end up working for FORTUNE 500 companies like INTEL, PANASONIC and Coca-Cola.
In just 2 years of Serious UI Designing, I made my place on DRIBBBLE
Working with Art Directors from Coca-Cola and Project Managers from the UK, I learned a lot in short period of time.
Worked from App Icon Design to App UI Design, from wireframes, prototypes and Mockups Design. I have a hunger of perfecting User Interface from all aspects
What my students are saying about my Classes?
AWARDS & WINS
I am a multi-talented person who has won One Gold Medal, won a nationwide Poster Design competition from PANASONIC and won many Landing ... Voir le profil complet
Projet de cours pratique
Il y a de nombreux exercices et défis dans ce cours, mais le dernier est que vous devez créer une conception Web basée sur ce Wireframe en ligne
https://classic.moqups.com/ahsanpervaiz/OQue9FER/
Téléchargez toutes les ressources de cours et les fichiers PSD de source
Notes attribuées au cours
Pourquoi s'inscrire à Skillshare ?
Suivez des cours Skillshare Original primés
Chaque cours comprend de courtes leçons et des travaux pratiques
Votre abonnement soutient les enseignants Skillshare
Apprenez, où que vous soyez
Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.
