[Design][Wip] MyFrog.fr

Avancement du design

Actuel

Smileys

• Content :
• Déboussolé :
• Enervé :
• Moqueur :
• En pleurs :
• Triste :
• Rieur :

Merci à Oli

Premier message

Bonjour à tous

Certains d'entre vous ont peut-être déjà aperçu mon site quelque part sur les forums du sdz. Sachez que même si la version en ligne n'est plus mise à jour, je continue tout de même à développer MyFrog en local et ça avance pas mal.
Le site est un site de jeux/concours communautaires (quiz, sondages, ticket à gratter, etc.) accompagné d'une plateforme complète (gestion de profils, forum, etc.) destiné plus particulièrement aux enfants (jeux) & ados (plateforme communautaire).

Aujourd'hui, je me (re)lance dans une nouvelle facette du travail de Webmaster : le design.
En effet, lors de sa sortie en version finale (prévue pour juillet-aout 208) le site bénéficiera d'un nouveau design orienté Web 2.0


J'ai un petit peu commencer à designer l'ensemble avec The Gimp 2.
Cependant, je débute en graphisme, j'aurais donc besoin de vos avis & aides.

Ci contre, le début de design :

Personnellement, je suis assez satisfait des couleurs, des formes et de la disposition.
J'aurais besoin d'un peu d'aide cependant pour ce qui est des ombres, dégradés & autres effets "web 2.0".

Pour ce qui est de la courbe du haut, je sais qu'elle est affreuse mais sans, le header fait très vide, n'hésitez pas a me donner des idées pour le remplir.
Quant à la mascotte (nommée Froggy ), j'aurais aimer la refaire en 3D avec Blender par exemple. J'ai commencer le tuto d'aerodark mais je ne pense pas avoir le niveau pour le faire (en tout cas pour l'instant ...) Donc la aussi, toute aide sera la bienvenue.

Merci aux zéros qui me donnerons leur avis.

Bon desing !
J'aime bien !

Continue !

Ouai, la mascotte s'intègre pas très bien avec le design qui est un peut crystal (ou style Web2.0 comme on dit) et la mascotte, elle non.

Soit tu la fais avec des belle courbes et des reflets, soit tu la fais en 3D... Je ne sais pas ce que ça vas donner, on verra bien.

Voilà, ce n'était que mon humble avis , après je ne suis pas un pro du design non plus...

Merci de vos commentaires.
Oui, la mascotte provient de l'ancienne version est ne s'intègre pas bien avec ce design, j'aimerais la refaire en 3D ...

Sinon, j'ai rajouter un peu de contenu pour le panel d'accueil : lien (l'image "En Normandie, passez a l'action" représente l'emplacement publicitaire)

ok . Par contre le footer est un peu gros vu le peut de contenu qu'il a... Il prend la même place que le header - qui est beaucoup plus chargé (ne le change pas il est très bien .) - alors qu'il est vide.

Oui, mais je vais rajouter quelques infos plus tard ...
D'autres avis ?

EDIT : L'upload a été rétabli, j'ai mi a jour mon post précédant.

ouais avec du contenu c'est bien mieux . Par contre le texte dans le truc de droite est trop petit .

Ce texte serra remplacé par des images ...

Voici encore quelques améliorations :
Pour ma part, je trouve que le corps est un peu large(les pubs google font 72px de moins) & pas assez marqué (ombres).
Si quelqu'un sait aussi comment supprimer l'effet "escalier" dans la bordure du footer, je suis bien entendu preneur.

Le vert est pas top, il fait un peu mal au yeux, le blanc sur vert (footer) c'est pas lisible.

Salut !

Peux-tu détailler pour le vert (pas top) ? Il est trop flashy ??
En fait dans la version précédente, on m'a reproché d'utiliser des couleurs trop fades ...
Et puis je tiens aussi à préciser, que MyFrog ne serra pas un site de "contenu" comme le Sdz, mais un site d'interactions/jeux (pas de grandes pages de texte) .

Sinon, pour ce qui est du texte dans le footer, je ne pense pas que ça soit le fait qu'il soit blanc qui gêne le plus, mais plutôt celui qu'il soit pixelisé (du a l'utilisation d'images ).

J'aimerais d'autres avis avant d'éventuellement modifier les couleurs.
Le Zéro

L'ancienne version est fade la nouvelle est un peut flashie, . Essaye de gérer, de mettre des couleur vives mais aussi quelques plus sobres pour ne pas que ça saute aux yeux.

Sinon les reflets ne sont pas assez marqué dans la dernière version, on ne vois que des tache sombre et c'est assez bizarre à voir.

Ok, mais quelles couleurs ne vont pas ??? Celles du corps ou du header/footer ??
Et sinon de quels reflets prales-tu ? De l'ombre ? Si c'est ça, j'aimerais bien que quelqu'un m'explique comment réaliser de belles ombres avec The Gimp parce que je n'ai pas trouvé grand chose ...

EDIT : Je télécharge la version d'essai de photoshop car certaines fonctionnalités me paraissent assez interessante.
DOnc si vous avez des idées d'ordre techniques, j'ai photoshop .

Je parlais de ça:
http://b.imagehost.org/0471/ombreoO.jpg

Personnelement, je trouve pas ces bordures choquantes ... Je vais quand même vois ce que ca donne en mettant des bordure pleines.

Sinon quelques petites modifications :

Dites-moi ce que vous pensez de l'herbe

Salut !

En regardant mon design sur plusieurs écrans, je me suis rendu compte que certains l'affichaient avec des couleurs très très flashies. Je comprends donc vos commentaires mais je ne voyais pas la même chose que vous ...

J'ai tenté (un peu rapidement, j'approfondirais après) de modifier les couleurs pour le rendre plus "potable" :

