Design GA (en cours de réalisation)

Habillage de sites web et de forums : réalisation graphique et technique.

Modérateur : Ze Techos

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Design GA (en cours de réalisation)

Message par Flamme » lun. déc. 17, 2007 12:51 am

Voilà, j'essaie de me mettre à la page du gris (enfin, d'un gris beige plutôt)...

Image

Attention, c'est très très loin d'être fini ! :l0l:
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

Avatar de l’utilisateur
Cancan
Fou du clic droit
Messages : 88
Inscription : jeu. juin 21, 2007 8:55 pm
Localisation : Haut Rhin
Contact :

Message par Cancan » lun. déc. 17, 2007 8:30 am

Sympa ;)
[img]http://lisdje.free.fr/galleries/Signatures/Sign_GA.gif[/img]

Avatar de l’utilisateur
Papy the lolo
Maître pisteur
Messages : 2731
Inscription : sam. déc. 03, 2005 7:09 pm
Localisation : Montargis
Contact :

Message par Papy the lolo » lun. déc. 17, 2007 10:14 am

Flamme, j'ai des lubies ou bien l'horloge du serveur fait la tréve des confiseurs ?
Ton message est postés ce jour a 12 h30 am
sur mon ordi j'ai 10h 12
et le messge de Cabcab est de 8h30 am
je suis puzelisé, mais j'ai sans doute la berlue :l0l:
[color=indigo][b]Administrateur de GA[/b][/color]
Site Gimp Attitude : [url=http://www.gimp-attitude.org/ressources.php]découvrez nos ressources ![/url]
[url=http://tsovorp.org/histoire/index.html][img]http://images.imagehotel.net/4e397efd0d.png[/img][/url] [url=http://radiologie.tsovorp.org/index.html][img]http://images.imagehotel.net/2602f51d28.png[/img][/url][url=http://gimpfractal.tsovorp.org/][img]http://img75.imageshack.us/img75/2733/gimfrqd4.png[/img][/url]

Avatar de l’utilisateur
Cancan
Fou du clic droit
Messages : 88
Inscription : jeu. juin 21, 2007 8:55 pm
Localisation : Haut Rhin
Contact :

Message par Cancan » lun. déc. 17, 2007 10:20 am

Papy the lolo a écrit :Flamme, j'ai des lubies ou bien l'horloge du serveur fait la tréve des confiseurs ?
Ton message est postés ce jour a 12 h30 am
sur mon ordi j'ai 10h 12
et le messge de Cabcab est de 8h30 am
je suis puzelisé, mais j'ai sans doute la berlue :l0l:
Ben moi j'ai message de Flamme Dimanche 23:51
Mon message ce matin 8:30

Tout cela est juste.
[img]http://lisdje.free.fr/galleries/Signatures/Sign_GA.gif[/img]

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » lun. déc. 17, 2007 10:56 am

Vérifie dans ton profil quel type d'horaire tu utilises.

Sinon, on est ici pour parler du design ! :l0l:
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

Avatar de l’utilisateur
Psychogimpeur
Pro de la Gimp-Attitude
Messages : 699
Inscription : mar. oct. 17, 2006 5:17 pm
Localisation : Bruxelles

Message par Psychogimpeur » lun. déc. 17, 2007 1:07 pm

c'est pas trop mon style de design, mais j'attends de voir le produit fini avant de critiquer ;) (on sait jamais je pourrais être ébahi :P )
Gimp un jour, Gimp toujours ...

Avatar de l’utilisateur
plovemax
Macgimpeur de choc
Messages : 1288
Inscription : jeu. oct. 12, 2006 9:43 pm
Localisation : quelque part pas loin du centre

Re: Design GA (en cours de réalisation)

Message par plovemax » lun. déc. 17, 2007 1:24 pm

Flamme a écrit :Voilà, j'essaie de me mettre à la page du gris (enfin, d'un gris beige plutôt)...



Attention, c'est très très loin d'être fini ! :l0l:
Tu m'avais parlé d'un tout autre genre : effectivement ç'en est un! :o :l0l:
Intéressant. Peut-être un manque de contraste dans la "tapisserie" (peut être, hein, faut voir. le problème avec ce genre de truc c'est que on ne te rend pas toujours bien compte du résultat tant que on n'as pas essayé.)

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » lun. déc. 17, 2007 1:44 pm

