Aller au menu - Aller au contenu

[Design][Wip] MyFrog.fr

Design version III

Vous devez être inscrit pour pouvoir poster des messages

Page : 1  2  3  4  Suivante
Auteur Message
1 visiteur sur ce sujet (1 anonyme)
Page : 1  2  3  4  Suivante
Hors ligne Le Zéro # Posté le 12/04/2008 à 15:40:44
I'm a ZerO
Groupe : Membres

Avancement du design



Design MyFrog - version IIIDesign MyFrog - version IIIImage utilisateurDesign de MyFrogImage utilisateurImage utilisateurNouveau design !!Image utilisateurImage utilisateurImage utilisateurImage utilisateur
Toutes les miniatures sont cliquables.

Actuel


Le design est en ligne
J'attends vos commentaires avec impatience !


Smileys


  • Content : Image utilisateur
  • Déboussolé : Image utilisateur
  • Enervé : Image utilisateur
  • Moqueur : Image utilisateur
  • En pleurs : Image utilisateur
  • Triste : Image utilisateur
  • Rieur : Image utilisateur
Merci à Oli Image utilisateur

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

Design MyFrog - version III

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. ;)
Édité le 30/12/2008 à 12:37:59 par Le Zéro
Hors ligne gnix # Posté le 12/04/2008 à 16:00:32
Avatar
Groupe : Membres
:-° Bon desing !
J'aime bien !

;) Continue !
Hors ligne Oli # Posté le 12/04/2008 à 18:12:48
C++, C++ fort que C!!!
Avatar
Groupe : Membres
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...
 
Hors ligne Le Zéro # Posté le 12/04/2008 à 18:29:23
I'm a ZerO
Groupe : Membres
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)
Édité le 12/04/2008 à 18:52:26 par Le Zéro

Avancement de mon site web, MyFrog.fr : ||||||||||

Le Zéro
 
Hors ligne Oli # Posté le 12/04/2008 à 18:32:00
C++, C++ fort que C!!!
Avatar
Groupe : Membres
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.
 
Hors ligne Le Zéro # Posté le 12/04/2008 à 18:33:30
I'm a ZerO
Groupe : Membres
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.
Édité le 12/04/2008 à 18:50:06 par Le Zéro

Avancement de mon site web, MyFrog.fr : ||||||||||

Le Zéro
 
Hors ligne Oli # Posté le 12/04/2008 à 22:14:17
C++, C++ fort que C!!!
Avatar
Groupe : Membres
ouais avec du contenu c'est bien mieux :) . Par contre le texte dans le truc de droite est trop petit ^^ .
 
Hors ligne Le Zéro # Posté le 13/04/2008 à 07:37:29
I'm a ZerO
Groupe : Membres
Ce texte serra remplacé par des images ...

Voici encore quelques améliorations : Design MyFrog - version III
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.

Avancement de mon site web, MyFrog.fr : ||||||||||

Le Zéro
 
Hors ligne Jiyong # Posté le 13/04/2008 à 09:50:22
Panda eLFien
Avatar
Groupe : Membres
Le vert est pas top, il fait un peu mal au yeux, le blanc sur vert (footer) c'est pas lisible.
 
Hors ligne Le Zéro # Posté le 13/04/2008 à 10:39:06
I'm a ZerO
Groupe : Membres
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

Avancement de mon site web, MyFrog.fr : ||||||||||

Le Zéro
 
Hors ligne Oli # Posté le 13/04/2008 à 10:58:36
C++, C++ fort que C!!!
Avatar
Groupe : Membres
^^ 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.
 
Hors ligne Le Zéro # Posté le 13/04/2008 à 11:03:23
I'm a ZerO
Groupe : Membres
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 ^^ .
Édité le 13/04/2008 à 11:48:13 par Le Zéro

Avancement de mon site web, MyFrog.fr : ||||||||||

Le Zéro
 
Hors ligne Oli # Posté le 13/04/2008 à 12:25:30
C++, C++ fort que C!!!
Avatar
Groupe : Membres
Hors ligne Le Zéro # Posté le 13/04/2008 à 15:47:14
I'm a ZerO
Groupe : Membres
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 : Image utilisateur

Dites-moi ce que vous pensez de l'herbe ;)

Avancement de mon site web, MyFrog.fr : ||||||||||

Le Zéro
 
Hors ligne Le Zéro # Posté le 15/04/2008 à 18:50:27
I'm a ZerO
Groupe : Membres
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" :
Design de MyFrog

J'attends vos commentaires ;)

Avancement de mon site web, MyFrog.fr : ||||||||||

Le Zéro
 
