Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1857 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  C'est quoi cette mode de faire des sites "etroits" ?

 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Précédente
Auteur Sujet :

C'est quoi cette mode de faire des sites "etroits" ?

n°736657
Gonzoide
Les cochons... dans l'espâââce
Posté le 04-11-2005 à 11:11:59  profilanswer
 

Je fais un peu de webdesign, et j'essaie de rester dans la mouvance des choses qui doivent se faire (ou pas) si on veut faire un site "propre" : les frames, CSS1, XHTML, mise en page par tableaux, etc etc : en general je suis plutot d'accord avec toutes les recommandations en cours.
 
Mais y'a un truc que je comprends pas, c'est le fait que beaucoup de sites on adopte ce look "vertical" avec une enorme marge de chaque cote. Si on prend l'exemple d'un article de Pompage.net : http://www.pompage.net/pompe/tablevscss/ on se retrouve avec une colonne relativement etroite, avec des scrollbars a l'interieur car les exemples de code fournis ne tiennent pas dans la largeur :ouch:
 
Quelle est donc la justification de ce genre de layout par rapport a une gestion fluide de son layout ? Apres tout, les ecrans sont en 4/3, pas en 3/4 : pourquoi favoriser la dimension verticale ?


Message édité par Gonzoide le 04-11-2005 à 11:12:22
mood
Publicité
Posté le 04-11-2005 à 11:11:59  profilanswer
 

n°736670
remizz
Adventure !
Posté le 04-11-2005 à 11:31:58  profilanswer
 

je ne sais pas si c'est une mode, mais c'est vrai que cette méthode est de plus en plus utilisée.
A mon avis, c'est pour avoir une meilleur gestion des images (pour le header par exemple).
 
Là par exemple, si tu baisse ta résolution, les bandes de chaque côté seront plus étroites.

n°736733
Gonzoide
Les cochons... dans l'espâââce
Posté le 04-11-2005 à 12:37:27  profilanswer
 

ok, mais on peut avoir un design fluide qui prend 100% de l'espace horinzontal et qui s'adapte correctement aux differentes resolutions, quel est l'interet des marges, quand ca penalise la lisibilite ?

n°736864
Profil sup​primé
Posté le 04-11-2005 à 15:41:00  answer
 

c'est la nazblog attitude :o


Message édité par Profil supprimé le 04-11-2005 à 15:42:56
n°736888
orely
Branche-moi sur une SEGA !
Posté le 04-11-2005 à 16:35:58  profilanswer
 

En fait c'est pour que ton site soit visible sans ascenseurs si un visiteur surfe encore en 800x600 ! C'est rare mais encore d'actualité !

n°736890
Danamir_
kodama
Posté le 04-11-2005 à 16:38:51  profilanswer
 

orely a écrit :

En fait c'est pour que ton site soit visible sans ascenseurs si un visiteur surfe encore en 800x600 ! C'est rare mais encore d'actualité !


Teuteu, avec un peu de jugeotte on peut faire un site qui s'adapte à la largeur du navigateur, pour ne pas pénaliser ceux qui sont en 800x600, sans oublier les gens normaux :D
 
Donc y'a bien un complot planétaire pour imposer les écrans lcd avec pivot, je vois que ça :o

n°736894
Gonzoide
Les cochons... dans l'espâââce
Posté le 04-11-2005 à 16:44:45  profilanswer
 

orely a écrit :

En fait c'est pour que ton site soit visible sans ascenseurs si un visiteur surfe encore en 800x600 ! C'est rare mais encore d'actualité !


 
Ben moi je fais des sites sans marges qui sont affiches correctement a n'importe quelle resolution  :heink:

n°737534
albataur
Posté le 06-11-2005 à 17:09:11  profilanswer
 

En ce qui me concerne j'ai plusieurs explications :
 
- Mise en page
Faire un site flexible en largeur ne peut pas s'appliquer à tout type de présentation.  
Si par exemple tu as une "bannière" en haut de ta page, ce qui est le cas de beaucoup de site, la voir s'élargir peut donner des résultats pas très gais (grand espaces de couleur uni ?).
De même, ne pas pouvoir prévoir le nombre de ligne approximative d'une paragraphe c'est pas forcément top.
Un tableau à plusieurs colonnes, esthétiquement, c'est bien aussi de pouvoir connaitre sa largeur.
etc.
 
