[what's météo] >> quel design préférez-vous ??

>> quel design préférez-vous ?? [what's météo] - Web design - Graphisme

Marsh Posté le 29-09-2005 à 21:17:33    

Bonsoir tout le monde !!
 
Trois propositions de design pour un site météo sont mis en ligne pour que vous puissiez apprécier, juger, et voter.
(page d'accueil crée seulement) :D  
 


Ce sont des pages faites sous le logiciel Dreamwaever MX 2004, sans tableaux.
 
La technologie utilisée : les feuilles de styles en cascade (CSS).
 
Le design : il a été fait sur photoshop CS et Illustrator 10.
 
Les motifs ont été créés sur photoshop. Les coins arrondis (proposition 1) et le logo ont été dessinés sous illustrator et importés sous photoshop en EPS.
Puis tout le design a été enregistré pour le WEB sous le format .JPG et .GIF.
 
La bannière a été découpé en 3 (menu inclus) puis collé dans des balises DIV ID.
Le footer sans division dans une DIV ID.
Enfin les décos de la page et du BODY sont de hauteur de quelques pixels et répété en coordonnée Y.
 
Voila pour les infos de la conception du site.
 
PS : la 3e proposition n'est pas affinée (flou ou pixelisé sur les bords) >> ne faites pas rentrer dans vos critiques car ceci sera corrigé par la suite.
 
Modérateurs : n'hésitez pas à me prévenir pour non-conformité de la charte  ;)
 
Edité pour les 3 propositions


Message édité par MisteR WarE le 11-10-2005 à 01:13:28

---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 29-09-2005 à 21:17:33   

Reply

Marsh Posté le 29-09-2005 à 21:43:54    

C'est un interface pour indiquer la pluie ? ça manque de gaité un petit peu non ? Je ne vois pas trop ce que vient faire l'éolienne sur le sujet. Pareil pour les images qui volent mise à part le fait qu'elles fassent penser au vent. Bref, ça manque de pleins de petits soleils.
Mise à part ça, félicitation quand même si t'as tout travailler au css et que ton code est propre :)


---------------
//---Le Cratere de Vix... 1m64 pour 208 kg …! *---- // ---Sculptures, photos, Ver & Vie…----//
Reply

Marsh Posté le 29-09-2005 à 21:52:41    

LilaVert a écrit :

C'est un interface pour indiquer la pluie ? ça manque de gaité un petit peu non ? Je ne vois pas trop ce que vient faire l'éolienne sur le sujet. Pareil pour les images qui volent mise à part le fait qu'elles fassent penser au vent. Bref, ça manque de pleins de petits soleils.
Mise à part ça, félicitation quand même si t'as tout travailler au css et que ton code est propre :)


Je ne suis pas joyeux aujourd'hui : je suis malade  :fou:  
 

Spoiler :

:D  
Merci pour ton avis (il faut dire que j'ai fais cette réalisation un peu Hier soir et aujourd'hui)  :)
Puis tu as trouvé le message : "le vent" (l'un des 5 éléments de la météo) :jap:


Message édité par MisteR WarE le 29-09-2005 à 21:59:52

---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 30-09-2005 à 15:34:55    

le design est très sympa, c'est reposant et clair!
Le header mériterais d'être plus travaillé sur le thème de la météo, et avec moins de grisaille :D
 
Pour le code, ben c'est une très bonne initiative, le rendu est sans faille sous IE et Fire en 1280*1024 chez moi

Reply

Marsh Posté le 30-09-2005 à 18:02:30    

design sypathique, mais un peu ... "morne", je sais pas... pour un site de météo ca fait un peu grisaille.
Sinon la bannière est un peu énorme, aussi. En 1280 ca va encore, mais en 1024 ca devient limite.


---------------
"Ramon Balthazard ! Lachez cette arme !"
Reply

Marsh Posté le 30-09-2005 à 18:09:50    

tu remplaces <div id="nav"></div>
par <ul id="nav"></ul>
parce que des LI c'est toujours encadré d'un UL

Reply

Marsh Posté le 30-09-2005 à 18:19:14    

Merci pour toutes ces réponses  :jap:  :jap:  
 
Pour la bannière, je la re-travaillerai : Je mettrai un outil plus lié à la météo qu'un Héolienne. Puis je rétrécis la bannière : car le poids de l'image est assez lourd.
Pour Nav : ok pour le <ul></ul> (il me semblai bien que j'avais oublié qq chose  :D )


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 30-09-2005 à 18:53:49    

ca fait longtemps que j'ai pas fait d'exercice de style : un site sur la météo en le moins de temps (ahaha jeu de mot ramoucho) possible ;)


---------------
An3k.com Création de sites web - mon tuto

Reply

Marsh Posté le 30-09-2005 à 18:57:53    

an3k a écrit :

ca fait longtemps que j'ai pas fait d'exercice de style : un site sur la météo en le moins de temps (ahaha jeu de mot ramoucho) possible ;)


[:amandine75011]
 
Après il y a des modifs à faire de temps en temps  :lol:


Message édité par MisteR WarE le 30-09-2005 à 18:59:02

---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 30-09-2005 à 19:50:12    

c'est juste l'exercie de style, m'en fou des modifs ;)


---------------
An3k.com Création de sites web - mon tuto

Reply

Marsh Posté le 30-09-2005 à 19:50:12   

Reply

Marsh Posté le 30-09-2005 à 19:53:35    

an3k a écrit :

c'est juste l'exercie de style, m'en fou des modifs ;)


C'était pour faire un jeux de mot  :cry:  
 
Pour l'exercice de style j'en ferai pas trop : pas mangé hier midi, puis malade du soir  :pfff:


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 30-09-2005 à 19:54:52    

sinon ce qui est à la mode : c'est les sites facons blog ;) moi je dis ca j'ai rien dit ! :o
(pour les novices : ce style c'est en fait un site souvent fin, haut et regroupant énormément de choses dans l'acceuil)


---------------
An3k.com Création de sites web - mon tuto

Reply

Marsh Posté le 30-09-2005 à 19:55:26    

AAAAhHH le jeu de mot ok :lol:


---------------
An3k.com Création de sites web - mon tuto

Reply

Marsh Posté le 30-09-2005 à 19:56:21    

j'aime pas les couleurs ternes, j'aime pas la police

Reply

Marsh Posté le 30-09-2005 à 19:58:32    

http://img161.imageshack.us/img161/6654/test2fw.th.jpg
avec un menu flash pour les petites vignettes... enfin bon c'est juste pour m'amuser je sais aps si je vais le continuer


---------------
An3k.com Création de sites web - mon tuto

Reply

Marsh Posté le 30-09-2005 à 20:13:49    

Prend ça dans les dents Mister-ware [:antp]  :D  
 
Très jolie An3k  :jap:  (ta formation c'est le webdesign aussi   :cry: ). Quelle chance  :)  
 
Justeleblanc >> suis d'accord : ce n'est pas assez clair je trouve. Pour les polices, je fais au plus simple pour la compatibilité (verdana ; arial). Par contre, si tu veux parler du titre sur la bannière, je suis d'accord avec toi  :jap:  
 
 
Le forum délire ?? Le sondage à foiré au niveau des votes  :heink:


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 30-09-2005 à 20:15:43    

MisteR WarE a écrit :


 
Le forum délire ?? Le sondage à foiré au niveau des votes  :heink:


pkoi ?

Message cité 1 fois
Message édité par justeleblanc le 30-09-2005 à 20:15:54
Reply

Marsh Posté le 30-09-2005 à 20:17:34    

MisteR WarE a écrit :

Prend ça dans les dents Mister-ware [:antp]  :D  
 
Très jolie An3k  :jap:  (ta formation c'est le webdesign aussi   :cry: ). Quelle chance  :)  
 
Justeleblanc >> suis d'accord : ce n'est pas assez clair je trouve. Pour les polices, je fais au plus simple pour la compatibilité (verdana ; arial). Par contre, si tu veux parler du titre sur la bannière, je suis d'accord avec toi  :jap:  
 
 
Le forum délire ?? Le sondage à foiré au niveau des votes  :heink:


ma formation c'est la volonté ;) j'ai jamais eu un seul cours de dessin ou webdesign :)
http://img161.imageshack.us/img161/8227/test1jl.th.jpg

Message cité 3 fois
Message édité par an3k le 30-09-2005 à 20:25:55

---------------
An3k.com Création de sites web - mon tuto

Reply

Marsh Posté le 30-09-2005 à 20:20:10    


Bas passer de 3 votes à 15 votes en 5 minutes  :ouch:  
 
Le forum à rajouté 1 votes sur toutes les notes car 5 min plus tôt il n'y avais qu'un 5 , 7 et 8. Et comme par hazard ces trois notes sont montées à 2 votes chacun et 1 vote pour le reste  :pt1cable:


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 30-09-2005 à 20:20:48    

an3k a écrit :

ma formation c'est la volonté ;) j'ai jamais eu un seul cours de dessin ou webdesign :)


Et tu as su en faire ton métier ??  :??:


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 30-09-2005 à 20:21:01    

MisteR WarE a écrit :

Bas passer de 3 votes à 15 votes en 5 minutes  :ouch:  
 
Le forum à rajouté 1 votes sur toutes les notes car 5 min plus tôt il n'y avais qu'un 5 , 7 et 8. Et comme par hazard ces trois notes sont montées à 2 votes chacun et 1 vote pour le reste  :pt1cable:


bah oui mais t'as laissé 10 votes possible par votant :o

Reply

Marsh Posté le 30-09-2005 à 20:23:29    

ta mis des checkbox au lieu des radio button

Reply

Marsh Posté le 30-09-2005 à 20:26:56    

MisteR WarE a écrit :

Et tu as su en faire ton métier ??  :??:


c'est pas vraiment mon métier à temps plein puisque j'ai mes études de géographie à côté mais ouai... j'ai eu de la chance d'avoir quelqu'un qui aimait le style que j'ai donc voila :)
et puis depuis le début du mois je ne bosse pas à cause de mes études, mais si j'ai des propositions interressantes j'envisagerais... pour l'instant y'a pas masse


Message édité par an3k le 30-09-2005 à 20:33:49

---------------
An3k.com Création de sites web - mon tuto

Reply

Marsh Posté le 30-09-2005 à 21:15:55    

an3k a écrit :

ma formation c'est la volonté ;) j'ai jamais eu un seul cours de dessin ou webdesign :)
http://img161.imageshack.us/img161/8227/test1jl.th.jpg


 
Très joli :)
par contre faute de frappe à Accueil
 