Psychogimpeur, ça m'étonnerait que tu aimes le produit fini, c'est mal parti pour. De toute façon je ne crois pas qu'on ait vraiment les mêmes goûts en matière de webdesign ;).

Plovemax, ce n'est pas une tapisserie, c'est du vieux papier => papier vergé, d'où l'effet de lignes.

Pour ma part, c'est le style de chose que j'adore carrément (maintenant, reste à savoir si ce que je fais est réussi ou non...) et qu'on ne voit pas assez sur les sites français, trop souvent "vendus" à des styles techno ou vecto. :roll:

L'effet ne doit justement pas être contrasté (sinon c'est raté), sauf pour le titre et les deux motifs latéraux qui me semblent assez "lisibles", du moins sur les trois écrans où je les ai vu, si ce n'est pas le cas, c'est qu'il y a un problème. Le but est de faire pour le fond des effets de superpositions de motifs plus ou moins fondus. Ici il y a l'effet vergure (inégalisé par un masque plasma), un motif disposé aléatoirement avec un effet de dispersion, puis un bout de cadre "fleurons" sur le bas).

Bon, c'est juste technique, hein, après, la compo ne s'explique pas forcément... Ca doit s'apprécier (ou ne pas s'apprécier, plutôt) en bloc... ;)
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

Avatar de l’utilisateur
oreg
Gimpeur extraordinaire
Messages : 103
Inscription : mar. mars 21, 2006 4:28 pm

Message par oreg » lun. déc. 17, 2007 6:45 pm

Ce n'est pas trop mon style d'habitude, mais j'aime bien
[url=http://www.imagehotel.net/?from=lzm4qpcp47.png][img]http://images2.imagehotel.info/lzm4qpcp47.png[/img][/url]

Avatar de l’utilisateur
neige
Pixelium magister
Messages : 292
Inscription : mer. mai 30, 2007 1:42 pm
Localisation : La Rochelle (17)
Contact :

Message par neige » mar. déc. 18, 2007 2:18 pm

la tonalité grise n'est pas ce que je préfère (je trouve que ça fait un peu deuil), mais c'est sobre et élégant.
- Progresse lentement mais sûrement -

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » mar. déc. 18, 2007 2:41 pm

Moi non plus je ne suis pas fana de gris, mais j'ai essayé de faire quelque chose justement qui jouait sur la texture et la profondeur pour un peu dissiper la froideur de la teinte.

En fait, c'est un gris beige, mais selon les écrans le résultat n'est pas le même. Les trois cathodiques différents sur lesquels je le visualise rendent bien cette teinte, mais sur les écrans plats c'est franchement grisouille... :x

Et après on se demnde pourquoi je m'accroche à mes cathodiques, leur finesse de définition et leur rendu harmonieux des couleurs... :l0l:
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » jeu. déc. 20, 2007 12:17 pm

Voilà, je suis arrivée au stade de la première mise en place, qui est très longue au niveau du menu en raison de la subtilité des effets d'onglets.

Par exemple, pour mes pages généralistes, c'est l'onglet "Site GA" qui est mis en avant, sachant que tous les boutons comportent des pseudo-classes "hover". Je dois donc définir pour les en-tête généralistes un menu où c'est "Site GA" qui est sous forme d'onglet, où son voisin "GA-TUTO" est légèrement ombré sur la gauche par l'onglet, ce qui ne sera pas le cas quand l'onglet aura changé de place.

Pour "Articles", par exemple, l'Onglet est passé sur l'élément de menu "articles" : je dois donc définir un onglet sur lui et latéralement deux éléments ombrés par la présence de l'onglet, tandis que le reste demeure générique (et que Site GA et GA-tuto le sont redevenus de fait). D'où la définition des spécificités des éléments "Articles".

C'est trè long au niveau graphique comme au niveau du codage, mais quand c'est réussi, c'est... Waouh ! :)

Il va aussi falloir que j'essaie de grouper au maximum les éléments communs pour éviter les redites :P.
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

Avatar de l’utilisateur
Chris
Maître pisteur
Messages : 1981
Inscription : mar. avr. 26, 2005 12:47 am
Contact :

Message par Chris » jeu. déc. 20, 2007 12:49 pm

En clair, tu bosse beaucoup et bien :)
Gimp 2.8.14 sur iMac 27 core i5 et MacBook Air, sous MacOs 10.10.5

