Ma première maquette

Ma première maquette - Web design - Graphisme

Marsh Posté le 05-10-2003 à 07:28:58    

Bonjour,
 
Voilà, ex-programmeur invétéré, j'aimerais me lançer dans le design de sites web. Je ne prétends pas arriver au niveau (que je n'atteindrais jamais) de ceux qui ont fait des écoles d'art et dont les créations sont ahurissante à mes yeux.
Cependant, j'aimerais vous soumettre ma première maquette pour avoir quelques commentaires, voir si ce que j'ai fait c'est caca ou si c'est correcte...  :hello:  
 
Alors j'ai pris en compte vos commentaire, et fait quelques modif, j'espère que ça donne un peu mieux !
 
L'ancien :
http://gyz2ooo.free.fr/maquette.jpg
 
Le nouveau :
http://gyz2k.free.fr/maquette%20finale2.jpg
 
Il n'y a pour l'instant que le premier élément du menu, qui comportera un rollover.
Pas de flash pour l'instant (mais prévu), j'ai déjà assez de mal avec photoshop  [:yaisse2v]  
 
Merci  [:xp1700]  [:cupra]


Message édité par bolomatic le 10-10-2003 à 12:07:58
Reply

Marsh Posté le 05-10-2003 à 07:28:58   

Reply

Marsh Posté le 05-10-2003 à 11:12:40    

je trouve ca pas mal moi.. peut etre chercher une meilleur harmonie de couleurs...

Reply

Marsh Posté le 05-10-2003 à 11:40:48    

je trouve ça bien aussi, les couleur un peu tristounettes
la fleur la avec imagination/inspiration ...chuis po convaincue  
ça deviens koi ça apres?  
heu ya po de menu?
pkoi ya marqué maison en bas ?


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 05-10-2003 à 11:57:04    

maison , home  :whistle:  
 
retour a l'index peut etre


---------------
Ours liégeois
Reply

Marsh Posté le 05-10-2003 à 12:02:45    

mmmmhh po con  :D


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 05-10-2003 à 12:06:30    

moi je trouve ça bien, c'est bien composé et agréable a regarder! Par contre faudrait recentrer un peu les couleur et le contenu graphique!
Là t'as divers éléments qui n'ont pas beaucoup de lien entre eux (même si je comrend bien qu'il s'agit de photographie numérique), mais tout de même, fleur, couché de soleil, archi ça fait un peu bcp d'info sur la même page! pareil pour les couleurs. Faut être plus cohérent....

Reply

Marsh Posté le 05-10-2003 à 23:39:58    

ours le magnifique a écrit :

maison , home  :whistle:  
 
retour a l'index peut etre


 
 :jap: je voulais pas mettre home :P ni accueil lol
 
Et l'harmonie des couleurs ouais, mais je trouve pas quoi mettre avec quoi lol (je suis daltonien, peut être que ça n'aide pas ?)

Reply

Marsh Posté le 05-10-2003 à 23:42:29    

Frenzy a écrit :

moi je trouve ça bien, c'est bien composé et agréable a regarder! Par contre faudrait recentrer un peu les couleur et le contenu graphique!
Là t'as divers éléments qui n'ont pas beaucoup de lien entre eux (même si je comrend bien qu'il s'agit de photographie numérique), mais tout de même, fleur, couché de soleil, archi ça fait un peu bcp d'info sur la même page! pareil pour les couleurs. Faut être plus cohérent....


 
J'arrive pas à trouver une bonne harmonie des couleurs !
Mais faut dire il a évolué, au début, c'était pas trop photo numérique, et mes idées ont évolué petit à petit...
 
Mais pour harmoniser tout ça je trouve ça trop dur...
 
Vous avez une idée des couleurs qui ne vont pas ?
La fleur au centre c'est un compartiment décoratif et destiné à accueilir les thumbnail de la galerie en fait.

Reply

Marsh Posté le 05-10-2003 à 23:44:14    

aozora a écrit :

