Votre avis

gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   -  
gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   -
B'soir
Bon, je me suis drolement embetté ce soir (pourtant j'ai sérieux du travail à faire), et je me suis remis sur la future nouvelle version du site. Les idées de design commence à venir, mais je fais soumission de la situation pour des avis/critiques.
PS : y'a encore beaucoup de travail dessus, vous affolez pas :p

Désolé pour le petit format, c'est prévu pour être au final adapté aux écran 1024, et surement d'autres versions pour petit ecran et grand ecran (et oui, l'avantage du vectoriel c'est qu'il y a pas besoin de se retaper tout les dessins sous peine de déformation à l'agrandissement/réduction)

PNG
JPG pour ceux qui auraient des soucis avec png

Au passage, j'ai des soucis apparement à l'export depuis inkscape vers le format png, ou je l'application bugue et au bout de 5 minutes je n'arrive toujours pas à exporter mon graphisme, ca tourne dans le vide. le png présenté ici fait suite a une copie d'ecran, mais impossible d'exporter depuis inkscape --> si vous connaissez l'application et avez des idées pour y remédier (peut être mon graphisme est trop lourd)

34 réponses

Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
salut,

ben moi je la trouve très jolie cette maquette !
j'aime ton dessin et les couleurs. les proportions me semblent classiques.

je suppose que l'espace entre bannière et texte sera pour de la pub et que tu continueras à enrichir le graphisme de ci de là, donc je n'ai pas grand chose de plus à te dire !

ah si, bon courage !

bon dimanche à tous !

<edit>au sujet d'Inkscape, je l'utilise et n'ai jamais de soucis avec l'export en png… j'utilise la 0.45</edit>
0
Jacobéo Messages postés 304 Statut Membre 79
 
Hello,

Perso j'utilise Illustrator 10 et je découvre Inkscape. Le premier ne permet pas d'enregistrement direct en .png, je passe donc par Photoshop. Là, le choix sur la version 7 est simple, soit je passe en 8 bits et je suis au niveau .gif, donc aucun intérêt, ou je passe en 24 bits et le poids se ressent (de 32 Ko en .gif, on passe à 152 Ko en .png avec lma même image). La version CS de Photoshop permets un choix intermédiaire de 18 ce qui est un bon compromis qualité/poids, la même image ne pèse plus alors que 24 Ko.

Il existe une méthode pour diminuer le poids de cette image en .png. Avant de l'enregistrer dans Photoshop version 7, il faut "Indexer" les couleurs en cochant "Transparence". De cette manière la même image ne pèse plus que 43 Ko en 24 bits, et la couche "Alpha" reste intacte. Qu'en serait-il en enregistrant cette même image au travers de Gimp ? 8, 18 ou 24 bits ? Je n'ai pas ce progrramme.

En ce qui concerne Inkscape, Dalida dis ...jamais de soucis avec l'export en png… j'utilise la 0.45... Cela correspond à quoi au juste ? Peux-tu être plus précis pour moi s'il te plaît ?

0
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923 > Jacobéo Messages postés 304 Statut Membre
 
salut,

j'utilise la version 0.45. comme c'est un freeware, qui plus est, en beta, la version peut être très importante quand on rencontre un bug.

au niveau de l'export en png, aucun soucis même avec plusieurs couches , pas mal d'objets, de la transparence et une taille qui a du aller jusqu'à A3.
mon soucis avec Inkscape c'est l'enregistrement en svg (svg tout court, pas la version svg propre à Inkscape) qui n'a pas l'air très propre.
pour mes essais sur navigateurs il faut toujours que je reprenne le code à la main pour l'éclaircir sévèrement. mais cela vient aussi sans doute de la mauvaise implémentation (interprétation partielle en fait) de svg par les navigateurs.
en post-script c'était encore pire la dernière fois que j'ai essayé. reste à espérer que les développeurs continueront sur leur lancée et nous corrigeront tout ça !

bon va falloir arrêter de polluer la discussion de Gryzzly avec nos petits potins…
au reveil, il parait que l'ursus arctos horribilis peut être ronchon…
-;o)

à plus
0
RAD ZONE Messages postés 5362 Statut Contributeur 1 360
 
SALUT

cela a l air pas mal !!

