5,00

Tuto Formation Photoshop Webdesign Mobile First avec Photoshop

5,00

  • Une formation vidéo de 1h18m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Formation Photoshop Webdesign Mobile First

ajouter ce cours aux favoris retirer ce cours des favoris

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 cet 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.

Table des matières de cette formation Photoshop (durée : 1h18m)

  • Webdesign Photoshop en Mobile First
    • Maquette Mobile Partie 01 00:07:24
    • Maquette Mobile Partie 02 00:19:05
    • Maquette Mobile Partie 03 00:13:00
  • Webdesign Photoshop pour tablettes
    • Webdesign de la version tablette 00:23:25
  • Webdesign Photoshop pour Desktop
    • Webdesign de la version Desktop 00:15:16



Formateur : Damien Gallez

Damien Gallez a publié 121 tutoriels et obtenu une note moyenne de 4,8/5 sur 148 293 tutoriels vendus. Damien Gallez est un formateur certifié tuto.com. Voir les autres formations de Damien Gallez

4,7
note moyenne

20
avis laissés
5 étoiles
14
4 étoiles
5
3 étoiles
1
2 étoiles
0
1 étoile
0
  • 5
    avis de coco33610 laissé le 15/09/2023
    Bien mais un poil trop rapide sur la dernière partie même si c'est de la répétition

  • 5
    avis de _izigrafik laissé le 09/07/2023
    Merci beaucoup Damien pour vos excellents Tutos. Je suis un de vos "admirateurs".....vous êtes vraiment doué !! J'enchaîne avec l'intégration Bootstrap.... Au plaisir. Eric

  • 3
    avis de membre-7821-7441 laissé le 06/02/2023
    Pas d interet etant photographe

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Photoshop CS6
  • 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.
Parcours Photographe
accédez à plus de 1447 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données