Hors ligne Oli # Posté le 15/04/2008 à 19:33:39
C++, C++ fort que C!!!
Avatar
Groupe : Membres
Oui c'est mieux, ça fais moi flashy, c'est plus reposant à regarder. En plus la mascotte s'intègre mieux :) .
 
Hors ligne Le Zéro # Posté le 16/04/2008 à 14:51:30
I'm a ZerO
Groupe : Membres
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 ;)

Avancement de mon site web, MyFrog.fr : ||||||||||

Le Zéro
 
Hors ligne Jiyong # Posté le 16/04/2008 à 18:49:23
Panda eLFien
Avatar
Groupe : Membres
ton vert est vraiment trop tendence a tiret sur le fluo ... ce qui n'est pas agrable pour la lecture.
 
Hors ligne Le Zéro # Posté le 19/04/2008 à 14:39:58
I'm a ZerO
Groupe : Membres
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 ?

Avancement de mon site web, MyFrog.fr : ||||||||||

Le Zéro
 
Hors ligne Ze Fainéant # Posté le 19/04/2008 à 16:10:15
Flemme à mi-temps.
Avatar
Groupe : Membres
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.

Image utilisateur

zMini
Un design SdZ adapté aux iPhone.
Voir un aperçu | Essayez-le !



Image utilisateur

Bêta de Beedee's le 36 du mois !
✔ Blog de Beedee's
Présentation SdZ de Beedee's
 
Hors ligne Poulet_nucleaire # Posté le 19/04/2008 à 16:32:54
Only-Radioactif
Avatar
Groupe : Membres
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 :)

Image utilisateur
Image utilisateur
La plus grande connerie de l'homme est sans doute la sienne...
 
Hors ligne Oli # Posté le 19/04/2008 à 19:22:47
C++, C++ fort que C!!!
Avatar
Groupe : Membres
Cette réponse a aidé l'auteur du sujet Cette réponse a aidé l'auteur du sujet
Pour le crènelage, un flou gaussien niveau 1 devrais aller sous the gimp ;) .

Pour l'ombre tu fait un alpha "vers sélection" sur le calque du perso, tu crée un nouveau calque, sous le perso, tu remplie la sélection de noir tu dé-sélectionne tout et tu fait un clou gaussien ;) .
 
Hors ligne Le Zéro # Posté le 19/04/2008 à 19:34:43
I'm a ZerO
Groupe : Membres
Merci de vos commentaires :)
J'ai essayer de rendre le design moins vert en inversant les couleurs du fond & du corps : Image utilisateur
Pour ce qui est des couleurs, c'est un peu moins flashy mais pas encore ça ...
Hors ligne Oli # Posté le 19/04/2008 à 19:46:48
C++, C++ fort que C!!!
Avatar
Groupe : Membres
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.
 
Hors ligne Jiyong # Posté le 20/04/2008 à 11:15:27
Panda eLFien
Avatar
Groupe : Membres
Citation : Le Zéro
Merci de vos commentaires :)
J'ai essayer de rendre le design moins vert en inversant les couleurs du fond & du corps : Image utilisateur
Pour ce qui est des couleurs, c'est un peu moins flashy mais pas encore ça ...


c'est un peu mieux, mais pourquoi toujours ce vert clair, essaye de le foncer un peu.
 
Hors ligne Le Zéro # Posté le 20/04/2008 à 11:53:31
I'm a ZerO
Groupe : Membres
Citation : Oli
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 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 : Jiyong
c'est un peu mieux, mais pourquoi toujours ce vert clair, essaye de le foncer un peu.
Ok, je vais essayer de le foncer un peu

Avancement de mon site web, MyFrog.fr : ||||||||||

Le Zéro
 
Hors ligne Le Zéro # Posté le 28/04/2008 à 19:17:28
I'm a ZerO
Groupe : Membres
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 : Image utilisateur
Hors ligne Le Zéro # Posté le 29/04/2008 à 19:26:05
I'm a ZerO
Groupe : Membres
Salut ! :)
Donc j'ai gardé la même disposition mais j'ai comme même bossé pas mal dessus,
nottament au niveau des ombres/dégradés/rayures ...
Nouveau design !!
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. :)

Avancement de mon site web, MyFrog.fr : ||||||||||

Le Zéro
 
Hors ligne jeremybs # Posté le 29/04/2008 à 22:15:36
Groupe : Bannis
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
 
Hors ligne MEG@DARK # Posté le 30/04/2008 à 14:07:51
Anges de la mort
Groupe : Membres
J'aime bien le nouveau design mais... La nouvelle mascotte est moche. Je prefferais l'autre , elle était plus kawaii^^

Retour au forum "Graphisme" ou à la liste des forums

Vous devez être inscrit pour pouvoir poster des messages