Création de sites web. UX/UI - cours 66 360 roubles. de l'Académie numérique de Moscou, formation, Date: 29 novembre 2023.
Miscellanea / / November 30, 2023
Beaucoup de nos étudiants, venus de zéro, travaillent dans des agences numériques renommées, des sociétés informatiques ou en tant qu'indépendants dans le monde entier.
Nous développons vos compétences de manière intensive et intéressante
Nous parlons avec des mots simples de choses complexes - sans eau et sans longues conférences ennuyeuses. Les conférences de 15 à 20 minutes sont faciles à comprendre et à digérer. Nous avons créé des simulateurs uniques pour Figma, des références et UX qui vous aident à maîtriser rapidement des sujets complexes et à perfectionner vos compétences pratiques. Notre simulateur Figma unique vous aidera à maîtriser Figma rapidement et facilement.
Un bon feedback est la clé du succès
Nos mentors, designers en exercice, vous aideront à améliorer vos projets et répondront à toutes les questions, même les plus « stupides ». Des commentaires seront disponibles tout au long du cours.
Ateliers en direct
Nous aimons rencontrer nos étudiants, c'est pourquoi nous organisons pour vous des ateliers en direct, pratiquons ensemble et faisons de nouvelles connaissances numériques. Lors des ateliers, nous créons une ambiance proche du travail en studio afin de plonger les enfants dans le processus de création d'un design et de défense d'un projet en équipe.
Chat communautaire et assistance 19/7
Rejoignez la communauté du design dès les premiers jours de vos études. Dans les chats, les étudiants partagent leur travail et leurs ressources utiles, et les conservateurs de l'académie répondent rapidement à toutes leurs questions.
Si vous êtes déjà designer, possédez votre propre portfolio et souhaitez recevoir des commentaires à ce sujet, envoyez un lien vers votre portfolio - nous analyserons votre travail, définirons un cheminement de carrière et vous indiquerons comment vous pouvez vous améliorer.
Analyse de portefeuille et conseils pour l'améliorer
Le concepteur principal et l'équipe MDA analyseront votre portefeuille et vous indiqueront quelles compétences vous devriez améliorer et où aller ensuite. Nous vous aiderons également à rédiger une excellente lettre de motivation pour l’entreprise de vos rêves. Vous pouvez choisir un format de feedback pratique – appel vidéo ou correspondance via les réseaux sociaux.
Discutez avec les postes vacants
Nous publions des offres d'emploi d'entreprises partenaires, de nos diplômés, ainsi que des offres d'emploi tout simplement intéressantes pour les juniors et les intermédiaires du design. N'oubliez pas les projets indépendants: dans notre chat, vous pouvez trouver à la fois votre emploi principal et votre travail à temps partiel.
Entreprises partenaires
Nous recommandons des diplômés talentueux pour travailler dans des entreprises partenaires, ainsi que pour des stages chez YClients.
Vidéo dans votre compte personnel
Le cours contient toute une section sur l'emploi: des conseils sur les ressources pour rechercher un emploi et ce qu'il vaut mieux ne pas faire lorsqu'on postule à un poste vacant.
A reçu une formation d'architecte à NNGASU.
Il a travaillé avec des marques: Shell, Sibur, ROSNO Allianz, Radisson, Muz-TV, AlfaStrakhovanie, le groupe d'assurance MAX, la compagnie d'assurance VSK, S7 et d'autres sociétés bien connues.
Illustrations pour les magazines « Snob », « Gaming » et autres.
Compétences clées:
- concevoir des interfaces et des mises en page de projets Web,
- conception adaptative,
- présentation de projets web pour les clients,
- développement d'illustrations pour des projets web.
Introduction à la conception. Pratique et outils
— Domaine de responsabilité du concepteur.
— Comment développer un designer en soi.
— Comment et où s'inspirer ?
— Le processus de création de conception.
Maîtriser le programme Figma. Pratique
— Apprendre à connaître Figma
— Outils de base
— Simulateur Figma
— Animation dans Figma
— Créez une mise en page interactive dans Figma + utilisez GIF
— Styles dans Figma
— Mise en page automatique (théorie). PRO.
— Mise en page automatique (pratique). PRO.
- Composants. PRO.
— Variantes. PRO.
- Confiture de figue
—Plugins
Grille et composition modulaires
— Qu'est-ce qu'une grille modulaire ?
— Comment concevoir une grille modulaire
— Qu'est-ce que la composition, comment est-elle structurée ?
— Couleur, correspondance des couleurs, théorie des couleurs
— Travailler avec du contenu
— Disposition des éléments sur le chantier
— Neuroesthétique
— Grille modulaire. PRO.
-DZ-1. Dessiner un site Web de portfolio
Typographie
— Ambiance, classification des polices
— Anatomie d'une police: crénage, suivi, interlignage
— Édition: trait d'union, tiret, guillemets, conjonctions pendantes
— Services, polices commerciales et non commerciales, tarification des polices, prix.
— Disposition du texte
— Paires de polices
— Quelles polices utiliser
— Erreurs de typographie.
Travailler avec des références
— Travailler avec des références. 1 partie.
— Travailler avec des références. PRO.
— Formateur de référence
Étapes de développement du projet
- Étude
— Structure, prototype et mise en page
— Réalisation technique
-DZ-2. Refonte d'un site internet bar/site architecte d'intérieur (au choix)
Caractéristiques techniques des projets
— Comment un site arrive-t-il sur Internet ?
— Qu'est-ce que le front-end. Comment fonctionne le code ?
— Qu'est-ce qu'un back-end ?
— Domaine et hébergement.
— Comment soumettre une mise en page pour développement? Que faut-il joindre, sous quel format et pourquoi ?
UX et analyses
— Qu'est-ce que l'UX. En quoi cela consiste?
— Architecture de l'information. Hiérarchie.
- Design d'interaction
- Aspect visuel
- Tests d'utilisation
— Analyse UX
— Scripts personnalisés
— Méthode personne
- Carte mentale
— Prototypage
— Niveaux selon James Garrett.
— Modèles UX
— Qu'est-ce qu'un système de conception ?
— Système de conception. Pratique
— Analyse des erreurs de conception visuelle
— Principe des 4 questions
— Prototypes détaillés complexes
-DZ-3
-DZ-4
— Carte du parcours client (CJM)
— Formateur UX/UI (bêta)
— Pourquoi avons-nous besoin de recherches UX ?
- Recherche quantitative. Les sondages.
— Outils de création d'enquêtes.
- Recherche qualitative. Entretien.
- Tests d'utilisation. PRO.
- Hypothèses.
— Témoignage d'utilisateur / Travaux à effectuer
— Devoirs sur la recherche UX
Conception adaptative
— Qu'est-ce que le design réactif
— Comment fonctionnent les autorisations
— Types d'aménagement
— Collecte adaptative (nouveau)
Protection du projet
— Préparation à la défense
— Défense du projet auprès du client
- Estimation
— Protection du projet par Grisha Kochenov
-DZ-5. Dessiner un site Web
Marque personnelle
— Freelance et temps plein
— Formats de travail de base pour les designers.
— Que veulent voir les employeurs ?
— Où chercher un emploi de web designer
- Lettres de motivation
— Comment réussir les entretiens
— Cas réussis
-DZ-6. Travail d'études supérieures
Animation
— Micro-animation
— Macro-animations
— Animation du premier écran
— Animation dans ProtoPie
— L'animation en principe
— Animation dans Adobe After Effects
- Spline 3D
— Interfaces du futur. Grisha Kochenov
Enregistrement des œuvres
— Conception de portefeuille. Comment créer un dossier de projet. En quoi consiste le dossier ?
— Analyse d'exemples de cas d'étudiants
— Comment insérer votre mise en page dans une maquette. Partie 1
— Travailler avec une maquette. Partie 2
— Conception de cas sur Behance dans Figma
— Comment publier votre cas sur Behance
— Balise Behance et MDA
Tilde
— Faire connaissance avec Tilda
— Inscription et interface
— Paramètres du site et paramètres des pages
— Blocs standards
— Zéro-bloc, interface
— Zéro-bloc, travailler avec du texte
— Zéro-bloc, travailler avec des images
— Zéro-bloc, formes
— Bloc zéro, travaillant avec des boutons
— Bloc zéro, outils supplémentaires
— Mise en page sécurisée sur Tilda, conteneur Grid
— Paramètres de l'écran d'accueil
- Échelle automatique
— Retraits à Tilde
— Adaptation mobile
— Modèles d'animation de Varfolomeev
- Boutique en ligne
- Boutique en ligne. PRO
— Actualités et flux
- Espace personnel
— Mise en page dans Figma, conteneur Grid
— Mise en page dans Figma, conteneur Windows
— Mise en page dans Figma, mise à l'échelle automatique
— Transfert automatique de la mise en page depuis Figma
- Modifications
— DZ selon Tilda
Photoshop
Quelques leçons pour vous aider à comprendre les outils de base dont les concepteurs Web auront besoin
Rédaction UX
La rédaction UX, en quoi elle diffère de la rédaction régulière, des exemples sont pris en compte.
l'image de marque
- Qu'est-ce qu'une marque? Composants de marque.
— Livre de marque
— Positionnement, plateforme de marque
— Dessiner un logo dans Figma
Bibliothèque
Livres pour les concepteurs de sites Web