Le plaisir est d'en donner
http://www.crisfere.photos

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » jeu. déc. 20, 2007 1:00 pm

Je doute cependant que le final soit universellement apprécié, c'est un style de design qui se rapprocherait assez, dans le fond, de ce que font nos amis digiscrappeurs... :l0l:

Alors que l'idéal classique du moment, c'est le Web 2.0, notion qui veut très vaguement dire quelque chose au niveau flux d'information, mais absolument rien au niveau graphisme, si ce n'est "Tarte à la crème à la mode qu'on étale sans savoir ce qu'il y a dedans, probablement de la mousse à raser..."
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » jeu. déc. 20, 2007 6:23 pm

Chris a écrit :En clair, tu bosse beaucoup et bien :)
Pour revenir à nos moutons... je suppose que personne n'a rien compris à ce que j'ai dit ? :l0l: :l0l: :l0l:
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

Avatar de l’utilisateur
Psychogimpeur
Pro de la Gimp-Attitude
Messages : 699
Inscription : mar. oct. 17, 2006 5:17 pm
Localisation : Bruxelles

Message par Psychogimpeur » jeu. déc. 20, 2007 10:22 pm

tu va faire un style switcher ?

Car si c'est le cas je suis interessé pour faire moi aussi un thème ^^
Gimp un jour, Gimp toujours ...

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » jeu. déc. 20, 2007 10:26 pm

Oui, je vais employer le même système que sur Lignes en Jeu, ça marche bien.

Essaye, ça pourrait être sympa, mais attention, il y a des éléments etchniques à respecter. Cependant, je pense qu'on peut les repérer dans le style "Lightech".
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » jeu. déc. 27, 2007 11:41 pm

Voici le dernier état à ce jour :

http://www.gimp-attitude.org/stock/ecran.jpg

Il y a encore des choses à revoir avec la feuille de style (couleur de liens, etc) et il manque les menus de style "ressources", mais ça se finit tout doucement ! ;)
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

PascalL
Maître pisteur
Messages : 1644
Inscription : ven. mai 07, 2004 7:53 am
Localisation : Suisse romande
Contact :

Message par PascalL » jeu. déc. 27, 2007 11:57 pm

Hey j'aime beaucoup! :o :D C'est mon genre de style, ou mon style de genre, au choix! :l0l:
Attention cependant aux scanlines en fond de texte, c'est fatiguant pour la lecture! ;)
Tu as bien fait de rajouter quelques touches plus colorées(même en violet! ;) !

Pascal

Avatar de l’utilisateur
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » ven. déc. 28, 2007 12:13 am

Je suis contente qu'il y ait quelqu'un qui aime ! :l0l:

Par contre, pour les touches de couleur, c'est un "reste" du style Lightech, donc pas forcément destiné à rester... :?. Pas sûr que je garde du violet dans la coloration des liens, je pense plutôt - éventuellement - à du bleu...
[b][color=indigo]Fondatrice / administratrice de GA[/color][/b]

Site Gimp Attitude : découvrez nos [url=http://www.gimp-attitude.org/ressources.php]ressources[/url] !

[b]Webmistress[/b] de :

[url=http://www.gimp-attitude.org][img]http://www.gimp-attitude.org/stock/02_ga.gif[/img][/url] [url=http://monde-des-forts.org/][img]http://www.gimp-attitude.org/stock/05_guerredesforts.gif[/img][/url] [url=http://monde-des-forts.org/missrachel/][img]http://lesamisdemissrachel.org/bans/miss-rachel.gif[/img][/url] [url=http://www.lignes-en-jeu.org][img]http://www.lignes-en-jeu.org/bans/lejmini.gif[/img][/url] [url=http://milathea.hautetfort.com/][img]http://milathea.hautetfort.com/media/02/01/a533d0d6f71f6420b6eed5dac6e771b1.gif[/img][/url]

Répondre