Avis sur design - Web design - Graphisme
Marsh Posté le 07-02-2009 à 23:13:04
Bon ben perso j'apprécie pas trop le design "enfantin" .
La bannière, le menu, .. je pense qu'il y avait moyen de faire quelque chose de mieux esthétiquement.
Point de vue navigation, il n'y a pas grand chose à dire.
Tu devrais mettre les horaires et l'adresse sur la page d'accueil.
Marsh Posté le 08-02-2009 à 21:44:54
Oui, c'est vrai que c'est un style enfantin, même si avant que tu ne me le dise je ne le voyais pas comme ça, mais j'aime encore bien, reste à voir si ça passe avec le context (l'aérodrome et un peu un lieu jouet de l'aviation, donc c'est pas forcément totalement hors contexte).
Pour les couleurs, je me suis basé sur le vert (pour l'herbe) et le bleu (le ciel), pour la bannière, j'ai repris le logo de l'aérodrome (l'avion, la manche à air et le cercle) et je l'ai prolongé.
En général les échos de mon entourage proche sont assez bon (peut-être que le style ne choquera que les professionnels du web), mardi je vais le montrer à l'aérodrome à la personne qui est censé gérer cela, je verrai ce qu'elle en pense.
Normalement ce site devra remplacer l'actuel http://www.aerodromedenamur.be/.
Marsh Posté le 10-02-2009 à 05:06:07
Tes couleurs ne vont pas ensembles.
Tu dois t'aider de ca http://kuler.adobe.com
ou ca http://www.colourlovers.com/
Marsh Posté le 10-02-2009 à 11:39:33
Si je garde les bleus (#c1d5ff et #95b8ff), tu mettrais quel vert ? Du plus clair, plus foncé ?
Marsh Posté le 12-02-2009 à 13:28:53
Euh moi çà me plait bien le style enfantin des logos et des nuages dans la bannière.
Au niveau couleur
- çà fait trop bleu sur bleu
Par exemple j'aurais mis un bleu plus pâle (celui des blocs de contenus) que celui de ton ciel en fond de page, pour la partie page (à proprement parlé) c'est à dire la partie centrale où tu mets le contenu, je mettrais un fond blanc y compris pour les blocs. Au lieu de faire des cadres noirs, je ferais des cadres bleus qui rappellent donc celui de la bannière.
Peut-être faire des cadres arrondis, çà demande un tout petit peu de taf mais çà adoucierait surement.
Le vert et le bleu de manière général ne se marie pas bien mais du coup comme le fond de page repasse à blanc, faudrait voir ce que çà donne.
Sur la page test çà fait énormément chargé avec les entêtes vertes. Donc si tu travailles sur des cadres bleus à coins arrondis, tu peux en profiter pour y incorporé le titre. Du coup il serait aussi dans les tons bleus et çà serait plus harmonieux.
Le pied de page, peut être ?, faire carrément le rappel du gazon qui se trouve sous le menu dans la bannière
Edit> Aerodrome de Namur je le laisserais de manière textuel en HTML dans la div bannière çà n'empêche pas de mettre l'image en fond.
voilà @+
bonne continuation
Marsh Posté le 12-02-2009 à 16:20:03
Siron a écrit : |
Parce qu'ils ne disposent pas des critères objectifs et conscients qui leurs permettent de juger.
Au mieux t'en ressort avec du "j'aime/j'aime pas"
Marsh Posté le 13-02-2009 à 12:36:02
m@noo a écrit : Euh moi çà me plait bien le style enfantin des logos et des nuages dans la bannière. |
Je vais essayer le switch bleu foncé -> clair et bleu clair -> blanc. C'est vrai que ça restera toujours dans les tons (il me faut du bleu et du vert, vu que c'est les couleurs que on voit sur l'aérodrome. Après je verrais pour les cadre, mais je ne vais pas faire les arrondis. Merci pour ton avis .
Citation : Parce qu'ils ne disposent pas des critères objectifs et conscients qui leurs permettent de juger. |
Je suis tout 100 % d'accord, mais comme le site est pour le public et non pour les webmasters (et que c'est bénévole, je veux plus passer trop de temps dessus), je suis content si le public aime. Il est clair que si j'étais dans un cadre autre que bénévole, ça aurait été différent (utilisation de maquette, standard visuel ...).
Marsh Posté le 13-02-2009 à 16:43:55
C'est bien si ils sont satisfaits mais ça ne t'empêche pas d'essayer de faire mieux dans le temps que tu veux bien y consacrer, d'ailleurs c'est pour ça que t'es ici
Marsh Posté le 13-02-2009 à 19:36:37
oué j'ai dit "un peu de taf" pour les cadres à coins arrondis.
Perso avec gimp, çà m'a pas pris énormément de temps et si tu te débrouilles pour faire du réutilisable (calque pour gérer la couleur par exemple) après çà va super vite car tu as déjà la carcasse qui est prête. Au niveau code HTML y'a un peu plus à écrire, mais au final je trouve le changement assez radical par rapport à des cadres tout droit. Sans compter que tu peux faire des effets de titre qui viennent s'incorporer dans le cadre à la façon fieldset des formulaires et donc te passer de faire des entete de tableau verte.
Pour le partie menu déroulante, je ne metterais pas forcément le même vert dans les menus qui s'ouvrent (surtout avec le bleu qu'il y en dessous) Si tu repasses en blanc comme je l'ai suggéré çà sera à voir, si tu peux laisser comme çà.
C'est pas énormément de boulot vu que le site n'en ai encore qu'au début.
Marsh Posté le 14-02-2009 à 18:17:16
Voila, j'ai alléger les bleus (mais les modifications sont pas encore en ligne), j'avais tenté le blanc pour les cadres de contenu, mais ça brulait trop au yeux je trouve, donc j'ai gardé un bleu plus clair, et je trouve que c'est mieux en comparant.
Demain je vais éclaircir le vert pour les sous menu, ce sera effectivement mieux (je comprends pas pourquoi j'y ai pas pensé spontanément, ça va de soi).
Je ne vais pas tenter l'arrondi pour le moment, peut-être un jour quand les css3 seront supportées.
Dès que le sous-menu est éclairci je vous montre le résultat.
En tout cas merci pour ton avis m@noo, les modifications que ça entraine sont petites mais c'est mieux selon moi, si tu ne me l'avais pas dit je n'aurais pas tenté le bleu plus clair.
Marsh Posté le 16-02-2009 à 08:29:52
ben, dès que c'est en ligne, fais le nous savoir ;-)
Marsh Posté le 19-02-2009 à 21:46:21
Voila, désolé pour le temps mais j'ai pas mal de travail pour le moment.
J'ai éclairci les bleus, mais j'ai laissé le sous menu déroulant en vert foncé, je trouve que ça ne donnait pas grand chose en vert clair.
J'en ai profité pour nettoyer le code css.
J'ai testé les arrondi "css3", c'est vrai que c'est nettement plus joli, donc en gros je les laisse (par contre je ne les ai pas encore appliqué sur les images de la page d'accueil), le seul problème étant qu'ils ne sont visible que sous safari, firefox et chrome (normalement ça devrait marcher sous konqueror mais non, je ne sais pas pourquoi).
Je me pose la question de la police, pour le moment je suis en time new roman, sous konqueror j'ai pu testé la police sans sherif, c'est pas mal je trouve, mais je ne la trouve pas sous windows. J'ai essayé arial et je n'ai pas aimé. Si vous avez une idée sur la police, je suis preneur.
Merci.
Marsh Posté le 20-02-2009 à 09:34:48
sans serif (pas sherif ) c'est un type de police, pas une police particulière. Ce sont des polices sans empattements comme la verdana.
Marsh Posté le 20-02-2009 à 21:16:52
Je m'en doutait un peu après quelque recherche google C'est laquelle que conqueror met par défaut alors sous debian ?
Marsh Posté le 23-02-2009 à 14:22:50
bon je voudrai t'envoyé la feuille de style modifiée (juste pour la page d'index), pour que tu vois ce que je voulais dire.
Mets une police de caractères plus simple (genre arial) çà passe mieux je trouve.
Le vert hormis pour le menu qui est incorporé dans l'herbe, çà ne va vraiment pas pour les entêtes de tableaux ou blocs.
Utilise des outils comme kuler, que l'on t'a donné plus haut pour choisir des couleurs en harmonie.
Tu veras que la complémentaire de ton bleu est plutôt un beige clair.
Perso, je suis resté dans les mêmes tons bleus et j'en ai mis un qui tire sur le gris mais tranche suffisamment sans être trop sombre.
Dans la feuille de style j'ai laissé plusieurs teinte sur l'id fond, il suffit de mettre celle a testé en dernière position.
Pour les menus (ceux qui déroulent j'éviterai de les laisser aussi en vert).
J'attends ton mail (MP) pour faire suivre le fichier.
@+
m@nu
Marsh Posté le 23-02-2009 à 15:10:06
Je vais voir ça. En fait ce qui me fait peur avec le beige c'est que c'est la couleur de la terre, il ne faut pas que ça rappelle la boue de la piste quand il pleut trop.
Pour la police, j'ai testé arial, mais je n'aime pas : trop grand (mais peut être dois-je simplement réduire la taille alors ..., faut que je teste)
Marsh Posté le 23-02-2009 à 15:51:33
Siron a écrit : Je vais voir ça. En fait ce qui me fait peur avec le beige c'est que c'est la couleur de la terre, il ne faut pas que ça rappelle la boue de la piste quand il pleut trop. |
j'ai dis beige clair, et c'est juste pour faire quelques touches parci parlà avec la prédominence de bleu tu ne risques pas grand chose et cela ne sera surement pas pire que ce vert pétant. De plus moi, j'ai préféré rester dans les couleurs primaires, donc un bleu plus soutenu.
Ben oui tu peux régler la taille de la police (si possible pas en pixel).
Tu ne fais pas le site pour toi mais pour les visiteurs.
Donc il faut prendre nos remarques comme celles de simples visiteurs.
Marsh Posté le 24-02-2009 à 15:55:17
j'ai changé la police en Arial, et j'ai modifier les css pour devoir changer les couleurs que dans une classe à chaque fois.
J'ai fais des tests avec différents verts, j'en ai sélectionné un, moi j'aime bien. Demain je vais tester avec le beige.
m@noo => j'ai regardé les couleurs que tu proposes dans le css, j'aime bien le bleu gris, ça donne bien, mais au niveau de la bannière/menu ça manque un peu de variété dès alors.
Marsh Posté le 24-02-2009 à 16:25:27
ce n'est que des suggestions, hein
Pour le menu je dirais de ne pas tout changer. Les menus principaux (ceux que l'on voit au dessus de l'herbe) je les laisserais comme çà.
Les sous-menu qui déroulent (sous l'option "Menu" ) je mettrais plutôt un fond plus en harmonie avec le reste (soit blanc, soit bleu clair). Mais çà risque de faire bizarre.
Sinon autre possibilité, tu rognes un peu l'herbe; c'est à dire tu en laisses quand même pour faire l'analogie avec l'aérodrome (ciel, terrain) et tu mets le menu juste en dessous dans une couleur plus en harmonie (bleu plus soutenu ou complémentaire dans les tons beige clair).
edit > c'est déjà le cas d'ailleurs donc moi je changerai aussi la couleur du menu pour que çà fasse moins vert. juste l'effet de l'herbe ondulée au dessus du menu
edit2> styles envoyés (juste une retouche rapide des menus)
Marsh Posté le 24-02-2009 à 21:57:52
J'ai appliqué ton style au site en ligne. Je trouve que c'est très joli. Mais ne faut-il pas changer le vert de l'herbe avec (je ne sais plus trop quoi penser à force) ?
Marsh Posté le 24-02-2009 à 22:13:28
hé bien attends d'autres avis
je mettrais aussi la couleur de fond en bleu plus clair (#E5EDFF uniquement sur la balise body)
je mettrais la police du menu moins grasse.
L'herbe je la laisserais, maintenant çà choque moins et là page est allégée du fait que le menu ne soit plus dans la même couleur.
Marsh Posté le 25-02-2009 à 00:48:30
pour le style enfantin pourquoi pas c'est un parti pris artistique.
Par contre le menu cloche un peu. Les infos pilote en 3 et le 3 en 2.
Autre petite chose le prix du carburant il change tout le temps le mettre là ça peut devenir un engagement contractuel. Mais c'est en Belgique et peut-être que c'est pas pareil qu'en France
Marsh Posté le 25-02-2009 à 08:49:36
Pour le prix du carburant, effectivement ça change tout le temps, d'ailleurs la valeur sur l'ancien site n'a jamais été adaptée, ici il y a moyen de modifier en ligne le contenu du tableau, mais ce genre de détail de contenu faut que je les règles avec la personne qui "s'occupe" de ça. Je n'ai fait que reprendre l'information de l'ancien site pour le moment.
Tu inverserais le menu et l'info-pilote si j'ai bien compris ?
Marsh Posté le 25-02-2009 à 17:14:23
DOM93 a écrit : pour le style enfantin pourquoi pas c'est un parti pris artistique. |
Un style qui ne colle absolument pas au sujet, ca n'est pas un parti-pris artistique, c'est juste être à côté de la plaque car on ne sait pas trop comment faire autrement ...
Marsh Posté le 26-02-2009 à 13:41:24
Ne relativise surtout pas, shurik, tu as raisons à 100 %, ..., mais tient quand même compte du fait que :
- Je le fais bénévolement.
- Le logo de l'aérodrome est dans le style (et c'est pas un aéroport tout sérieux, c'est un aérodrome avec ses clubs).
- Je viens d'aller montrer le site, et bon, la personne qui s'en occupe est enchantée.
- Moi je suis pas désigner, je suis plutôt codeur, quand je dois faire un design j'essaye de faire au mieux.
Merci encore à m@noo pour son aide.
Marsh Posté le 26-02-2009 à 13:49:29
"c'est un aérodrome avec ses clubs" et ils sont pas tous sérieux. Enfin quand ils sont au sol parce que en l'air t'as plutôt intérêt à l'être.
Marsh Posté le 26-02-2009 à 14:28:30
Siron a écrit : Ne relativise surtout pas, shurik, tu as raisons à 100 %, ..., mais tient quand même compte du fait que : |
Marsh Posté le 28-02-2009 à 22:08:41
DOM93 a écrit : "c'est un aérodrome avec ses clubs" et ils sont pas tous sérieux. Enfin quand ils sont au sol parce que en l'air t'as plutôt intérêt à l'être. |
Oui bien sûr, mais quand je dis pas sérieux c'est plutôt dans le sens où l'activité principale de l'aérodrome reste orienté sur une activité non professionnelle (en dehors de l'école). Le but principal c'est de se faire plaisir.
Marsh Posté le 01-03-2009 à 12:18:28
c'est bien ce que je pensais. Donc la difficulté réside dans le fait qu'il faut trouver un mixte entre sérieux et ludique.
Marsh Posté le 07-02-2009 à 22:33:37
Bonjour, je viens de terminer le site de l'aérodrome de namur, et je sollicite votre avis dessus.
http://www.adn.irision.net/
Le site est fait bénévolement pour remplacer l'actuel en place. Il est dynamique dans le sens ou chaque zone de texte est modifiable en ligne, et où il y a un album photo et un système de new.
Il s'affiche correctement normalement sous firefox, ie7, opera, safari, chrome. Sous ie8 il me reste un bug à corriger : sur la page d'accueil la div de new se colle sur les divs du dessus (si vous avez une idée du pourquoi ?). J'ai également un petit bug sous firefox : quand on affiche une photo de l'album photo, l"image des flèches en mode active (quand on clique dessus) a un petit point au dessus (normalement c'est transparent), seul firefox me le fait et j'ai beau changer l'image, tant que c'est du png transparent en mode active j'ai le bug.
Pour le design, je suis en général orienté sur des truc simples, pas d'image de fond à tout bout de champ.
Normalement le site est valide w3c, sauf pour certain cas où pour éviter des problèmes sur certains navigateurs qui ont du mal, je suis obligé d'utiliser des éléments non prévu pour l'affichage (au hasard les tableaux) (et il me reste 2-3 truc à régler genre les & dans les urls).
Voila, donc si vous avez un avis sur le design, la navigation, la clarté, les bugs du site, merci de le poster .
Siron