Par contre désolé Mister Ware, mais ton site est vraiment trop triste :/ : dominance de gris, de nuages orageux, images a faible luminausité..  
On a l'impression de voir la météo du lendemain dès l'accueil : pluie

Message cité 2 fois
Message édité par Proxounet le 30-09-2005 à 21:23:05
Reply

Marsh Posté le 30-09-2005 à 21:33:02    

Proxounet a écrit :

Très joli :)
par contre faute de frappe à Accueil
 
Par contre désolé Mister Ware, mais ton site est vraiment trop triste :/ : dominance de gris, de nuages orageux, images a faible luminausité..  
On a l'impression de voir la météo du lendemain dès l'accueil : pluie


Je corrigerai ça  :jap:


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 30-09-2005 à 21:34:39    

justeleblanc a écrit :

bah oui mais t'as laissé 10 votes possible par votant :o


gatsusat a écrit :

ta mis des checkbox au lieu des radio button


A si je savais le con con qui a fait sauté mon sondage  :fou:  
 
Je vais remettre à zéro. Merci de m'avoir indiqué le problème  :jap:


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 30-09-2005 à 21:39:52    

Proxounet a écrit :

Très joli :)
par contre faute de frappe à Accueil
 
Par contre désolé Mister Ware, mais ton site est vraiment trop triste :/ : dominance de gris, de nuages orageux, images a faible luminausité..  
On a l'impression de voir la météo du lendemain dès l'accueil : pluie