- Meilleure visibilité
Fixez vos yeux au centre de votre écran et essayez de dire ce qui se trouve dans les 3-4 cm à droite et à gauche de votre écran, c'est pas évident. Le champ de vision est limité et avec un site en largeur fixe réduite, en un coup d'oeil le visiteur voit tout le contenu du site.
(Cette argument ne tient que pour les résolutions au dessus de 800x600 bien-sûr)
 
- Meilleure lisibilité
Franchement sur les sites qui font toute la largeur de l'écran, je peux m'y perdre un peu. C'est un peu indigeste quoi ...
 
- Impression de plus grande quantité de contenu
Sur les sites qui n'ont pas beaucoup de contenu par page (c'est le cas du mien par exemple), une page plus grande en hauteur donne une impression de plus de contenu qu'une page qui ne fait même pas la hauteur du sommaire à gauche.
 
Bref pour beaucoup de site, même si techniquement une largeur variable est possible, le résultat en largeur fixe est bien mieux.
 
Enfin bon c'est mon avis et je ne suis pas qu'un simple webmaster amateur du dimanche ;)
 
 

n°737537
Skopos
Posté le 06-11-2005 à 17:14:34  profilanswer
 

Je rejoins a peu près l'avis d'Albataur et je rajoute que le confort de lecture est accrue sur des colonnes étroites. Ceci est aussi vrai en pao qu'en web design.
 
Sur des lignes courtes il est facile de passer au début de ligne suivante :spamafote:

n°737545
albataur
Posté le 06-11-2005 à 17:48:51  profilanswer
 

Oui voila, c'est ce que je voulais dire par "meilleure lisibilité".

mood
Publicité
Posté le 06-11-2005 à 17:48:51  profilanswer
 

n°737551
sebeu
Encore manqué !
Posté le 06-11-2005 à 18:16:22  profilanswer
 

y'a pas si longtemps (2 ans) 40% des internautes surfaient en 800x600.
Maintenant la tendance s'approche du 1024x768.

n°737553
Skopos
Posté le 06-11-2005 à 18:19:53  profilanswer
 

justement tiens, où est-ce que l'on peut trouver ce genre de stat ?
- réso écran
- navigateur utilisés
- javascript désactivé
- plug-in flash installé
- polices installés
...

Message cité 1 fois
Message édité par Skopos le 06-11-2005 à 18:21:23
n°737565
an3k
powered on macintosh ^^
Posté le 06-11-2005 à 19:35:22  profilanswer
 

c'est la mode qui vient des blogs... c'est tout :spamafote:


---------------
An3k.com Création de sites web - mon tuto

n°737567
an3k
powered on macintosh ^^
Posté le 06-11-2005 à 19:35:35  profilanswer
 

le miens est pas étroit ! il est original :o


---------------
An3k.com Création de sites web - mon tuto

n°737690
Aerion
Posté le 07-11-2005 à 01:35:51  profilanswer
 

an3k a écrit :

le miens est pas étroit ! il est original :o


 
Et plutot sympa d'ailleurs ;)
 
>> Je rejoins Albataur et Skopos : meilleure lisibilité, moins de 800 de large pour n'oublier personne, et puis ça respire, c'est ça le design : savoir faire du beau vide.
 
 :hello:


---------------
www.camillemarotte.com
n°737702
Danamir_
kodama
Posté le 07-11-2005 à 08:08:36  profilanswer
 

Mwé, ca peut se justifier pour certains sites, mais imaginez le forum que vous êtes en train de visionner maintenant sur une colonne de 800px, c'est tout de suite moins jouasse je trouve :o
 
A la limite des sites en 16:9 ca peut le faire aussi :D

n°737706
an3k
powered on macintosh ^^
Posté le 07-11-2005 à 08:33:39  profilanswer
 

Danamir_ a écrit :

Mwé, ca peut se justifier pour certains sites, mais imaginez le forum que vous êtes en train de visionner maintenant sur une colonne de 800px, c'est tout de suite moins jouasse je trouve :o
 
A la limite des sites en 16:9 ca peut le faire aussi :D


bah vi... mais un blog ? un tit portail ?
moi je crois que c'est surtout une mode http://www.subzh.com :D
 
 
merci aerion  :jap:


---------------
An3k.com Création de sites web - mon tuto

n°737717
Gonzoide
Les cochons... dans l'espâââce
Posté le 07-11-2005 à 09:47:14  profilanswer
 

an3k a écrit :

bah vi... mais un blog ? un tit portail ?
moi je crois que c'est surtout une mode http://www.subzh.com :D


Super, un site qui tient sur un timbre poste avec une police de 4px de haut  :pfff:  

n°737732
Danamir_
kodama
Posté le 07-11-2005 à 10:06:50  profilanswer
 

c'est pour être visible sur les pda en 400x300 :o

n°737750
sebeu
Encore manqué !
Posté le 07-11-2005 à 11:05:25  profilanswer
 

Skopos a écrit :

justement tiens, où est-ce que l'on peut trouver ce genre de stat ?
- réso écran
- navigateur utilisés
- javascript désactivé
- plug-in flash installé
- polices installés
...


faut chercher un peu, c'est des stats collecter sur des serveurs :
stats journal du net
http://www.internetworldstats.com/stats.htm
Sinon il y a des sites spécialisé dans la mesure d'audience :
http://www.xitimonitor.com/


Message édité par sebeu le 07-11-2005 à 11:06:38
n°737814
jirotoh
Posté le 07-11-2005 à 12:47:24  profilanswer
 

j'ai un site hype moi :o [:cupra]

n°737846
Beral2
Posté le 07-11-2005 à 15:29:02  profilanswer
 

Hummm mon avis, en dehors du fait que c'est une mode effectivement, c'est que c'est surtout beaucoup plus facile de faire un site avec des largeurs fixes.
"moins de 800 de large pour n'oublier personne" ---->  on peut en "fluide" n'oublier personne, mais c'est plus difficile...

n°737850
an3k
powered on macintosh ^^
Posté le 07-11-2005 à 15:34:32  profilanswer
 

étroit c'est pas 750, mais plutot 400-500...


---------------
An3k.com Création de sites web - mon tuto

n°737855
MisteR War​E
Allons plus loin =>
Posté le 07-11-2005 à 16:01:16  profilanswer
 

Ce n'est pas bête ce que dit Danamir :  
 
En effet, il ne faut pas penser que ordinateur. Il y a d'autres moyens pour visualiser des pages Webs de nos jours : téléphones portables, PDA, ...
Bref, pleins de bijoux avec un petit écran. Et comme il est plus confortable de faire bouger l'ascenseur verticalement, on choisit alors de faire des sites verticals.
 
PS : encore faut-il que le site soit accessible à 100% et fait en CSS  [:janfynette]  
 
C'est ça le progrès  ;)


---------------
http://www.reivaxbook.fr
n°737869
Gonzoide
Les cochons... dans l'espâââce
Posté le 07-11-2005 à 16:30:19  profilanswer
 

MisteR WarE a écrit :

PS : encore faut-il que le site soit accessible à 100% et fait en CSS  [:janfynette]


Et que les browsers embarques sur les PDA reconnaissent un tant soit peu les standards W3C  :pfff:  
 
Pis 95% des PDA sont QVGA, resolution pour laquelle il est pratiquement impossible de faire un layout complexe et lisible => c'est vraiment perdu d'avance.
 
Autant je suis d'accord pour rendre mon site accessible (non-voyants, etc) parce que ca ne penalise pas les autres, autant la, je m'interroge ...

n°737887
MisteR War​E
Allons plus loin =>
Posté le 07-11-2005 à 17:47:19  profilanswer
 

Gonzoide a écrit :

Et que les browsers embarques sur les PDA reconnaissent un tant soit peu les standards W3C  :pfff:  
 
Pis 95% des PDA sont QVGA, resolution pour laquelle il est pratiquement impossible de faire un layout complexe et lisible => c'est vraiment perdu d'avance.
 
Autant je suis d'accord pour rendre mon site accessible (non-voyants, etc) parce que ca ne penalise pas les autres, autant la, je m'interroge ...


Dur de mettre tous les constructeurs d'accord pour un affichage standard :D


Message édité par MisteR WarE le 07-11-2005 à 17:47:47

---------------
http://www.reivaxbook.fr
n°737897
Gnub
Posté le 07-11-2005 à 17:59:03  profilanswer
 

