Questions sur vos maquettes web (en 2019)

Questions sur vos maquettes web (en 2019)
Bienvenue sur le forum à destination des webdesigners et designers multimédia UX/UI ! Secteur en pleine expansion et en constant changement depuis le début du 21ème, il suscite ses dernières années un élan d'intérêt de la jeune génération. A ce titre, les écoles et centres de formation proposant des diplômes de webdesigner et designer multimédia UX/UI se multiplient. Vous en trouverez aisément dans l'ensemble des grandes villes sur le territoire. Selon les dernières estimations disponibles, la croissance de ce marché professionnel ne devrait pas subir de une baisse dans la décennie à venir.

Vous êtes un salarié ou freelance webdesigner ou designer multimédia UX/UI ? Vous vous retrouvez actuellement en pleine incertitude sur un sujet, une tâche ou obligation en rapport avec votre métier ? Au contraire, vous êtes un novice en pleine recherche de votre voie d'étude ou en reconversion professionnelle et visez ce secteur ? Dans chacun des cas présentés ci-dessus, ce forum est fait pour vous ! Plusieurs centaines de salariés et freelances webdesigners ou designers multimédia UX/UI actifs vous attendent pour répondre à l'ensemble de vos questions. Une fonction recherche est intégrée au forum afin de vous aider à découvrir rapidement si votre question a déjà été posée. Ce n'est pas le cas ? N'attendez pas un instant, rédigez-là et attendez que pleuvent les réponses !

Quelles sont les recours pour bénéficier d'une formation UX/UI dans le cadre d'une reconversion professionnelle ? Quelles aides sont disponibles pour le financement d'une formation webdesigner et designer multimédia ? Comment bien choisir ses tarifs lorsque l'on est freelance selon son ancienneté et niveau de formation ? Quelle est la journée type d'un webdesigner ? Voici quelques questions que vous pouvez visiter dés à présent sur le forum. En attendant de pouvoir lire les vôtres, toute l'équipe ainsi que la communauté de ce forum vous souhaitent la bienvenue !

Vous avez un projet de design de site web? Vous cherchez un webdesigner freelance ? Déposez gratuitement une offre d'emploi ou demande de devis dans notre rubrique "Jobs".
Avatar de l’utilisateur
spip93
Rang 2
Rang 2
Messages : 16
Inscription : lun. 14 mai 2012 13:52

Questions sur vos maquettes web (en 2019)

Message par spip93 » mar. 15 oct. 2019 10:37

Bonjour à tous et à toutes,

Je viens de reprendre mon boulot de webdesigner après 10-15 ans. Entre temps, beaucoup de choses ont changé. Du coup, j'avais quelques questions pour me remettre dans le bain.
(Je vais essayer de faire court :-P ) Quand vous faites des maquettes web, quelle est la largeur (en px) de vos maquettes :
- Pour un ordi
- Pour un smartphone
Je pose la question, parce que autant il y a 10 ans la résolution d'écran la plus courante était 1024 x 768 (voir ici), autant, aujourd'hui, avec les smartphones, ça a beaucoup changé et c'est plutôt 1366 x 768 (voir ici) pour un ordi et 360x640 pour les smartphones.

Est-ce que vous utilisez un système de grille (960 grid par exemple) ? Ou est-ce que c'est "has been" en 2019-2020 ? Juste pour ordi ou aussi pour smartphone ?
Est-ce que vous passez par un framework CSS ? Si oui, lequel ? Twitter Bootstrap ? Foundation ..? Pourquoi (ce framework plutôt qu'un autre) ?
(Question subsidiaire) Quel IDE utilisez-vous ? Perso, avant j'utilisais PHPDesigner, mais depuis quelques temps, j'ai changé pour Visual Studio Code. Qu'en pensez-vous ?

Je vous remercie par avance pour vos réponses.
Bonne journée ;-)

Avatar de l’utilisateur
Yamo
Modérateur
Modérateur
Messages : 18493
Inscription : mer. 20 oct. 2010 10:55
Localisation : TOULOUSE

Re: Questions sur vos maquettes web (en 2019)

Message par Yamo » mar. 15 oct. 2019 11:54

En général je designe les pages en deux largeurs : desktop (entre 1200px et 1600px selon les projets) et mobile (360px). Pour certains projets, on me demande de faire des versions intermédiaires.

Il est toujours important d'utiliser des grilles oui. Ça facilite grandement le travail d'intégration, surtout si des frameworks sont utilisées, et ça permet de bien mieux gérer le responsive.

Tu peux te créer ton propre modèle de grille, mais plus ça va plus je bosse avec XD, qui fait ça très bien. Quitte à te remettre au webdesign, ce pourrait être l'occasion de commencer à t'intéresser aux nouveaux outils qui ont été récemment créés et font ça mieux que Photoshop. XD donc par exemple, ou Sketch si tu es sur Mac.
Le livre pour les graphistes > www.profession-graphiste-independant.com
Le livre pour tous les créas > www.creatif-freelance.com

Avatar de l’utilisateur
Fremo
Rang 8
Rang 8
Messages : 771
Inscription : jeu. 27 mars 2014 22:44
Localisation : Provence

Re: Questions sur vos maquettes web (en 2019)

Message par Fremo » mar. 15 oct. 2019 12:14

Trop fort le coup du "XD" ! XD
Graphiste print · Webdesigner WP + Oxygen || Divi · Freelance · fremodesign.fr - Twitter

Avatar de l’utilisateur
Yamo
Modérateur
Modérateur
Messages : 18493
Inscription : mer. 20 oct. 2010 10:55
Localisation : TOULOUSE

