Site adaptable à toutes les résolutions
troubadour2
Messages postés
277
Date d'inscription
Statut
Membre
Dernière intervention
-
troubadour2 Messages postés 277 Date d'inscription Statut Membre Dernière intervention -
troubadour2 Messages postés 277 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je voudrais savoir si il est possible de construire un design spécifique à toutes les résolutions d'écran.
Et comment faire le script pour reconnaitre la résolution du visiteur.
Sinon en faisant mon design en 800X600 il est petit à mon goût surtout pour ceux qui on une résolution plus importante sur un écran plus large.
Merci de vos avis et surtout de votre aide.
Cordialement.
Je voudrais savoir si il est possible de construire un design spécifique à toutes les résolutions d'écran.
Et comment faire le script pour reconnaitre la résolution du visiteur.
Sinon en faisant mon design en 800X600 il est petit à mon goût surtout pour ceux qui on une résolution plus importante sur un écran plus large.
Merci de vos avis et surtout de votre aide.
Cordialement.
A voir également:
- Site adaptable à toutes les résolutions
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site x - Guide
- Site pour vendre des objets d'occasion - Guide
5 réponses
Salut,
Tu peux indiquer les largeurs (width) en pourcentage, donc proportionnellement à la largeur de l'écran (ou plus précisément « de la zone de rendu du navigateur »).
Je te conseille de jeter un coup d'oeil aux « media queries ».
Elles permettent d'adapter le CSS en fonction de "conditions" (largeur min/max, type de média (screen, print ou autre), l'orientation ...).
Tu peux indiquer les largeurs (width) en pourcentage, donc proportionnellement à la largeur de l'écran (ou plus précisément « de la zone de rendu du navigateur »).
Je te conseille de jeter un coup d'oeil aux « media queries ».
Elles permettent d'adapter le CSS en fonction de "conditions" (largeur min/max, type de média (screen, print ou autre), l'orientation ...).
Bonjour
Merci de ta réponse je vais regarder de ce côté.
Jette un oeil sur mon site dont j'ai commencé un design et j'aimerai que tu me dise ce que tu en penses.
Je l'ai fait avec des images.
Merci
www.site.cliquedecruet.fr
Merci de ta réponse je vais regarder de ce côté.
Jette un oeil sur mon site dont j'ai commencé un design et j'aimerai que tu me dise ce que tu en penses.
Je l'ai fait avec des images.
Merci
www.site.cliquedecruet.fr
Salut, je trouves que ça manques un peu de finesse au niveau design.
Les contours en dégradés comme ça(aussi marqués) c'est plus trop actuel au niveau design, encore ça peut passer mais ça fait un peu vide alors qu'en graphisme on cherche à ce que ce soit aéré. Enfin pas facile à expliquer j'espère que tu vois ce que je veut dire.
Les icônes des menus sont sympa mais à l'affichage leur contours font pixelisés(pas net) alors que l'image est en grande taille. Faites les en taille réelle et avec votre logiciel de graphisme(photoshop?) arrangez vous pour pas avoir cet effet pixel/créneau.
Le plus grand soucis vient des textes. En effet en général on les fait pas en image pour 2 raisons essentielles: le référencement(le texte seulement est référencé par google) et pour une question pratique: si l'on veut changer le texte(à l'avenir) il suffit de le modifier tandis qu'avec une image c'est beaucoup plus contraignant(imaginez si une autre personne doit le faire et qu'elle n'as pas les .psd qui ont servis à les faire).
L'effet sur le texte des menus est pas très visible, autant s'en passer.
Le bandeau:
J'aime bien les notes de musique(même si l'ombre fait un peu pataud, on en revient à ce manque de finesse surtout qu'il y a déjà un contour assez épais) et qu'en l'ayant moins marqué ça passerait mieux par contre le texte du titre est carrément moche. La déformation et l'effet aquarelle sont simplement inutile, on cherche avec un titre à ce qu'il soit visible pas à ce que le cerveau doivent décrypter des effets bizarres, en gros en 1/10 de secondes le spectateur doit savoir de quoi il s'agit.
En typographie il est très perturbant d'avoir un changement de taille de police en plein milieu, car ça perturbe et fatigue l'oeil lors de la lecture. C'est très déséquilibré aussi la place qu'il prend sur toute la longueur centrez le ou réduisez la taille du texte ça se verra mieux(je sait c'est paradoxal). Quant à l'effet en lui même sur le texte il est carrément trop marqué. Passons sur le contraste texte rouge sur fond bleu(pas vraiment la meilleure alliance des couleurs mais ça peut passer) par contre l'ombre noire marquée ça donnes juste l'impression que ça bave.
Le blason/logo dans le bandeau est trop sombre(on distingue mal les détails de la feuille et de la grappe). Si vous avez un logo il faut impérativement qu'il soit identique sur chacune de ses occurrence(pas un assombri et un éclairci qui va donner une impression de désunion alors que pour toute mise en page on cherche l'unité sans bien sûr tomber dans le monolithe bien sûr).
Tous les textes en image(l'adresse du site le texte sous le logo) sont flous et illisible, mettez les en html. Avec le css vous pourrez même avoir des cadres à bords arrondis sans avoir à faire d'image et qui s'adaptent au texte. Voir aussi la remarque du début sur les problèmes des textes en image.
Le fond parchemin/notes de musique est sympa mais attention à la lisibilité du texte quand il y en auras un dessus. Un fond dans les tons ocre ça jure un peu aussi avec le bleu du reste.
Je sait que c'est un premier jet et peut être mes remarques ne sont pas adaptées si c'est juste des tests.
Les contours en dégradés comme ça(aussi marqués) c'est plus trop actuel au niveau design, encore ça peut passer mais ça fait un peu vide alors qu'en graphisme on cherche à ce que ce soit aéré. Enfin pas facile à expliquer j'espère que tu vois ce que je veut dire.
Les icônes des menus sont sympa mais à l'affichage leur contours font pixelisés(pas net) alors que l'image est en grande taille. Faites les en taille réelle et avec votre logiciel de graphisme(photoshop?) arrangez vous pour pas avoir cet effet pixel/créneau.
Le plus grand soucis vient des textes. En effet en général on les fait pas en image pour 2 raisons essentielles: le référencement(le texte seulement est référencé par google) et pour une question pratique: si l'on veut changer le texte(à l'avenir) il suffit de le modifier tandis qu'avec une image c'est beaucoup plus contraignant(imaginez si une autre personne doit le faire et qu'elle n'as pas les .psd qui ont servis à les faire).
L'effet sur le texte des menus est pas très visible, autant s'en passer.
Le bandeau:
J'aime bien les notes de musique(même si l'ombre fait un peu pataud, on en revient à ce manque de finesse surtout qu'il y a déjà un contour assez épais) et qu'en l'ayant moins marqué ça passerait mieux par contre le texte du titre est carrément moche. La déformation et l'effet aquarelle sont simplement inutile, on cherche avec un titre à ce qu'il soit visible pas à ce que le cerveau doivent décrypter des effets bizarres, en gros en 1/10 de secondes le spectateur doit savoir de quoi il s'agit.
En typographie il est très perturbant d'avoir un changement de taille de police en plein milieu, car ça perturbe et fatigue l'oeil lors de la lecture. C'est très déséquilibré aussi la place qu'il prend sur toute la longueur centrez le ou réduisez la taille du texte ça se verra mieux(je sait c'est paradoxal). Quant à l'effet en lui même sur le texte il est carrément trop marqué. Passons sur le contraste texte rouge sur fond bleu(pas vraiment la meilleure alliance des couleurs mais ça peut passer) par contre l'ombre noire marquée ça donnes juste l'impression que ça bave.
Le blason/logo dans le bandeau est trop sombre(on distingue mal les détails de la feuille et de la grappe). Si vous avez un logo il faut impérativement qu'il soit identique sur chacune de ses occurrence(pas un assombri et un éclairci qui va donner une impression de désunion alors que pour toute mise en page on cherche l'unité sans bien sûr tomber dans le monolithe bien sûr).
Tous les textes en image(l'adresse du site le texte sous le logo) sont flous et illisible, mettez les en html. Avec le css vous pourrez même avoir des cadres à bords arrondis sans avoir à faire d'image et qui s'adaptent au texte. Voir aussi la remarque du début sur les problèmes des textes en image.
Le fond parchemin/notes de musique est sympa mais attention à la lisibilité du texte quand il y en auras un dessus. Un fond dans les tons ocre ça jure un peu aussi avec le bleu du reste.
Je sait que c'est un premier jet et peut être mes remarques ne sont pas adaptées si c'est juste des tests.
Bonjour,
Merci pour toutes vos explications, c'est très gentil.
Je vais regarder tout ça dans le détail afin de pouvoir m'améliorer dans le design et d'essayer de faire quelque chose de correct.
Encore merci.
Merci pour toutes vos explications, c'est très gentil.
Je vais regarder tout ça dans le détail afin de pouvoir m'améliorer dans le design et d'essayer de faire quelque chose de correct.
Encore merci.
Bonjour
En fait tu avais raison mon design était nul il ne me plaisais pas.
Alors je l'ai refait et j'aimerai également avoir de nouveau ton avis.
www.site.cliquedecruet.fr
Merci
En fait tu avais raison mon design était nul il ne me plaisais pas.
Alors je l'ai refait et j'aimerai également avoir de nouveau ton avis.
www.site.cliquedecruet.fr
Merci
Salut,
Nettement plus agréable et attrayant. N'hésitez pas à demander des avis autour de vous, même les pros en ont besoin et vous avez une clique à disposition ^^.
Faire une charte graphique(ensemble des visuels homogènes) prends énormément de temps et vous avez une bonne base.
Mon avis va être plus personnel que critique et bien sûr le graphisme s'affinera quand vous aurez placé le contenu des textes et images éventuelles.
Un peu sombre (le bleu de la bannière manque d'un peu de pêche)et pas très joyeux, vu le thèeme du site c'est un peu trop universitaire. Les cadres arrondis sont sympas et adoucissent les lignes droites, attention aux espaces dans la page avec le texte pour que ça ne fasse pas tro flottant(effet vide).
Quelques idées pour la bannière et une recherche de typo le tout vite fait(le mieux pour un titre comme ça c'est de travailler lettre par lettre en vectoriel).
http://imageshack.us/photo/my-images/221/lacliqueducuetdaunpenh.jpg/
http://img155.imageshack.us/img155/4419/lacliqueducuetbrusscrip.jpg/
http://img217.imageshack.us/img217/5771/lacliqueducuetconstanti.jpg/
http://imageshack.us/photo/my-images/189/lacliqueducuetmesquite.jpg/
Un peu la flemme mais j'aurais pu mettre un effet sur le texte genre: ombre portée(changer l'orientation) de 2px, biseautage 4px, lumière interne 2px et l'effet contour avec une lumière claire.
Bon courage.
Nettement plus agréable et attrayant. N'hésitez pas à demander des avis autour de vous, même les pros en ont besoin et vous avez une clique à disposition ^^.
Faire une charte graphique(ensemble des visuels homogènes) prends énormément de temps et vous avez une bonne base.
Mon avis va être plus personnel que critique et bien sûr le graphisme s'affinera quand vous aurez placé le contenu des textes et images éventuelles.
Un peu sombre (le bleu de la bannière manque d'un peu de pêche)et pas très joyeux, vu le thèeme du site c'est un peu trop universitaire. Les cadres arrondis sont sympas et adoucissent les lignes droites, attention aux espaces dans la page avec le texte pour que ça ne fasse pas tro flottant(effet vide).
Quelques idées pour la bannière et une recherche de typo le tout vite fait(le mieux pour un titre comme ça c'est de travailler lettre par lettre en vectoriel).
http://imageshack.us/photo/my-images/221/lacliqueducuetdaunpenh.jpg/
http://img155.imageshack.us/img155/4419/lacliqueducuetbrusscrip.jpg/
http://img217.imageshack.us/img217/5771/lacliqueducuetconstanti.jpg/
http://imageshack.us/photo/my-images/189/lacliqueducuetmesquite.jpg/
Un peu la flemme mais j'aurais pu mettre un effet sur le texte genre: ombre portée(changer l'orientation) de 2px, biseautage 4px, lumière interne 2px et l'effet contour avec une lumière claire.
Bon courage.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question