Au delà de 80 à 100 caractères de largeur, ça devient fatigant à lire...

n°738110
Gonzoide
Les cochons... dans l'espâââce
Posté le 08-11-2005 à 10:17:48  profilanswer
 

Gnub a écrit :

Au delà de 80 à 100 caractères de largeur, ça devient fatigant à lire...


 
Ben sauf que les sites "etroits" compensent leur etroitesse en diminuant la taille des polices  :heink:

n°738272
cowboy_bb
Posté le 08-11-2005 à 17:56:15  profilanswer
 

Bonjour à tous  :hello:  
 
Je suis sur ce sujet depuis quelques jours et j' ai eu envie d' intervenir pour exposer mon point de vue  :p  
 
J' ai appris pas mal de choses en lisant ce sujet, certains éléments a prendre en compte auxquels je ne pensais pas :( (plus facile de lire un texte "sérré" en une petite colonne que sur toute la page par exemple :) ).
 
J' ai toujours fait des designs fixes de 760px de large :) (enfin sauf un site que j' ai fait extensible pour m' améliorer dans lutilisation du css ^^) et, alors que je travaillais sur un design il y a quelques jours, j' ai eu comme une petite voix dans ma tete qui me disait "mais que fais tu de la sensation de liberté du visiteur ?"  
 
 :ouch:  :ouch:  :ouch:  :ouch: :ouch:  :ouch:  :ouch:  
 
Après des recherches, et en me penchant sur mon cas, je me suis rendu compte que la vision que l' on a des sites "fullscreen" et des sites "fixes" etait totalement differente.
 
 
Sur un site à dimensions fixes, on a tres souvent la vision d' une "page" posée au milieu de lecran, et comme une grande majorité des sites sont fait de la sorte, on n' est pas "surpri" sauf par un design excessivement original ou par des couleurs flashy.
>>> Donc on a pas specialement envie de continuer à le visiter. (sauf si le design est original)
 
Sur un site qui prend toute la page et qui se redimensionne avec la fenetre, on a tout de suite une surprise, selon ses ses habitudes sur le net certes, mais tout de meme, on porte forcemment plus dattention à un site "different".
De plus, on a une grande sensation de "liberté" et un réél plaisir de navigation entre les differentes pages (tout depend du design evidemment ^^)
>>> Donc on a envie de visiter ce site "different".
 
 
Si on ajoute à celà le fait que de plus en plus dutilisateurs sont en 1024x768 voire 1280x1024 (lcd 17" ou 19" ), on se rend compte que cette "occupation de lespace" devient primordiale, et faire des designs fixes de 1000 de large nest pas la solution car beaucoup dutilisateurs ne naviguent pas en plein ecran :)
 
Si un site extensible est clair, ergonomique, bien codé et visible sans probleme de 800 à 1600 sous tous les navigateurs, je ne vois pas de raisons autres qu' artistiques de se priver de ce type de design :)
 
oulala depuis que je me suis mis au blog j' en fait rapidement des tonnes  :lol:  :lol:


---------------
http://www.videos-nouvelle-star.fr/ : les meilleures vidéos de la nouvelle star 2007 à télécharger en haute qualité
n°738353
Skopos
Posté le 08-11-2005 à 22:30:29  profilanswer
 

Tu délire Cowboy :D
L'interet d'un site se situe avant tout ds le contenu pour le commun des mortels, pas ds son design.
Celui-ci n'est qu'un plus au service du contenu et non l'inverse.
 
De plus je pense qu'il est rare pour un surfeur lambda de redimensionner sa fenêtre de navigation en cours de lecture pour voir si le site est extensible ou pas. Et d'ailleurs je ne vois pas ce qu'il y a de différent ou de particulièrement surprenant à tomber sur ce genre de site.
Si il le fait c'est pour réduire la longueur des lignes justement. En tt cas c la raison pour laquelle je le fait le plus souvent :)

n°738441
cowboy_bb
Posté le 09-11-2005 à 07:19:20  profilanswer
 

Citation :

 Tu délire Cowboy :D
L'interet d'un site se situe avant tout ds le contenu pour le commun des mortels, pas ds son design.
Celui-ci n'est qu'un plus au service du contenu et non l'inverse.


 
je parlais "hors-contenu" bien sur :D


