Close
J'ai déjà un compte
Je n’ai pas de compte
J'en crée un :
Inscription
ou
Je me connecte avec :
GRATUIT : 250 cartes de visites SoftTouch + Vernis 3D avec le code KobOne18
Forum des créatifs professionnels freelance & salariés

[BOOTSTRAP] Utilisation de la grille

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".
Iargo
Nouveau
Nouveau
Messages : 3
Inscription : sam. 24 nov. 2018 12:39

[BOOTSTRAP] Utilisation de la grille

Message par Iargo » sam. 24 nov. 2018 12:49

Bonjour à tous,

Je pose ma première petite question concernant les grilles de Bootstrap. Je suis spécialisé en branding et en print donc le Webdesign ce n'est pas du tout mon métier. Mais je souhaite faire ma propre maquette moi même et la transmettre à un dev par la suite (pour mon site perso)

Je travaille sur AdobeXD, et ma question est certainement très bête.
Dois je faire le site complet sur l'ensemble des mes format différents ou non ? Car je trouve que cela représente un travaille incroyablement long si c'est le cas. J'ai 4 ou 5 breakpoints différents il me semble sur BS4 donc 4 déclinaison ?


Merci à tous

Avatar de l’utilisateur
Inumedia
Rang 3
Rang 3
Messages : 21
Inscription : ven. 22 sept. 2017 22:35
Localisation : Montbéliard
Contact :

Re: [BOOTSTRAP] Utilisation de la grille

Message par Inumedia » dim. 25 nov. 2018 18:47

Bonjour

Pour ta maquette tu ne fais que les pages qui auront une apparence différentes, une maquette par page type. Concernant le responsive, à mois d'avoir une demande spécifique il n'y a pas d'utilité de fournir une maquette par responsive.
Aurélie Schmitt,
Inu Média
Révelons ensemble votre identité
Logos | Sites vitrine | Supports communication

Iargo
Nouveau
Nouveau
Messages : 3
Inscription : sam. 24 nov. 2018 12:39

Re: [BOOTSTRAP] Utilisation de la grille

Message par Iargo » dim. 25 nov. 2018 20:09

Merci beaucoup pour ta réponse.

Oui donc au final j'aurais principalement 3 versions... Une version desktop, une version tablette, une mobile ?

Merci pour ton aide

Avatar de l’utilisateur
Inumedia
Rang 3
Rang 3
Messages : 21
Inscription : ven. 22 sept. 2017 22:35
Localisation : Montbéliard
Contact :

Re: [BOOTSTRAP] Utilisation de la grille

Message par Inumedia » lun. 26 nov. 2018 10:09

D'un point de vue professionnel, on évite des maquettes responsive par contrainte budgétaire.
A moins d'avoir des éléments graphiques spécifiques sur tes versions mobiles il n'y a pas d'utilité.

Le responsive est juste un "redimensionnement" de tes éléments présents. Tu peux spécifier à l'intégrateur que tu veux cacher certaines parties des pages du site sur les versions responsive mais c'est tout.

Contente toi des maquettes de la version PC.
A titre d'exemple tu peux faire des gabarits pour:
la page à propos
la page d'accueil
un modèle d'article
une page type annexe (service, mentions légales etc)

si jamais tes mentions légales et la page service a la même mise en page il n'y a pas d'utilité de faire un gabarit pour chacune d'elles.
Aurélie Schmitt,
Inu Média
Révelons ensemble votre identité
Logos | Sites vitrine | Supports communication

Depassage
Rang 3
Rang 3
Messages : 39
Inscription : mar. 16 janv. 2018 14:47

Re: [BOOTSTRAP] Utilisation de la grille

Message par Depassage » lun. 26 nov. 2018 10:57

C'est quand même intéressant d'avoir quelques maquettes mobile. La contrainte d'espace n'est pas du tout la même sur un PC que sur mobile donc il vaut mieux designer un minimum ses pages. Autrement tu pourras compter sur les compétences graphique de ton intégrateur mais ne soit pas surpris si le résultat n'est pas là. ;)

Aussi la tendance va maintenant à faire d'abord le mobile donc ça peut être embêtant de ne pas avoir de maquette mobile pour démarrer.

D'autre part c'est évidemment compliqué de fournir ce genre de prestation quand on a pas les compétences technique pour. Je te conseille de montrer ton travail d'abord a ton intégrateur pour t'assurer qu'il n'y a pas de souci au niveau de la faisabilité. car c'est très fréquent les graphistes qui n'utilisent pas convenablement les grilles.

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

Re: [BOOTSTRAP] Utilisation de la grille

Message par Yamo » lun. 26 nov. 2018 18:26

En général pour les sites que je fais je livre deux versions par page : la desktop et la mobile. C'est ensuite l'intégrateur qui, en se basant sur ces deux repères, définit les points de rupture et les différents comportements. C'est le minimum.

Il me semblerait difficilement justifiable de ne livrer que les maquettes desktop, partant du principe qu'aujourd'hui le plus gros de la navigation web se fait sur mobile, et que les ratios d'affichage sont tout de même très différents, avec pas mal de décisions à prendre qui selon moi relèvent du designer. Ne pas faire ce travail revient à laisser l'intégrateur livré à lui-même et donc à augmenter les risques d'erreurs.
Le livre pour les graphistes > www.profession-graphiste-independant.com
Le livre pour tous les créas > www.creatif-freelance.com

Iargo
Nouveau
Nouveau
Messages : 3
Inscription : sam. 24 nov. 2018 12:39

Re: [BOOTSTRAP] Utilisation de la grille

Message par Iargo » mer. 28 nov. 2018 22:55

Merci à tous pour vos recommandations.
Ça rassure vraiment d'avoir des conseils.

Je prends bonne note de tout ça. Je pense qu'effectivement pour éviter les erreurs il est préférable que j'etablisse une maquette pour l'ensemble des points de rupture préconisé par BS4, ou au moins une version desktop tablette et mobile....

J'ai fait mes différentes grid sur AdobeXD pour y voir un peu plus clair.

Je vais essayer maintenant de me renseigner sur les taille de polices à adopter en fonction de la plate-forme...

Merci à tous

Répondre
250 cartes de visite gaufrées gratuites
OFFRE DE NOTRE PARTENAIRE EXAPRINT
Gratuit 250 cartes de visite gaufrées pelliculage mat, recto seul Exa-Bigfoot-Gauffrage_250_GRATUIT
Je crée mon compte
Calculez le tarif de création d’un logo
Outils et Services freelances
KobOne-calcullogo
Outil gratuit de génération d’un devis de création de logotype professionnel
Découvrir l’outil
Close
Connexion