Aller au contenu

[Act 1] Reflexion sur le graphisme d'un futur site


Folken

Sujets conseillés

Bonjours bonjours,

Premiers message, et deja gros probleme ou le placer ... j'ai choisis ici pour dire que ca concernera par la suite le codage et autre.

Le but ? je n'ai pas vu de message traitant les differentes etapes de construction d'un site web conforme et accessible a tous.

Ca m'a donner une idee, une mini story pour les autres qui veulent se lancer dans la partie pour faire un joli site.

Je precise que je suis un noob concernant le codage "au norme", donc mes questions doivent etre les memes point que les autres.

Voila, avant de se lancer dans la preparation du graphisme, il faut definir le cahier des charges.

Comme je voudrais faire un site 100% conforme et accessible a tous, il faut prendre en compte les differents problemes des autres.

- graphisme extensible suivant les config ecran (ca, c'est un truc CSS par la suite)

- Tres leger ! Pour les 56k en autre, donc pas trop de floriture ni rien (cote graphisme)

- Mais surtout, eviter de diminuer l'accessibilite.

J'ai le choxi entre deux type de graphisme de site

site.png

J'ai une nette preference pour le 2) car pour les mal voyant, on peut augmenter la taille de la police sans pour autant degrader le graphisme.

Mes questions, oui oui il y en a ^_^ sont :

- ceux qui ont ete confronter a le rendre super accessible, vous avez opter pour quel genre de structure ?

- quels sont les erreurs graphique a eviter ?

- les couleurs, je pense a rouge/organge en bordure, et couleur clair pour le reste. Bon choix pour les mal voyant ??

Voila, le but de ce topic n'est pas de sensibiliser, mais plutot de lister vos problemes/resolution, vos petits trucs pour ameliorer .... qui permettera de faire le bon choix dans un choix de graphisme.

Enfin des trucs comme ca :);)

Merci beaucoup pour vos commentaires, et dsl si j'ai mal placer le topic, mais j'avoue que je ne sais pas trop ou le mettre car ca touche a tous !

Bonne soiree,

Folk

Modifié par Folken
Lien vers le commentaire
Partager sur d’autres sites

euh je ne sais pas si j'ai ete compris :/

Exemple, je sais qu'il ne faut pas mettre un graphisme en .bmp car c'est un format qui ne peut pas etre lu par tous les navigateur/os (enfin je crois)

Mais il doit en avoir d'autre non ??

Ca serait bien que l'on fasse une sorte de listing des problemes rencontrer :)

Lien vers le commentaire
Partager sur d’autres sites

Le bmp, c'est sur que ce n'est pas bien, et surtout ça n'a jamais été conçu pour l'internet( un bmp est beaucoup trop lourd pour transiter sur internet rapidement).

La façon la plus recommendée de coder sa page est en xhtml +css et étant sémantique. Le code xhtml (ta page web est son contenu) sont alors censé ne pas changer suivant la mise en forme (qui se fait exclusivement grâce au css , un fichier externe). Là ou la sémantique intervient, c'est qu'il faut se servir au mieux des balises xhtml pour marquer le contenu de la page ( h1 est un titre, p est un paragraphe etc), et donc éviter les balises div et span le plus possible (des fois, certaines sont nécessaires pour le design, mais elle n'ont aucun sens pour un lecteur qui n'aurait pas accès à l'affichage des css).

Au niveau du code, il faut aussi penser à regler les ordres de tabulations (pour les visiteurs sans dispositif de poitage, ou souris si tu préfère), et penser à mettre des textes alternatifs pour les images.

Je pense personnelement que t'es deux designs se valent même si le deuxième a l'air un peu plus pratique comme tu dis. Mais normalement, même si ton menu commence à déborder, il restera lisible (l'accéssibilité, c'est surtout que l'information soit toujours accessible).

Pour les couleurs, je ne sais pas trop, je suis pas du tout graphiste, mais je vois juste cet article ayant un rapport.

Voilà, j'espère pas avoir répondu "trop à coté de la plaque" :unsure: et c'est encore à compléter.

Lien vers le commentaire
Partager sur d’autres sites

non non, c'est pas repondu trop a "cote de la plaque" ;) merci pour ta reponse.

Je ne connais tres peu le fonctionnement des explorateurs specialiser. Je pensais que l'emplacement des blocs d'infos joueraient sur leur comportement. Sur le rendu final.

Je pense mettre le texte en "brut", il n'y aura donc pas de texte sur une image (style bouton menu, ...). Pas d'animation, 2 couleurs tres tres bien contraster (mais pas de fond noir).

En fait, j'ai peur de ne pas tous prendre en compte quand je vais commencer mon graphisme. Car je tiens a faire vraiment du bon boulot, et ca m'embeterais bien de savoir a la fin que j'ai oublier THE chose primordiale lol.

Je vais encore laisser une nuit de sommeil pour mettre tous ca en place, et peut etre que demain je ferais ma 1ere ebauche :)

Voila voila, si j'ai oublier une chose, ou si vous avez des infos a ajouter, n'hesiter pas !!

Merci encore pour ta reponse ;)

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...