---------------
http://www.videos-nouvelle-star.fr/ : les meilleures vidéos de la nouvelle star 2007 à télécharger en haute qualité
n°738545
an3k
powered on macintosh ^^
Posté le 09-11-2005 à 13:27:55  profilanswer
 

Skopos a écrit :

Tu délire Cowboy :D
L'interet d'un site se situe avant tout ds le contenu pour le commun des mortels, pas ds son design.
Celui-ci n'est qu'un plus au service du contenu et non l'inverse.
 
De plus je pense qu'il est rare pour un surfeur lambda de redimensionner sa fenêtre de navigation en cours de lecture pour voir si le site est extensible ou pas. Et d'ailleurs je ne vois pas ce qu'il y a de différent ou de particulièrement surprenant à tomber sur ce genre de site.
Si il le fait c'est pour réduire la longueur des lignes justement. En tt cas c la raison pour laquelle je le fait le plus souvent :)


ca dépend des sites... de plus en plus on voit des sites qui sont promotionnels, et qui agissent comme des pubs tv...


---------------
An3k.com Création de sites web - mon tuto

n°740335
cowboy_bb
Posté le 14-11-2005 à 17:15:32  profilanswer
 

vous pourriez continuer à debattre svp  :D  :D  ? j' ai besoin d' avis sur le sujet parcque je sui sen plein dilem sur un futur design, fixe ou extensible  :pt1cable:


---------------
http://www.videos-nouvelle-star.fr/ : les meilleures vidéos de la nouvelle star 2007 à télécharger en haute qualité
n°740360
an3k
powered on macintosh ^^
Posté le 14-11-2005 à 18:31:42  profilanswer
 

cowboy_bb a écrit :

vous pourriez continuer à debattre svp  :D  :D  ? j' ai besoin d' avis sur le sujet parcque je sui sen plein dilem sur un futur design, fixe ou extensible  :pt1cable:


non jsuis pas un mec sympa


---------------
An3k.com Création de sites web - mon tuto

n°740452
cowboy_bb
Posté le 14-11-2005 à 22:36:56  profilanswer
 

:lol:  :lol:  :lol:  :lol:  :lol:  :lol:  
 
....
..
 
..
.
 
 
 
 
.
.
 
.
 
 
 
 
 
 :cry:  :cry:  :cry:  :cry:


Message édité par cowboy_bb le 14-11-2005 à 22:37:08

---------------
http://www.videos-nouvelle-star.fr/ : les meilleures vidéos de la nouvelle star 2007 à télécharger en haute qualité
n°740505
Skopos
Posté le 15-11-2005 à 00:15:12  profilanswer
 

ya rien à débattre j'ai raison :o

n°740637
kirua_sama
Learn sciences with senses
Posté le 15-11-2005 à 13:12:44  profilanswer
 

loool ahahahah je suis pour le design extensible mais je ne vais pas argumente mon avis vu que nous sommes sous la dictature de skopos

n°740678
moondog1
Posté le 15-11-2005 à 16:04:12  profilanswer
 

bonjour le miens est un peu etroit, mais ça ma parmis de concentrer le contenu a l'essentiel

n°740680
moondog1
Posté le 15-11-2005 à 16:04:43  profilanswer
 

j'ai oublié l'adresse www.kinga.fr
 

n°740688
Danamir_
kodama
Posté le 15-11-2005 à 16:20:37  profilanswer
 

Non mais upper 5mn après la dernière réponse, ça va pas bien? :p
 
T'as largement de quoi te faire un avis là, perso je viserais une taille minimum + adaptabilité à la largeur dans une certaine mesure :o

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Précédente

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  C'est quoi cette mode de faire des sites "etroits" ?

 

Sujets relatifs
bts design de mode, info et offre de poste de formateur à la clé !Etes vous pour ou contre les demandes d'avis pour les sites perso
où trouver un graphiste/redacteur pour mes sites webs ?menu flash en provenance d'un des sites de yamaha
Quels sites sur le Webdesign recommandez-vous ?Web Designer soumet sites à vos critiques
Kit Graphique mode d'emploi[Topic collectif] Sites web membres GFX
Jugement de sites webcomment on fait des liens vers sites en petite vignette photo?
Plus de sujets relatifs à : C'est quoi cette mode de faire des sites "etroits" ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR