Web Design : soyez responsive !
Un cours proposé par Francisco Aveledo, Concepteur Web
A rejoint Domestika en septembre 2009
Apprenez à concevoir votre portfolio web responsive
A rejoint Domestika en septembre 2009
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
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.
- 91% avis positifs (259)
- 3 770 élèves
- 17 leçons (1 h 49 min)
- 23 ressources complémentaires (12 fichiers)
- En ligne et à votre rythme
- Disponible sur l'application
- Audio : Espagnol
- Espagnol · Anglais · Portugais
- Niveau : Débutant
- Accès illimité pour toujours
Logiciels et outils recommandés pour ce cours
Adobe PhotoshopQuel est le projet du cours ?
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
À qui s'adresse ce cours en ligne ?
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.
Prérequis et matériel nécessaire
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
Francisco Aveledo
Un cours proposé par Francisco Aveledo
Je m'appelle Francisco Aveledo et je travaille comme graphiste sous le nom de FA Design. Ma spécialité est la conception Web et l'image de marque, bien que je couvre d'autres domaines du design. Je me consacre au design depuis plus de 15 ans, de nombreuses années d'études et les 6 dernières années par moi-même.
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.
-
Certificats
PlusEn 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.
-
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.
Adobe Photoshop
Me ha gustado, es sencillo.
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
I loved the grid system in this topic. Love to know more about it
Buenísimo.
Excelente