Formation Photoshop Webdesign Mobile First
ERROR
00:00
00:00

TUTO Formation Photoshop Webdesign Mobile First

Damien Gallez
5,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto Photoshop sur le Webdesign en Mobile First, nous allons apprendre à créer une maquette de page d'accueil responsive en amélioration progressive. C'est-à-dire que l'on partira d'un webdesign d'une version mobile de notre site afin d'ajouter des fonctionnalités supplémentaires pour les versions tablettes et desktop. Concevoir son site Internet en pensant d'abord à la version mobile, c'est ce qu'on appelle le Mobile First en UX design.

Le but de ce tuto est de mieux appréhender le système de grille de Bootstrap qui nous permettra de réaliser une intégration HTML5 & CSS3 en Responsive Design par la suite, lors d'un second cours.

Au programme de ce tuto Photoshop Webdesign Mobile First

Au cours de ce tutoriel Webdesign Photoshop, nous apprendrons à :

  • Créer un gabarit de page en version mobile (lecture linéaire).
  • Créer un gabarit de page en version tablette (lecture sur 2 colonnes).
  • Créer un gabarit de page en version desktop (lecture sur 4 colonnes).
  • Placer des repères.
  • Créer des boutons.
  • Augmenter la taille de son espace de travail pour le switch de versions et donc mieux apprendre à travailler en responsive sous Photoshop.

A la fin de ce cours vous serez en mesure de mieux appréhender le travail de Webdesign dans la conception d'un site responsive, avec une approche Mobile First.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Webdesign Photoshop en Mobile First
Chapitre 2
Webdesign Photoshop pour tablettes
Chapitre 3
Webdesign Photoshop pour Desktop

Plan détaillé du cours

Chapitre 1 : Webdesign Photoshop en Mobile First
39m29s
 
Leçon 1Maquette Mobile Partie 01
Leçon 2Maquette Mobile Partie 02
Leçon 3Maquette Mobile Partie 03
Chapitre 2 : Webdesign Photoshop pour tablettes
23m25s
 
Leçon 1Webdesign de la version tablette
Chapitre 3 : Webdesign Photoshop pour Desktop
15m16s
 
Leçon 1Webdesign de la version Desktop

Aperçus

Avis des apprenants

Détail des avis
657
Apprenants
25
Commentaires
4,5/5
Note moyenne
5/5
15
4/5
7
3/5
3
2/5
0
1/5
0
Didier Domer
Didier Domer
Publié le 26/03/2024
Mettre les mains dans le cambouis pour la bonne cause !
Philippe Esnault
Philippe Esnault
Publié le 17/03/2024
bonne formation pour la création de page wesb
Séverine Lenoir
Séverine Lenoir
Publié le 20/02/2024
Permet de comprendre la création des pages web via Photoshop

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

Photoshop CS6, Photoshop CC

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Les templates Photoshop au format PSD, réalisés durant la formation.

Est-ce une formation sur Bootstrap ?

Non, ce premier chapitre Photoshop est axé uniquement sur la création des gabarits de pages. Il s'agit donc d'un travail de webdesign. Bootstrap sera traité lors du prochain chapitre.

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données