Web Design : soyez responsive !
A course by Francisco AveledoConcepteur Web
A course by Francisco Aveledo, Concepteur Web
Apprenez à concevoir votre portfolio web responsive
Le monde du Web évolue en responsive pour qu'il puisse être vu à la fois sur mobile, tablette et bureau, par conséquent, Francisco Aveledo de FA Design, vous apprendra à concevoir un site Web original ou votre propre portfolio, à partir de le concept à sa préparation pour un programmeur pour en faire une réalité.
En créant votre propre portfolio en ligne, vous apprendrez les étapes les plus élémentaires pour concevoir des sites Web jusqu'à ce que le fichier soit prêt pour le programmeur, et vous entrerez également dans « Responisve Web Design », la méthode la plus utilisée actuellement qui permet à votre conception de s'adapter à tous les appareils.
Éloignez-vous des portefeuilles prédéfinis typiques en créant le vôtre à partir de zéro et faites vos premiers pas dans la conception Web.
Qu'allez-vous apprendre dans ce cours en ligne ?
17 leçons & 23 vidéos téléchargées
Inspiration
7 minutes, 22 secondes
Site Web adaptatif
6 minutes, 31 secondes
Organiser le contenu
4 minutes, 24 secondes
Wireframing
9 minutes, 55 secondes
La grille (système de grille)
4 minutes, 39 secondes
Concept graphique
4 minutes, 49 secondes
Que comprend ce cours ?
Pour commencer l'aventure de la création de votre site, FA Design vous donnera une introduction à la conception de sites Web et aux portefeuilles en ligne, avec une explication sur le `` Responsive Web Design '' où vous apprendrez pourquoi c'est actuellement la manière la plus courante de concevoir des sites Web. Ensuite, vous organiserez le contenu du portfolio Web et vous ferez des croquis sur papier sur l'architecture de l'information, essentiellement des «wireframes» faits à la main. À cette fin, vous utiliserez une grille comme base de la conception; Cela vous aidera à maintenir une logique de niveau structurel et sera très utile pour le programmeur qui va configurer le site.
Vous pratiquerez un véritable processus de travail avec toutes les touches pour que le web soit fluide et facile à utiliser. Enfin, vous verrez quelques astuces sur la façon de préparer des fichiers Photoshop pour une utilisation ultérieure par un programmeur, ce sera lui qui donnera vie au design. Vous recevrez également des conseils sur la manière de promouvoir le site Web une fois qu'il sera mis en place et en ligne.
Recommended software & tools for this course
What is this course's project?
Le projet final du cours consistera à créer la conception visuelle d'un portfolio Web pour un programmeur afin de le réaliser. Vous partirez de la conception de l'idée jusqu'à la préparation des fichiers qui pourront être utilisés par un programmeur pour mettre en place le web ultérieurement.
Les portefeuilles Web ne sont généralement pas des sites complexes et c'est un projet très utile pour toute création, parfait pour débuter dans le domaine du responsive design afin qu'il puisse être vu depuis n'importe quel appareil (mobile, tablette ou bureau).
Projets d'élèves du cours
Who is this online course for?
Ce cours s'adresse principalement aux créatifs en général qui souhaitent faire leurs premiers pas dans le monde de la conception Web. Cela peut également être utile pour certains programmeurs qui ont besoin d'approfondir la phase créative de leurs projets.
Requirements and materials
Pour faire ce cours, vous aurez besoin des principes de base de la conception graphique, d'un cahier pour dessiner et d'un niveau moyen de Photoshop. Il n'est pas nécessaire d'avoir des connaissances en conception Web, juste une idée de base avec l'expérience de la navigation sur Internet.
Avis
- il y a 10 mois
Me ha gustado, es sencillo.
- il y a 1 an
La explicación que tiene es muy concreta y precisa haciendo entender todo el contenido de manera correcta y así mismo incitando a el aprendizaje autónomo
- vidhyaprabhu14PLUSil y a 2 ans
I loved the grid system in this topic. Love to know more about it
- il y a 2 ans
Buenísimo.
- il y a 3 ans
Excelente
J'ai toujours été passionné par le design numérique, même si j'apprécie aussi beaucoup la partie traditionnelle du design, car j'ai eu l'occasion d'apprendre les deux. Depuis que j'étudiais le design, j'ai aimé l'idée de concevoir pour l'écran, d'organiser le contenu et de l'afficher efficacement. J'ai travaillé sur de nombreux projets, à la fois sur le Web, l'impression, le mouvement et d'autres surfaces numériques telles que les applications de services de télévision numérique.
Contenu
- U1
Introduction à la conception Web
- Conception FA et conception Web
- Bases de la conception Web
- Inspiration
- Site Web adaptatif
- U2
Architecture de l'information
- Organiser le contenu
- Wireframing
- La grille (système de grille)
- U3
Concept et design visuel
- Concept graphique
- Construisez le Web
- Définir les éléments graphiques
- Variations de fonds
- Définir des instances
- Concevez le reste des écrans
- Définir les fonctions responsives
- U4
Préparer les fichiers pour le développeur
- Le programmeur
- Nettoyer et organiser
- Faites la promotion de votre site Web
- PF
Projet final
- Conception Web: soyez réactif!
Ce qu’il faut attendre d’un cours Domestika
Apprenez à votre rythme
Apprenez chez vous, sans horaires fixes et à votre rythme. C’est vous qui décidez de votre programme d’apprentissage.
Apprenez auprès de grands noms du secteur créatif
Apprenez les techniques et les méthodes les plus utiles auprès des meilleurs professionnels du secteur créatif.
Rencontrez des spécialistes reconnus
Dans chaque leçon, votre professeur vous transmettra ses connaissances avec enthousiasme, vous donnera des explications claires et vous fera bénéficier de son expertise.
Certificates
PLUSIf you're a Plus member, get a certificat personnalisé signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Soyez aux premières loges
Profitez de vidéos de haute qualité pour ne manquer aucun détail. Grâce à un accès illimité, vous pourrez les regarder autant de fois que nécessaire pour perfectionner vos compétences.
Partagez vos connaissances et vos idées
Posez des questions, demandez des avis ou suggérez des solutions. Partagez votre expérience d’apprentissage avec les autres élèves de la communauté qui ont, comme vous, une passion pour la créativité.
Rejoignez une communauté créative internationale
Cette communauté réunit plus de huit millions de personnes des quatre coins du monde, curieuses et passionnées, avec cette même envie de développer et d’exprimer leur créativité.
Assistez à des cours de haute qualité
Domestika sélectionne les professeurs avec soin et produit chaque cours en interne afin de garantir une expérience d’apprentissage en ligne de qualité optimale.
Foire aux questions
Vous apprendrez à structurer des pages web, utiliser des grilles, créer des menus, concevoir des en-têtes et pieds de page, appliquer le design responsive, organiser le contenu avec des wireframes et préparer les fichiers pour les développeurs, en vous concentrant sur des portfolios professionnels et des sites visuellement attractifs.
Le cours est de niveau intermédiaire. Il est idéal si vous avez déjà des connaissances de base en design web ou une expérience préalable avec des outils graphiques comme Photoshop.
Vous devez avoir des notions de base en design numérique et savoir utiliser des logiciels comme Photoshop. Une familiarité avec les concepts de design web et la navigation internet est recommandée.
Le cours vous guide pas à pas dans la structuration, le design visuel et l’organisation de projets pour un portfolio web, en utilisant des exemples concrets et des techniques d’inspiration pour mettre en valeur votre travail en ligne.
On utilise principalement Photoshop et des outils en ligne pour créer des grilles, des simulateurs d’appareils et des wireframes, à la main ou en version digitale.
Oui, vous apprendrez à créer des structures flexibles, adapter menus, colonnes et contenu selon l’appareil, et vérifier le rendu responsive grâce à des outils et simulateurs.
Vous apprendrez à appliquer des grilles en colonnes et des wireframes pour répartir et hiérarchiser le contenu, obtenant une structure visuelle cohérente et facile à naviguer.