J'attends vos commentaires

Oui c'est mieux, ça fais moi flashy, c'est plus reposant à regarder. En plus la mascotte s'intègre mieux .

Salut

Donc, j'ai un peu continué ce design avec les nouvelles couleurs, mais j'ai deux problèmes :

• Je n'arrive pas a faire une "belle" ombre derrière le corps
• Je n'arrive pas a supprimer l'effet "escalier" du footer ...

Voilà, pour rappel j'ai Gimp & Photoshop.

Merci de votre aide

ton vert est vraiment trop tendence a tiret sur le fluo ... ce qui n'est pas agrable pour la lecture.

Tu parles du vert du corps ou de celui du header/footer ??
J'hésite a inverser les couleurs du fonds & du corps : gris clair pour le corps & vert clair pour le fond. Qu'en pensez vous ?

Pour l'effet escalier, il faut lisser les traits.
Et pour l'inversement des couleurs, c'est à voir. Je pense pas que ça aille mais sans image, on ne peut pas juger.

Salut,

Je le trouve trop vert :s
Essaye de varier les couleurs ou met des variantes de gris.

Sinon tu pourrais essayer de le foncer un peu

Merci de vos commentaires
J'ai essayer de rendre le design moins vert en inversant les couleurs du fond & du corps :
Pour ce qui est des couleurs, c'est un peu moins flashy mais pas encore ça ...

Je trouve qu'on est moins "dans le truc" si tu vois ce que je veux dire... C'est assez palot et puis on a un gros blanc au milieux. je préfère la version d'avant.

Citation : Le Zéro

c'est un peu mieux, mais pourquoi toujours ce vert clair, essaye de le foncer un peu.

Citation : OliJe comprends ce que tu veux dire mais, la page est vide ... En effet lorsqu'il y aura du contenu (panel d'accueil, tableaux colorés ou jeux) le corps serra davantage coloré & ressortira.

Citation : JiyongOk, je vais essayer de le foncer un peu

Je suis revenu un peu a l'ancienne disposition tout en fonçant les couleurs, la couleur de fond a aussi été changé.
C'est un peu brouillon mais personnellement, je préfère :

Salut !

J'attends vos avis maintenant que le design est plus avancé.

Autre chose aussi, j'ai besoin d'aide pour la modélisation de la mascotte en 3d avec Blender, j'ai essayé pas mal de trucs mais je n'ai pas réussi à faire la forme de base ... (j'ai lu le tuto d'aerodark mais a priori ça ne suffit pas).
Si quelqu'un pourrait m'éclairer sur les outils à utiliser pour obtenir la forme de base (corps, yeux, pieds), ça serrait vraiment sympa .

En attendant vos réponses.

HUm je veut juste savoir c'est koi le rapport du web 2.0 avec le web design. Je tient a dire que le web 2.0 n'a pas une charte graphique n,y d'effet particulier en matière de design.

Sinon c'est du bon travail

J'aime bien le nouveau design mais... La nouvelle mascotte est moche. Je prefferais l'autre , elle était plus kawaii^^