Re: Questions sur vos maquettes web (en 2019)

Message par Yamo » mar. 15 oct. 2019 15:27

Ah oui merde... Du coup j'ai désactivé les émoticônes.
Le livre pour les graphistes > www.profession-graphiste-independant.com
Le livre pour tous les créas > www.creatif-freelance.com

Avatar de l’utilisateur
Kami-Saki
Rang 3
Rang 3
Messages : 21
Inscription : mar. 22 sept. 2015 18:26

Re: Questions sur vos maquettes web (en 2019)

Message par Kami-Saki » ven. 22 nov. 2019 16:04

Bonjour,
pour ma part je maquette pour desktop en 1280x700 avec des marges de 40px de chaque côté, donc sur une grille de 12 colonnes de 100px.
Les résolutions plus petites en largeur (1024px et la grille de 960px qui va avec) je les inclus dans les versions "mobiles", en effet certains écrans 1024 sont encore des écrans desktop mais là plus part des appareils utilisés dans cette largeur sont des tablettes.

Pour mobile ça dépend des projets, je n'ai pas encore trouvé le format idéal.
J'utilise parfois le 360x640 car c'est le plus utilisé mais en ce moment j'essaie de m'imposer le format 320x568, car c'est une résolution encore très présente (8% des smartphone en France, en octobre 2019).

Avatar de l’utilisateur
Ziell
Rang 7
Rang 7
Messages : 398
Inscription : mer. 7 déc. 2011 15:57

Re: Questions sur vos maquettes web (en 2019)

Message par Ziell » ven. 22 nov. 2019 19:40

Je maquette toujours en 320px pour le mobile, sinon ça passe à la trappe les kilotonnes d'utilisateurs d'iPhone 4 / 4S / 5 / 5S / SE encore en circulation. Bien intégré derrière, un site qui rend bien sur ce format contraignant s'étendra correctement sur les résolutions intermédiaires 321-800px, tandis qu'un site conçu en 360px ou 375px de largeur avec déjà des concessions réalisées sur la largeur, sans penser aux formats encore plus petits, risque d'être inutilisable (ou de paraître cassé) sur 320px.

Pour le desktop, je maquette en 1280px, 1376px ou 1440px selon les projets, avec un layout valable pour toutes les résolutions ≥1200px, et valide moyennant quelques petites aadaptations entre 1024px et 1200px.

Pour les résolutions intermédiaires (800-1024px), je spécifie cela en dur pour les développeurs du projet, ou maquette des variantes "responsive" des composants principaux type header. Il m'arrive parfois de maquetter une page-clé en 1024px pour donner le ton en matière de rendu attendu sur les résolutions intermédiaires (généralement plus proche des maquettes desktop que des maquettes mobiles au-dessus de 960px, et inversement en-dessous).

Mon objectif principal en terme de livraison : laisser le minimum de marge de manœuvre aux développeurs quand il s'agit d'imaginer / de deviner ce qu'on n'a pas représenté, ce n'est pas leur boulot. En revanche côté design on ne peut pas tout représenter non plus, donc une bonne discussion au moment de la passation et une ligne ouverte tout le long du projet permet de s'assurer que l'intention est respectée, et alignée avec la faisabilité technique proposée par les développeurs, ce qui permet aussi de fonctionner de concert par hypothèses, en bonne intelligence.

harsene
Nouveau
Nouveau
Messages : 1
Inscription : ven. 10 janv. 2020 16:11
Contact :

Re: Questions sur vos maquettes web (en 2019)

Message par harsene » ven. 10 janv. 2020 16:38

Hello,

J'espère que tu passes une bonne journée.

Comme outils, tu dois absolument tester Sketch, c'est la nouvelle référence pour le webdesign.

Avatar de l’utilisateur
Yamo
Modérateur
Modérateur
Messages : 18493
Inscription : mer. 20 oct. 2010 10:55
Localisation : TOULOUSE

Re: Questions sur vos maquettes web (en 2019)

Message par Yamo » sam. 11 janv. 2020 11:23

tu dois absolument tester Sketch, c'est la nouvelle référence pour le webdesign.
Je dirais plutôt que c'est une référence, car son déploiement mac-only l'empêche (et l'empêchera toujours) de prendre définitivement le pas sur l'ensemble de la concurrence.

Et comme le monstre Adobe a enfin pris la chose au sérieux et travaille à réduire l'écart pour de bon (XD devient de plus en plus performant, en plus d'être cross-platform, intégré à la suite Adobe et gratuit...), la position de Sketch ne me semble pas forcément assurée indéfiniment.
Le livre pour les graphistes > www.profession-graphiste-independant.com
Le livre pour tous les créas > www.creatif-freelance.com

Avatar de l’utilisateur
Talib
Rang 5
Rang 5
Messages : 139
Inscription : mer. 20 oct. 2010 10:55
Localisation : Orléans

Re: Questions sur vos maquettes web (en 2019)

Message par Talib » sam. 11 janv. 2020 11:43

Bon alors, laissez moi rajouter mon petit grain de sel :D .

Figma est ce qu'il y a de mieux pour moi en ce moment. Surtout pour partager ces maquettes avec les devs de (alors que sur sketch tu es obligé de passer par Invision) et encore plus pour faire des tests ou des prototypes. Quant au match Sketch/XD, franchement "XD" n'a plus rien à envier à Sketch depuis longtemps.
RDV sur mon site : http://www.chriscabrol.com

Répondre
Suivez-nous sur
close
Me connecter

Avec mon compte :

Ou via mon compte kobOne :