Aller au menu - Aller au contenu

[Design][Wip] MyFrog.fr

Design version III

Pour accéder à cette section
Connectez-vous !
connexion_rpx
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
Avatar
Flux RSS

Ville : Maisons-laffitte
Pays : France métropolitaine

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

:-° Bon desing !
J'aime bien !

;) Continue !
Hors ligne Oli # Posté le 12/04/2008 à 18:12:48
C++, C++ fort que C!!!
Avatar
Flux RSS

Ville : Porticcio
Pays : France métropolitaine

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
Avatar
Flux RSS

Ville : Maisons-laffitte
Pays : France métropolitaine

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

Venez découvrir mon blog personnel !
Image utilisateur


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
Flux RSS

Ville : Porticcio
Pays : France métropolitaine

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
Avatar
Flux RSS

Ville : Maisons-laffitte
Pays : France métropolitaine

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

Venez découvrir mon blog personnel !
Image utilisateur


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
Flux RSS

Ville : Porticcio
Pays : France métropolitaine

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
Avatar
Flux RSS

Ville : Maisons-laffitte
Pays : France métropolitaine

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.

Venez découvrir mon blog personnel !
Image utilisateur


Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 
Hors ligne Jiyong # Posté le 13/04/2008 à 09:50:22
Panda eLFien
Avatar
Flux RSS

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
Avatar
Flux RSS

Ville : Maisons-laffitte
Pays : France métropolitaine

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

Venez découvrir mon blog personnel !
Image utilisateur


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
Flux RSS

Ville : Porticcio
Pays : France métropolitaine

^^ 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
Avatar
Flux RSS

Ville : Maisons-laffitte
Pays : France métropolitaine

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

Venez découvrir mon blog personnel !
Image utilisateur


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
Flux RSS

Ville : Porticcio
Pays : France métropolitaine

Hors ligne Le Zéro # Posté le 13/04/2008 à 15:47:14
Avatar
Flux RSS

Ville : Maisons-laffitte
Pays : France métropolitaine

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 ;)

Venez découvrir mon blog personnel !
Image utilisateur


Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 
Hors ligne Le Zéro # Posté le 15/04/2008 à 18:50:27
Avatar
Flux RSS

Ville : Maisons-laffitte
Pays : France métropolitaine

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 ;)

Venez découvrir mon blog personnel !
Image utilisateur


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
Flux RSS

Ville : Porticcio
Pays : France métropolitaine

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
Avatar
Flux RSS

Ville : Maisons-laffitte
Pays : France métropolitaine

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 ;)

Venez découvrir mon blog personnel !
Image utilisateur


Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 
Hors ligne Jiyong # Posté le 16/04/2008 à 18:49:23
Panda eLFien
Avatar
Flux RSS

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
Avatar
Flux RSS

Ville : Maisons-laffitte
Pays : France métropolitaine

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 ?

Venez découvrir mon blog personnel !
Image utilisateur


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

Ville : Grenoble
Pays : France métropolitaine

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


Difficile de naviguer sur le SdZ avec votre mobile ?
Optez pour zMini !
 
Hors ligne Poulet_nucleaire # Posté le 19/04/2008 à 16:32:54
Only-Radioactif
Avatar

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
Flux RSS

Ville : Porticcio
Pays : France métropolitaine

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
Avatar
Flux RSS

Ville : Maisons-laffitte
Pays : France métropolitaine

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
Flux RSS

Ville : Porticcio
Pays : France métropolitaine

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
Flux RSS

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
Avatar
Flux RSS

Ville : Maisons-laffitte
Pays : France métropolitaine

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

Venez découvrir mon blog personnel !
Image utilisateur


Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 
Hors ligne Le Zéro # Posté le 28/04/2008 à 19:17:28
Avatar
Flux RSS

Ville : Maisons-laffitte
Pays : France métropolitaine

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
Avatar
Flux RSS

Ville : Maisons-laffitte
Pays : France métropolitaine

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. :)

Venez découvrir mon blog personnel !
Image utilisateur


Avancement de mon site web, MyFrog.fr : ||||||||||
Le Zéro
 
Hors ligne jeremybs # Posté le 29/04/2008 à 22:15:36

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

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

Pour accéder à cette section
Connectez-vous !
connexion_rpx