je trouve ça bien aussi, les couleur un peu tristounettes
la fleur la avec imagination/inspiration ...chuis po convaincue  
ça deviens koi ça apres?  
heu ya po de menu?
pkoi ya marqué maison en bas ?


 
C'est vrai qu'il n'y a pas trop de lien lol, je devrais trouver quelque chose de plus convaiquant... Mais là je bloque.
Je vais essayer de me surpasser, mais c'est dur de trouver des photos utilisables, et qui conviennent au contexte..
 
Si vous avez des adresses.... je suis preneur !  [:yaisse2v]

Reply

Marsh Posté le 06-10-2003 à 00:42:34    

Ayé j'ai fait quelques modifications !
 
La maquette intermédiaire :
http://gyz2ooo.free.fr/maquette%20finale.jpg


Message édité par bolomatic le 10-10-2003 à 12:05:54
Reply

Marsh Posté le 06-10-2003 à 00:42:34   

Reply

Marsh Posté le 06-10-2003 à 02:01:37    

c'est con j'aimais bien le photo de fleur de l'ancienne version! moi j'essairai de travailler ds les teintes de cette image (enfin les partis "lumineuses" ) ...

Reply

Marsh Posté le 06-10-2003 à 03:10:54    

Frenzy a écrit :

c'est con j'aimais bien le photo de fleur de l'ancienne version! moi j'essairai de travailler ds les teintes de cette image (enfin les partis "lumineuses" ) ...


 
Bah j'aimais bien aussi lol
 
J'avais fait un essai avec la fleur avec une teinte bleutée, mais je trouve que ça fait trop fade, et trop sombre après

Reply

Marsh Posté le 06-10-2003 à 03:24:04    

et si tu travaillais ds les verts anis, ou les roses pales?

Reply

Marsh Posté le 06-10-2003 à 04:23:51    

Frenzy a écrit :

et si tu travaillais ds les verts anis, ou les roses pales?


 
Pourquoi pas, mais je voulais que ça reste sombre, ca fait mieux resortir les photographies (pour ma galerie)
 
 
EDIT: En regardant bien, je trouve ça pas mal l'incursion du rouge au milieur du bleu... c'est peut être encore une fois un mauvais tour de me yeux de daltonien  :sweat:  :whistle:


Message édité par bolomatic le 06-10-2003 à 04:35:05
Reply

Marsh Posté le 06-10-2003 à 10:46:50    

bolomatic. Tu dois etre fier de ton accord coloré. Mais écoute les gens du forum, ils ont raisons.  
ce bordeaux avec ce bleu gris ne passe pas du tout. MAIS ALORS PAS DU TOUT. c'est les couleurs d'un site de garagiste, ou de plombier et ne passe pas avec le  ton général du site (tres léger et design, comme on dit).  
 
 
Trouve autre chose, mais pas cela, on a l'impression de voir le maillot d'un footballer.
 
sinon la composition est tres high tech, c'est un style... que tu maitrises et c'est bien :)


Message édité par morganno le 06-10-2003 à 10:48:13
Reply

Marsh Posté le 06-10-2003 à 15:41:36    

morganno a écrit :

bolomatic. Tu dois etre fier de ton accord coloré. Mais écoute les gens du forum, ils ont raisons.  
ce bordeaux avec ce bleu gris ne passe pas du tout. MAIS ALORS PAS DU TOUT. c'est les couleurs d'un site de garagiste, ou de plombier et ne passe pas avec le  ton général du site (tres léger et design, comme on dit).  
 
 
Trouve autre chose, mais pas cela, on a l'impression de voir le maillot d'un footballer.
 
sinon la composition est tres high tech, c'est un style... que tu maitrises et c'est bien :)


 
Bah après ça, si je ne change pas d'avis... [:yaisse2v]  
 
Là au moins c'est clair :)
Je vais trouver autre chose comme couleur alors, en essayant les suggestions et en gardant en tête celles des autres forumeurs.
Est ce que tu penses que je peux trouver un compromi non-garagiste/couleur sombre/sobre ?
Sinon je jouerais directement sur du pastel je pense. (cf. Frenzy).
 
Et désolé pour tout, je suis encore en plein apprentissage :)  :hello:

Reply

