Bonjour a tous,

J'aimerais avoir votre avis sur le design et le code de ce site.
Je suis conscient qu'il y a encore des choses a faire, mais je n'arrive pas vraiment a trouver quoi.
(seul l'index est disponible, mais les autres pages ne changeront pas beaucoup de ce model.)
Mici d'avance. Smiley cligne

www.quintessence-art.com/NB/
Salut,

Y'a des choses intéressantes mais je trouve le tout un peu dérangeant, je ne saurais dire pourquoi.

Les couleurs rose et bleu layettes sont un peu impersonnelles.

Les positions :link et :hover du menu en haut me choquent dans ce sens là, je les inverserai. Présentement on a l'impression que lorsqu'on va sur le bouton du menu le bouton se soulève. Ca donne une impression bizarre.

Les cadres de ce menu ne sont pas extensible en cas d'agrandissement de police (deux agrandissements et certains des mots sont coupés).

La forme bleu qui délimite le contenu semble posée là, sans réelle interaction avec ce qui l'entoure. De plus je trouve la forme détourée d'un si gros filet noir est un peu lourde.

Les liens en bas de pages semblent être uniquement de l'image et non du lien. La compréhension n'est pas immédiate car ceux-ci ne sont pas assez explicites en tant que liens.

Je pourrais dire d'autres choses mais en fait je réalise surtout une chose, c'est que les éléments sont trop disparates. Le menu a des carrés à coins carrés, la forme du contenu est à base de ronds, les images à gauches sont dans des carrés à coins arrondis, une étoile, etc...
Y a beaucoup d'espace partout, et comme le site lui même n'est pas sur un fond particulier, les éléments semblent un peu flotter les uns par rapport aux autres.
Trop de typos utilisées aussi (du moins c'est l'impression qui ressort, même si ce n'est pas vraiment le cas).
Ce site avec beaucoup de contenu va devenir fastidieux à lire, car la largeur des colonnes est tellement peu large qu'il faudra beaucoup faire défiler pour lire le contenu.

Bref je pense qu'il y'a des choses intéressantes, mais tu te disperse trop, il faudrait que tu choississe un élément qui te plait, et aller à fond dedans pour donner toute sa cohérence au site.
Bonsoir,

Pour le code:
<h5>Ecrit le 05/06/05 par XXX</h5>

Je ne croit pas que cela soit un titre. pourquoi pas le mettre en paragraphe avec une class.
De plus cela passe de <h1> à <h5> directement.

<a name="haut"><img src="image/banniere.jpg" alt="banniere de Net Building" /></a>

Je ne comprend pas <a name="haut">. Pourquoi un lien ici. En plus cela ne fait pas remonter j'usqu'au haut quand on clique sur "revenir en haut".

Avec opéra, il y a un léger décalage entre le J et 'aime dans le paragraphe de la news.

C'est quoi le design, j'ai pas trop compris : C'est un gros sexe ? Smiley lol
Mici a tout les deux

Pour le design, je pense que tu as réussis a mettre un mot sur ce que je n'arrivais pas a comprendre. Je vais travailler la cohérence, et je vous le renvois. Pour ce qui est de l'étoile, c'est en fait un résidus du premier essais que j'avais fait sur le site (la il y avait carrément des étoiles de tout les cotés). Pour ce qui est de dégrossir les traits, je pense que parmis toutes les personnes qui ont vue le site, je suis le seul que ça n'est pas vraiment choquer donc je le change aussi ^^

Sinon pour le code je change tout de suite le h5 pour un paragraphe plus conventionel.

Et sinon, OUI mon site est a lui tout seul le signe phallique le plus évident que j'ai rencontré (comme dirait ma prof de philo). En faite c'est une forme que j'ai obtenu en faisant un peut n'importe quoi sous inkscape et qui m'a plue Smiley cligne Smiley smile
bonsoir ...

Un design qui sort des "sentiers webus" .... enfin (!?)

J'aime vraiment bien la recherche dans l'ensemble et sur l'ensemble , mais
meme remarque que Mikachu il se disperse un peu trop ..

Peut-etre le fait que l'on a une lecture 'en diagonale ' de haut en bas et de
gauche à droite et que le mouvement de la 'colonne' de droite , elle , nous ramène vers la gauche ( vous me suivez hein !!?) ..

Dans ce cas également l'effet de transparence me semble "de trop" .

Ps : et je met 5 points de plus parce que tu utilises Inkskape ( allez 10 ) et le vectoriel !!!

a écrit :

En faite c'est une forme que j'ai obtenu en faisant un peut n'importe


tchh tchh tchh .. ! pas d'excuse Smiley lol
Salut,

Il m'aura fallut un peut de temps pour essayer de modifier un peut tout ça, mais voila, le résultat et en image ici.
http://www.quintessence-art.com/nb/imgal.png
J'ai essayé de dégrossir les traits, et d'uniformiser le tout. Léger travail sur les couleurs, mais franchement j'ai du mal Smiley smile

j'ai gardé le site original ici
http://www.quintessence-art.com/nb/

Et pour ceux que ça interesse, la toute premiere versions du site (je là met car certain la trouve mieu que le design actuel)
http://www.quintessence-art.com/nb/fini.png

Je met le plus vite possible la version html du nouveau design, mais il devrait pas avoir grand chose a changer sur la programmation du premier pour intégrer le nouveau.

Merci d'avance pour vos réponses Smiley biggrin

a écrit :
Ps : et je met 5 points de plus parce que tu utilises Inkskape ( allez 10 ) et le vectoriel !!!


Et si je dit que j'utilise the gimp, j'ai le droit a des points aussi Smiley smile ?? Plus sérieusement je pense qu'aujourd'hui je ne pourrait pas m'en passer pour les sites internet (meme si illustrator me parrait plus adapter pour le print )
salut ...

oui pour Gimp çà marche aussi ( meme si j'ai été un peu paumé au début
par les changements dans la navigation avec les onglets dans la dernière version ) ( fin de paranthèse)

....Pour le "pré-site " que certain préfère , j'aime bien aussi mais cela fait beaucoup plus 'affiche' .... et faut aimer les étoiles ! Smiley biggrin

Et donner un avis sur un 'Png' c'est assez difficile , d'autant plus que l'on a pas le totalité de la page et de plus j'ai l'impression que cela affadit et assombrit les couleurs d'origine !

Ps : si tu avais moyen par contre d'allèger au maximum le poids des images ... j'ai un temps de téléchargement pour l'image du 'biberon' ( c'est phalique aussi !) un peu long ( et j'suis en haut-débit)

++
Modifié par kzone (13 Dec 2006 - 12:26)
Tiens c'est assez original comme site. Bon je pense que le tout manque un peu de finesse. J'aime pas trop ces grosses bordures noires et la qualité des images laissent a desirer. Le footer est tout flou, on voit la compression jpg dans les titres... deja si tout ca etait plus clean ca aiderait pas mal.

Les titres vite dit et derniers articles seraient mieux en png.

J;ai aussi l'impression qu'on gaspille beaucoup d'espace dans la colonne de gauche et que du coup le texte est tout quiché dans la colonne de droite.

Voilu, mais y a de l'idée Smiley cligne
linki a écrit :
J'ai essayé de dégrossir les traits, et d'uniformiser le tout. Léger travail sur les couleurs, mais franchement j'ai du mal Smiley smile

- Pour ce qui est d'uniformiser, tu y es parvenu et y'a pas de doute sur le fait que c'est mieux, Mikachu avait vu juste.
- Pour ce qui est de dégrossir les traits, je n'ai pas trop constaté l'effort Smiley smile
- Bon, le résultat est original et pas trop mal. Mais ces gros traits donnent un look 70's dont je ne suis que moyennement fan (ou alors il faudrait y aller un peu plus franchement dans le style psychédélique, pour que l'esthétique soit vraiment stylée)

L'ensemble est un peu sombre. La partie droite de ton dégradé rose (fond) pourrait être nettement plus claire.
Salut salut,

Voila, la nouvelle version (qui n'a en fait pas grand chose a voir avec l'image que j'avais mis avant, vue que d'autres critiques ont été faites depuis ^^);

La zone de texte est plus grande, les traits ont été réduit au minimum, les couleurs ont été changées, le tout a été un peut plus uniformiser.
Pour le menu, je me tatte, je suis pas sur qu'il soit vraiment adapté. j'ai jamais été grand fan des image map. Pour les liens du pied de page, je devrais aussi passer aux image map. Le site est également plus lourd (mais moins détruit par le jpeg) (il pese 64ko en image et 6ko de css et xhtml)

En tout cas, merci pour toutes vos critiques, j'en tiens compte, et sa me fait avancer!Hésiter pas a continuer Smiley cligne

Sinon pour the Gimp, je n'est eut aucun probleme a m'y mettre, mais faut dire que jusque la ma référence etait paint Smiley smile

Edit : si je vous met l'addresse c'est encore mieu ^^
http://www.quintessence-art.com/nb2/
Si vous voulez comparer, les autres liens sont toujours actifs
Modifié par linki (17 Dec 2006 - 01:04)
Carrément original ! Je ne peux pas dire que je sois vraiment époustouflé par l'esthétique, mais au moins ce design ne passe pas inaperçu !
Et pourquoi pas un petit dégradé dans ta bande blanche inclinée ?
Bon, bha apres un travail sur le texte visible ici,
http://www.quintessence-art.com/nb/
je sais plus quoi rajouter au design et je pense que je vais me mettre a travailler aussi sur le plus important : le fond

Pour le dégradé dans le menu, j'ai essayé un peut mais sa ne rend pas top, ou quand sa rend bien, sa commence a vraiment pesé lourd Smiley cligne

Mici encore pour votre aide ^^
Modifié par linki (18 Dec 2006 - 22:54)