va sur mon site :D


---------------
An3k.com Création de sites web - mon tuto

Reply

Marsh Posté le 01-10-2005 à 13:38:28    

Ha vi CSS c'est bien mais si c'est pour avoir en contrepartie (dans ce cas du moins) des images simplistes de 16ko :/
genre ca :
http://perso.wanadoo.fr/alpina-tou [...] Footer.jpg
 
Dsl si j'ai l'ai de me défouler, c'est aps du tout  le cas ! :D

Reply

Marsh Posté le 01-10-2005 à 18:01:37    

FlorentG et bien d'autres calés sur le sujet te répondront accessibilité : donc images à faible poids :spamafote:


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 01-10-2005 à 18:07:32    

An3k >> petite fausse note dans ton élan : Mets plutôt la "A" de accueil et le "G" de galerie en défonce. Visibilité oblige.
Sinon bon boulot.
 
Comment tu as fais pour avoir les "icônes" (nuages et soleil) ??
 
PS : si tu fait un site de météo, ne mets pas le même titre que le mien (what's météo)  :D


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 01-10-2005 à 19:24:19    

MisteR WarE a écrit :

FlorentG et bien d'autres calés sur le sujet te répondront accessibilité : donc images à faible poids :spamafote:


 
Ba justement je trouvais que 16Ko c'était énorme pour simplement ca :)
Donc ok p-e que le css c'est plus accessible, mais si en contrepartie c'est pour avoir ce type d'image ...

Reply

Marsh Posté le 01-10-2005 à 20:13:51    

MisteR WarE a écrit :

An3k >> petite fausse note dans ton élan : Mets plutôt la "A" de accueil et le "G" de galerie en défonce. Visibilité oblige.
Sinon bon boulot.
 
Comment tu as fais pour avoir les "icônes" (nuages et soleil) ??
 
PS : si tu fait un site de météo, ne mets pas le même titre que le mien (what's météo)  :D


c'était juste pour m'entrainer je fais pas de site météo.
les images sont libres de droit je les aies choper dans un widget


---------------
An3k.com Création de sites web - mon tuto

Reply

Marsh Posté le 02-10-2005 à 18:26:30    

an3k a écrit :

les images sont libres de droit je les aies choper dans un widget


Qu'est-ce que c'est ??


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 02-10-2005 à 18:51:13    

oh le nuuuuuuuuul :lol: je plaisante !
c'est des micro logiciels en xhtml/CSS/javascript, marchant souvent en relation avec des flux rss. Il sont connus depuis qu'ils ont fait leur apparition sur mac os X tiger dans dashboard
 
http://www.gra2.com/art_files/tige [...] hboard.jpg


---------------
An3k.com Création de sites web - mon tuto

Reply

Marsh Posté le 02-10-2005 à 21:14:44    

an3k a écrit :

oh le nuuuuuuuuul :lol: je plaisante !
c'est des micro logiciels en xhtml/CSS/javascript, marchant souvent en relation avec des flux rss. Il sont connus depuis qu'ils ont fait leur apparition sur mac os X tiger dans dashboard
 
http://www.gra2.com/art_files/tige [...] hboard.jpg


Peux tu me donner l'adresse du site ou tu as eu les icônes par curiosité ?? Merci pour ton aide  :jap:


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 02-10-2005 à 21:58:09    

non je ne peux pas car je ne m'en rappelle pas. puis si tu n'es pas sur mac ca ser à rien de ne pas pouvoir chopper les fichiers car tu ne peux pas lire les .sit .dmg .pkg ect...


---------------
An3k.com Création de sites web - mon tuto

Reply

Marsh Posté le 02-10-2005 à 22:25:18    

an3k a écrit :

non je ne peux pas car je ne m'en rappelle pas. puis si tu n'es pas sur mac ca ser à rien de ne pas pouvoir chopper les fichiers car tu ne peux pas lire les .sit .dmg .pkg ect...


En effet  :D  
Merci quand même


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 05-10-2005 à 22:01:11    

Après un échec sur le premier design proposé pour un nouveau site de météo, je procède à un renouveau.
Seulement, je vais procéder en plusieur fois.
 
Pour l'instant, je sollicite votre attention sur l'image de la bannière : vous est-elle agréable  et adapté au thème ?
 
http://perso.wanadoo.fr/alpina-tourisme/Banniere-ciel2.jpg
 
PS : le logo en cour de création sera ajouté par la suite.
 
Merci pour votre attention  :jap:


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 05-10-2005 à 22:04:57    

pour avoir des widget sur PC tu peux utiliser konfabulator

Reply

Marsh Posté le 05-10-2005 à 22:48:11    

gatsusat a écrit :

pour avoir des widget sur PC tu peux utiliser konfabulator


Merci beaucoup pour ce renseignement  :jap:


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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