Marsh Posté le 06-10-2003 à 16:58:49    

moi je trouve cette version monochromatique vraiment bcp mieux, plus léger... C'est vraiment du bon boulot ! ca met la compo intérieure bien en valeur !

Reply

Marsh Posté le 06-10-2003 à 17:10:05    

morganno a écrit :

moi je trouve cette version monochromatique vraiment bcp mieux, plus léger... C'est vraiment du bon boulot ! ca met la compo intérieure bien en valeur !


 
Super  [:xp1700]  [:yaisse2v]  [:yaisse2v]

Reply

Marsh Posté le 07-10-2003 à 09:05:39    

Petite MAJ :)

Reply

Marsh Posté le 07-10-2003 à 10:59:43    

Ca manque d'inspiration dans les typos. Et vu la tonne d'images ça me fait plus penser à un écran de CD-ROM qu'à une maquette web...

Reply

Marsh Posté le 07-10-2003 à 12:18:42    

je suis en désacord les typos sont maitrisées.

Reply

Marsh Posté le 07-10-2003 à 12:21:04    

Arial, Arial Narrow et Impact, j'appelle pas ça un boulot sur les typos [:totozzz]

Reply

Marsh Posté le 07-10-2003 à 12:57:32    

est ce que tu peux donner des liens de sites de graphistes qui sortent d'écoles d'art que tu trouves ahurissants?
 
sinon c pas mal du tout! j'aime bien.


Message édité par Heleneve le 07-10-2003 à 12:58:03
Reply

Marsh Posté le 07-10-2003 à 13:36:49    

Arial narrow et impact... Je préfère cela bien maitrisé plutot que les pauvres sites d'informaticiens qui mettent des pauvres typos fantaisistes qui cassent toute une composition.
 
Pour des sites de graphiste (c'est mon cas, c'est mon métier, j'ai passé 4 ans à Estiennes, école d'art appliqués) voici quelques unes de mes créations :
 
www.scopes.fr
www.pomset.fr/flash
www.rannou.fr.st
 
ps. pour ton boulot saches que le code typo impose des accents aux capitales... Donc mets un accent à ton titre "NUMÉRIQUE"


Message édité par morganno le 07-10-2003 à 13:40:31
Reply

Marsh Posté le 07-10-2003 à 13:39:42    

....


Message édité par morganno le 07-10-2003 à 13:40:54
Reply

Marsh Posté le 07-10-2003 à 15:11:47    

morganno a écrit :

Arial narrow et impact... Je préfère cela bien maitrisé plutot que les pauvres sites d'informaticiens qui mettent des pauvres typos fantaisistes qui cassent toute une composition.
 
Pour des sites de graphiste (c'est mon cas, c'est mon métier, j'ai passé 4 ans à Estiennes, école d'art appliqués) voici quelques unes de mes créations :
 
www.scopes.fr
www.pomset.fr/flash
www.rannou.fr.st
 
ps. pour ton boulot saches que le code typo impose des accents aux capitales... Donc mets un accent à ton titre "NUMÉRIQUE"


 
aime bien scopes moi! pour les autres chuis pas fan des system de nav qui ne sont pas clair; j'aime pas trop avoir l'impression d'être con parce que je ne comprend pas comment ça marche :D C'est étonnant qu'on ne vous apprenne pas ça en ecole

Reply

Marsh Posté le 07-10-2003 à 18:09:25    

morganno a écrit :

Arial narrow et impact... Je préfère cela bien maitrisé plutot que les pauvres sites d'informaticiens qui mettent des pauvres typos fantaisistes qui cassent toute une composition.
 
Pour des sites de graphiste (c'est mon cas, c'est mon métier, j'ai passé 4 ans à Estiennes, école d'art appliqués) voici quelques unes de mes créations :
 
www.scopes.fr
www.pomset.fr/flash
www.rannou.fr.st
 
ps. pour ton boulot saches que le code typo impose des accents aux capitales... Donc mets un accent à ton titre "NUMÉRIQUE"


 
Ha je savais pas qu'on devait mettre des accents aux capitales :)
On m'a toujours appris le contraire à l'école !  [:yaisse2v]  
Mais j'ai un ami graphiste qui m'a dit la même chose... [:xp1700]  
 