j aurais prefere une vs online ! plutot qu une photo :-)) je ne donnerais un avis que sur cette derniere mais le look a l air pas mal pour ton site oriente nature!

bonne continuation !!

mais je crois que tu as des problemes avec free ? a moins que ce soit fini ??

RAD
0
gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   1 336
 
Dalida: bon, bah rien a redire. par contre, toujoursimpossible d'exporter en png sur ma machine ca rame trop, pourtant elle est assez puissante (voir ma config).

Jacobéo : dans mon cas pas possible de passer par photoshop, il ne lit pas les .svg de inkscape

Rad : lol.. tu voudrais que ce soit deja fini... avant de faire en ligne, faut faire la maquette ;-). mais maintenant que je pense avoir quasi trouvé les 4 designs (voir ici : attention un peu long a charger, y'a 800ko d'image) je pourrais m'atteler au découpage et la mise en page, ce sera pour un autre week end...

Pour free : apparement ca marche plus ou moins bien...
0
Jacobéo Messages postés 304 Statut Membre 79
 
Bonjour Grizzly,

Je viens d'essayer et cela fonctionne. Tu fais un enregistrement dans Inkscape sous .pdf, et ensuite tu l'importes depuis Photoshop. C'est pas la machine qui commande !! J'rigole...

Voir le résultat de compression, en principe pas trop de dégâts.
0
Jacobéo Messages postés 304 Statut Membre 79
 
Superbe. Cependant je suis déçu par la vision finale, je m'explique. Au chargement, je vois un coucher/lever de soleil très chaleureux, mais celui-ci disparaît pour n'être visible que de façon très pâle. Pourquoi cette différence après le chargement ? Le reste des couleurs ne change pas. Curieux.

Le graphisme me plaît bien, vivement les week suivants...
0
gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   1 336
 
Bon, pour pdf, mauvaise option : il me dégrade certains traits, mais surtout, tout ne rentre pas dans une page pdf, c'est coupé... (essai avec pdfcreator) donc je n'ai pas l'intégralité. p'tet j'ai mal configuré ?

Pour le probleme du lever de soleil, j'ai pas compris... tu peux faire deux impressions écran (pdt le chargement et après) ? Pense a vider otn cache, sinon tu auras directement la version finale sans le chargement.

Merci ;-)
0
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
re,

comme je l'ai dit plus haut j'ai essayé de passer par du post script pour retravailler le document d'Inkscape avec Illustrator : zéro pointé.
les courbes et les couleurs étaient convertis approximativement et tout était réduit dans une feuille démesurément grande…

par contre je mets toujours beaucoup d'espoir dans le futur d'Inkscape mais surtout de SVG. les premiers bricolages que j'ai essayé m'ont fait rêver d'un site graphique (ton grizzli peut déjà être affiché en format SVG par exemple) mais 100% texte ! par contre entre les navigateurs qui l'interprète très peu et la formation que cela demande c'est pas demain la veille… pour mes 40 ans peu être !
-;o)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Jacobéo Messages postés 304 Statut Membre 79
 
Pardon, autant pour moi. Le chargement étant assez long et la première image étant celle du coucher agréable, je me suis retrouvé en final à voir la seconde image plus claire, soit un mélange de pinceaux. Bah, c'est la fin du week-end qui veut cela sans doute...

Pour le pdf, OK. J'ai aussi essayé par "selon extension", mais si cela part, cela n'arrive pas car il ajoute systématiquement son extension "truc.ai .svf", ce qui empêche la lecture à l'arrivée.
0
gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   1 336
 
Dalida,
dans ce cas, comment t'y prend tu pour le découpage ?
je ne peux résolument pas conserver le format svg, firefox arrive a en sortir une image mais très moche, IE ne prend que du texte... il faut donc bien que j'arrive a passer en png a un moment ou a un autre!
idées ?
0
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
fouillouillou !!!
pour le découpage, je bricole !

quand je n'ai pas le choix je fais l'export sur une zone personnalisée en rentrant les coordonnées et la taille. le plus ch***t pour moi c'est les coordonnées inversées, je ne m'y ferai jamais.

mais je dessine un maximum d'éléments un à un avec chacun leur fichier, comme ça je peux exporter direct. comme un bouton par exemple, tu sais quelle taille il doit faire et quelle est la couleur de fond donc tu peux le faire à part. en plus, une fois en PNG, tu peux l'incorporer direct sur la maquette pour voir le rendu !

de toute façon pour le web je ne fais pas grand chose. je l'utilise plus pour des mises en pages de graphiques, d'affiches ou autres.

tu l'avais déjà vu ce ce joli papillon en SVG ? si FF te rend un truc crado c'est le code d'Inkscape qui est très encombré. il faut enregistrer en format SVG brut puis nettoyer à la main. un boulot de romain quoi !
mais si tu regarde le source du papillon, c'est clair comme de l'eau de roche !

allez, bonne nuit !
0
gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   1 336
 
lol, je vais pas "m'encombrer" d'un language que je ne maitrise pas du tout... comprendr ele fonctionnement textuel du svg pour obtenir des images : non merci !

j'ai opté pour la solution "découpage" sous inkscape en séparant les éléments... ca passe. mais ça reste lourd :'( tant pis, je garde les bannières en png, le reste je vais tenter dans le gif pour gagner en poids.

me suis mis au css : comment on superpositionne deux images ? ca fait deux heures je galère...
(sur les banières, y'a deux éléments qui doivent avoir des images ET liens : le EH et le MondeSauvage.Org). bien entendu, le découpage et la mise en page en tableau est exclue : tout css!
0
gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   1 336
 
c'est bon j'ai trouvé.

par contre je bloque sur comment centrer verticalement du texte dans une div avec une image de fond de 30px de hauteur...
0
Gihef Messages postés 5165 Statut Contributeur 2 779
 
Bonjour,

Oui, vraiment agréable le design.
Tu comptes utiliser les différents “moments” en fonction des heures de la journée, des saisons ?

Pour centrer verticalement le texte dans tes petits blocs, utilise simplement une “line-height” de la hauteur de ces blocs :
    #ht_pg1_m, #ht_pg2_m
    {
    background: url("../img/style1/ht_m_page.png");
    margin-top: -30px;
    width: 330px;
    height: 30px;
    line-height : 30px;
    }
0
gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   1 336
 
Tiens c'ets bizarre... tout a l'heure y'avait une réponse de dalida, elle y est plus... se passe des choses étranges ici.

juste pour donner l'adresse de l'essai :
http://marmottemanu.free.fr/share/ccm/ms.org/index.html

Evolutions au fil des jours...

J'en profite, comment centrer verticalement le texte dans une div avec une image en bg ?

--- edit --- il se passe des choses vraiment bizarres, maintenant les réponses y sont a nouveau... moi pas comprendre...
0
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
salut,

l'alignement vertical est un des premiers trucs sur lequel je me sois pris la tête en css.
j'ai repris mes essais et les mis en page ici. j'espère que cela pourra te servir.

bonne journée !
0
Jacobéo Messages postés 304 Statut Membre 79
 
Salut les amis,

Moi, j'avais essayé ça pour de l'horizontal, en centrant la page... L'ombre est en... png on ne se refait pas quand on aime ( et je crois que je ne suis pas le seul)

http://www.chemins-normands.org/

L'alignement central est pour moi dû à:

#conteneur {
background: rgb(92,92,92);
height: 500px;
margin: auto;
width: 600px;
}
0
gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   1 336
 
Salut jacobéo,

Juste pour info, ton ecran est en 1024 ? dans ce cas, normal que tu le voies centré, mais moi j'ai un 1440, il est décalé sur la gauche :p et il reste fixe si je "resize" la fenetre (je sais même plus comment on dit en français)

-- edit -- redimensionne, lol
0
Jacobéo Messages postés 304 Statut Membre 79
 
Dommage, c'était trop beau. Ce sera pour plus tard, c'était juste un essais pour voir ;-))

Je m'absente toute la semaine à compter de demain. Retour Samedi.

Bonne semaine
0
gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   1 336
 
Bon, ca avance... c'est chaud quand même le tout css.

Par contre, désolé si y'en a qui ont Internet Explorer, ca merdouille dans tous les sens, bien que la page soit valide XHTML 1.0 Strict et le css valide aussi !! Png complètement déformés, pas centré, couleurs qui foirent, et j'en passe des meilleures... tout ca pour des histoires de taille du texte qui changent. burk IE !!

Sous firefox, aucun soucis! On peut jouer de la souris à volonté, il n'y a pas le moindre défaut de décalage! Donc, en clair, ca fait chier de devoir s'adapter à IE :'( va falloir des feuilles de style particulières, changer les images... mais ce sera pas la priorité !
Faudra quand même que j'installe d'autres navigateurs pour tester...

La suite un autre jour, toujours à la même adresse ;-)

En réponse à Gihef
Oui, vraiment agréable le design.
Tu comptes utiliser les différents “moments” en fonction des heures de la journée, des saisons ? 

Pour le moment, les 4 designs en fonction du moment dans la journée (5h - 9h lever de soleil... 9h-18h jour... 18h-22h coucher de soleil... et le reste nuit noire)
Après, si j'ai le temps, je pourrais en effet faire une totale selon les saisons... ce sera peut être pour la v2 de ce nouveau site qui est en train de naitre...
Mais bon, c'est pas pour tout de suite, le design, c'est bien, le codage pphp/sql, c'est une autre histoire ! d'ici un mois peut être que je pourrais m'y mettre...
0
RAD ZONE Messages postés 5362 Statut Contributeur 1 360
 
SALUT

ca commence a prendre forme tout ca :) !

tu galere un peut avec le tout css !? en fait c est souvent l adaptation a IE qui fait perdre un temps fou ! on est presque tout le temps en train de passer autant sur la compatibilite avec IE que a developer !!( je sais de quoi je parle ! je vient de passer 2 heures a verifier les entites lue par IE , alors que les ❀ et ❖ passe sous les autres !! pas sous IE :(()

enfin je vois que tu avance bien :) allez bon travail !

EAD
0
RAD ZONE Messages postés 5362 Statut Contributeur 1 360
 
SALUT Gryzzly

je viens de me rendre compte de la différence importante dans la taille du texte entre IE7 et FFx !!! du simple au triple !!

RAD
0
gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   1 336
 
Salute

Ben que veux tu que j'y fasse... les polices utilisées sont les polices par défaut de ton navigateur !
IE et firefox n'ont pas la meme politique de gestion de la taille de texte, et tu peux avoir configuré séparement IE et FF. C'est le cas chez moi, le IE taille de police moyenne correspond à peu près a une taille de police 16 Times new roman que j'ai mis par défaut pour le texte n'ayant pas de mise en forme.
Donc : tant que je n'ai mis aucune mise en forme de texte, le problème vient de toi :p et une fois uqe j'aurais configuré les polices, le probleme sera encore de chez toi, car ce sera des tailles relatives à ta police par défaut. (a moins de configurer les polices en valeur absolue : 12 px par exemple, mais je pense que je le ferais en 1em)

non ?
0
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
salut,

autant de différence me surprend même si il y en a forcement.
est ce que tu définis la taille de police à partir de <html> ?
html{
font-size:100%;
}
body{
font-size:0.72em; /* la taille par défaut de la police pour tout le texte */
}

je vais essayer de trouver l'article qui parlait de ça.

je te conseille de rester en relatif pour permettre aux utilisateurs de faire varier en fonction du besoin. pensez à ma mère qui a la vue qui baisse !!!
0
gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   1 336 > Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention  
 
lol... salut dalida... tu as oublié de lire... j'ai rien défini pour le moment :p, c'est la police par défaut du navigateur !
0
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923 > gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention  
 
oups…
(aïe, non pas les dents !)

mea culpa, mea maxima culpa
Gryzzly 1 - 0 Dalida
balle au centre

et bonjour en passant !
0
gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   1 336 > Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention  
 
Esquive... l'ourson reprend la balle des pieds de son adversaire... 2-0 !

lol... bonjour a toi zossi môssieur! (ca fait mal au ventre de dire môssieur à dalida, une révélation ? :p )
0
Galicoun > gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention  
 
Les couleur de la banierre contrast bien avec le sujet surtout avec le coucher de soleil la structure est bieb pensee je te souhaite bon courage j'ai hate de le voir fini. Sur ce je vais pas t'ennuyait avec mon site juste pense a ma repondre.
0
RAD ZONE Messages postés 5362 Statut Contributeur 1 360
 
SALUT

looool oui c est moi !! j avais oublier que j avais passe la police + grande sur IE! :o

par contre tout a fait pour le 'em' pour les polices du texte central au moins !!

une petite suggestion ! rien d exceptionnel !! mais le sigle wc3 n est vraiment pas adapte a ton site !! on dirais une verrue :-)) le bleu passerais mieux ! il sont vraiment moche ces logo wc3

RAD
0
gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   1 336
 
hey! avis UHT ! Ultra Haute Timportance :p

dites moi ce que vous pensez de la facon dont j'ai concu la page (faites jouer la molette de la souris)... en l'occurence, la facon dont le bloc principal réagit par rapport à la zone membre, ce qui me permet de conserver le menu principal toujours en face du contenu

ca vous choque ?

garderiez vous ca, ou alors est ce que vous conserveriez l'article fixe par rapport aux annonces, et le menu principal qui se déplace selon la taille de la zone membre...

j'espere que je suis clair...

PS: hésitez pas a jouer avec la molette plus que d'ordinaire pour bien voir ce qu'il se passe
0
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
salut,

ben là, je comprends pas trop !
pourtant j'ai lu et relu plusieurs fois…
-;o)

j'ai fait jouer la molette à mort pour aller rechercher l'adresse plus haut sur le thread (lol).
c'est bien là :
http://marmottemanu.free.fr/share/ccm/ms.org/index.html ?

je suis passer en 1024 de large pour pouvoir faire jouer la molette et rien ne se passe. tout reste identique, bien figé à sa place.
en 800 je ne peux pas je n'ai plus la pleine largeur de la page.

vais aller me coucher je comprendrai peut être demain…

<edit>ta favicon elle est en quel format ?</edit>
<edit>pour moi l'article est direct à hauteur du menu et n'en bouge pas, moralité de l'espace libre entre l'article et la pub…</edit>
0
gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   1 336
 
Déjà, les réponses...

Arf, oui je crois comprend pourquoi tu as pas reussi, je me suis peut etre mal exprimé.

Quand je parle de joouer de la molette, ce n'est pas pour faire défiler la page de haut en bas... mais en réalité, sous FF, quand on fait CTRL + molette, ca modifie la taille de police !

C'est a ca que je pensais en disant jouer de la molette, pour modifier la taille des polices, qui entraine un certain comportement selon la hauteur des blocs.

Ca ira peut etre mieux maintenant...

Pour l'adresse, c'est la bonne. Pour la favicon, c'est un gif ! (t'aurais pu le voir dans le code source :p

Ensuite et enfin, les questions :

J'ai un soucis avec ma zone de navigation rapide, les 7 icones fixes... sous FF, il ne se passe rien du tout, pourtant c'est bien configuré.
Sous IE, j'ai pas compris comment ca réagissait...

Si vous aviez une idée, je prend !

<-edit->
en fait, j'ai compris... mais j'arrive pas a appliquer... le truc, c'est que j'appelle la zone de navigation dès le début de page... mais si je l'appelle a un autre moment, y'a un bug des annonces google qui sortent de leur cadre lors du scroll, donc c'est moche.

si je met cette zone de navigation en dehors de la page (a 10px a gauche), les liens fonctionnent. si je les mets dans la bordure que j'ai laissé exprès, les images sont "recouvertes" par mes autres div que j'appelle après.

--->> il n'y aurait pas une propriété poyur dire : "toujours au dessus" ????

Je vous met le test en ligne avec les deux zones, a gauche de la page qui fonctionne, a gauche de la zone memebre et menu qui fonctionne pas...

A pluche !
0
gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   1 336
 
C'est bon, j'ai trouvé ... z-index: 1; pour le menu rapide...
0
RAD ZONE Messages postés 5362 Statut Contributeur 1 360
 
un truc bizare !! sous opera j ai l espace ad google haut qui scroll avec la page quand j utilisz la molette
!! et je vois une 2 eme ad ??
Les Marmottes
€500 cashback when purchasing a leaseback apartment in


RAD
0
gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   1 336
 
le scroll, je sais pas encore... faudra faire des tests, et je pense qu'il faudra que je mette aussi un z-index (2) aux annonces, mais pour l'instant, j'optimise pour firefox, on verra les autres après.

la 2eme ad, en bas de page ? c'est normal... même si elle n'est pas encore positionnée. si c'est ailleurs, préviens moi...
0