Fastclemmy, c'est vrai que ça peut ressembler plus à une interface de CD-ROM, mais bon, y a pas non plus de model proprement dit pour un site non ? :)
 
Les typos bah... je prends ce qui va bien à mon oeil lol, j'ai pas eu de formation artistique, juste 5 ans de d'informatique pure et dure  :sweat:

Reply

Marsh Posté le 07-10-2003 à 18:11:51    

morganno a écrit :

Arial narrow et impact... Je préfère cela bien maitrisé plutot que les pauvres sites d'informaticiens qui mettent des pauvres typos fantaisistes qui cassent toute une composition.
 
Pour des sites de graphiste (c'est mon cas, c'est mon métier, j'ai passé 4 ans à Estiennes, école d'art appliqués) voici quelques unes de mes créations :
 
www.scopes.fr
www.pomset.fr/flash
www.rannou.fr.st
 
ps. pour ton boulot saches que le code typo impose des accents aux capitales... Donc mets un accent à ton titre "NUMÉRIQUE"


 
Mon préféré c'est pomset, j'aime l'originalité :)

Reply

Marsh Posté le 08-10-2003 à 10:00:46    

bolomatic a écrit :


Fastclemmy, c'est vrai que ça peut ressembler plus à une interface de CD-ROM, mais bon, y a pas non plus de model proprement dit pour un site non ? :)


 
Bah un site web ça doit quand même normalement respecter des critères de :

  • Légèreté, donc utilisation restreinte d'images
  • Accessibilité, donc contenu textuel à mettre en valeur dans la page
  • Lisibilité, donc créer des zones de contrastes pour attirer l'oeil vers les parties importantes de contenu.

(entre autres)
 
Donc perso, concevoir pour le web ou pour le CD-ROM impose des contraintes différentes.
 

bolomatic a écrit :


Les typos bah... je prends ce qui va bien à mon oeil lol, j'ai pas eu de formation artistique, juste 5 ans de d'informatique pure et dure  :sweat:  


 
Sans tomber dans les typos fantaisies (pour répondre à morganno), je pense tout de même qu'il y a moyen des trouver des typos un peu plus sympas et avec une "âme" que de l'Arial basique.
http://www.dafont.com/theme.php?cat=401 (exemple rapide)

Reply

Marsh Posté le 08-10-2003 à 11:44:29    

fastclemmy a écrit :


 
Bah un site web ça doit quand même normalement respecter des critères de :

  • Légèreté, donc utilisation restreinte d'images
  • Accessibilité, donc contenu textuel à mettre en valeur dans la page
  • Lisibilité, donc créer des zones de contrastes pour attirer l'oeil vers les parties importantes de contenu.

(entre autres)
 
Donc perso, concevoir pour le web ou pour le CD-ROM impose des contraintes différentes.
 
 
 
Sans tomber dans les typos fantaisies (pour répondre à morganno), je pense tout de même qu'il y a moyen des trouver des typos un peu plus sympas et avec une "âme" que de l'Arial basique.
http://www.dafont.com/theme.php?cat=401 (exemple rapide)


 
Mais tous ces critères ne sont ils pas applicables seulement pour un site "Utile" ? C'est à dire qui propose un service ou autre ?
Enfin bon c'est pareil tu me diras...
 
Pourtant je comprends pas, dans ton site y a des polices on ne peut plus classiques comme Verdana  :??:
Bon, tu n'as pas l'air d'aimer le arial du tout en tout cas  [:xp1700]  
 
Je vais changer tout ça dès que j'aurais le temps, là les cours reprennent pour la semaine :)  [:xp1700]  
 
Merci pour tous les commentaires :)


Message édité par bolomatic le 08-10-2003 à 11:52:11
Reply

Marsh Posté le 10-10-2003 à 12:07:15    

Bon bah en fin de compte, je vais utiliser le site pour mon intranet :p
 
Je me ferais un truc plus mieux quand j'aurais le temps !

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed