[annulé] Webdesign pour mon site

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

Modérateur : Ze Techos

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » sam. sept. 06, 2008 5:36 am

Dimitri.L a écrit :Bonjour,
Vous devriez mettre quelques ombres portées, séparer graphiquement les sous-menus, etc-- en clair donner du relief à votre template (qui se bonifie au fil des versions, j'avoue^^). Ca avance, c'est bien ;)
Si tu regardes mon site, tu verras que je n'ai pas que des liens dans mon menu, mais aussi un module de connexion, donc j'ai dû user d'un autre moyen pour le classement des liens, dans le même genre que sur le Site du Zéro.

Je viens d'ajouter quelques ombres, mais il faut aussi que je fasse attention à la limite d'espace à côté des blocs, et aussi à ne pas trop multiplier les divs et span (je rappelle que je code sans tableaux)

----------------
Nouvelle mise à jour : Design v5

Suite à de nouvelles suggestions, j'ai troqué l'orange pour le beige et réduit la taille de certaines typos (suggestions en provenance de Projet-Gimp), et j'ai ajouté des ombres pour ajouter de la profondeur au design (suggestion en provenance d'ici).
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

Avatar de l’utilisateur
Dimitri.L
Wilber en peluche
Messages : 7
Inscription : sam. août 30, 2008 10:27 am

Message par Dimitri.L » dim. sept. 07, 2008 7:31 pm

Hey ça avance ! :)
Et serait-il possible d'ajouter quelques effets faits-mains aux bandes beiges, histoire de varier un peu plus les aplats de couleurs ? J'avais aussi fait un site avec quasi que des aplats de couleurs avant de me dire qu'après tout, ça manquait de relief ;)
Bien à vous !

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » dim. sept. 07, 2008 9:44 pm

Mise à jour plus mineure du design : http://img.photobucket.com/albums/v381/ ... dblue7.png

- Ajouts de légers dégradés sur les bandes beiges
- Ajouts de petites bandes bleues aux bouts des bandes beiges.
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

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

Message par PascalL » lun. sept. 08, 2008 12:06 pm

C'est sympa! Les arcs de cercle donnent un effet de profondeur. Les couleurs sont jolies!

Salut!

Pascal
Animateur GA
Je traîne avec les mauvaises gens, mais ce sont les seuls amis encore debout après la fermeture du dernier bal.

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » mer. sept. 10, 2008 10:22 pm

Nouvelle version : Design v7

J'ai atténué les ombres, remis le brush orange dans le header et j'ai changé le header4 du module News.
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » dim. sept. 14, 2008 2:05 am

Bon, finalement j'annonce que le relookage de mon site ne sera pas pour tout de suite... J'ai beau demander des conseils pour améliorer le design bleu, j'ai l'impression que je ne verrai jamais le bout du tunnel. J'en suis déjà à la version 7 et j'ai pas envie d'être rendue à la version 20 du design, et comme j'ai pas beaucoup confiance en moi... Donc je vais garder le design vert pour le moment, en apportant quelques améliorations autant dans le style (autrement dit, une v4.1 au lieu d'une v5) que dans le php. De plus, dès que l'activité aura repris son rythme, j'ai l'intention de lancer un concours pour trouver une idée de logo (autre qu'un render) en vue d'une prochaine version d'ID qui viendra quand ça viendra, car je n'ai CRISSÉMENT pas d'idée de logo !
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

Avatar de l’utilisateur
yerbouti
Maître pisteur
Messages : 1132
Inscription : sam. juin 28, 2008 12:39 am
Localisation : 47°40'N - 2°59'O
Contact :

Message par yerbouti » dim. sept. 14, 2008 8:07 am

Dommage,
AMHA la V7 est déjà bien avancée et pourrait suffire. Elle est déja plus lisible que la version actuelle et en termes d'accessibilité (question qui doit t'être familière puisque tu semble être dans le vent des standards...) y'a pas photo !
Avec mes verres progressifs de vieux miro, la lecture de ton site vert m'est assez difficile et me donne envie d'augmenter ton taux de rebond analytics.

En plus, toujours AMHA, j'ai souvent remarqué que quand on est est découragé après un long travail, c'est que la fin n'est pas loin.

Tu dis manquer de confiance, organise donc une consultation pour savoir si le site bleu est présentable en l'état, et ensuite, tu gèrera tes améliorations en trois coups de CSS.
Ex-Animateur GA
47°40' N - 2°59' O
Win 7 (64) - Gimp (2.8.4)

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » dim. sept. 14, 2008 8:56 am

C'est parce qu'il n'y a pas qu'ici que j'ai posté, mais aussi sur le Site du Zéro. Je mets le lien à partir de mon premier message du topic pour que vous puissiez voir tout le background : http://www.siteduzero.com/forum-83-3068 ... l#r2906558
Ce qui m'a poussée à abandonner, c'est l'impression que quelque soit les changements que je fais, il y a tout le temps quelquechose qui cloche, en plus que ça insiste toujours sur lissage/non-lissage des polices (j'ai dû rappeler plusieurs fois que ce torvisse de titre sera là en dur >.<) et sur le changement de logo alors que je n'ai pas une osti d'idée de logo à mettre à la place des renders de fille manga >.<

Quand tu parles de consultation, est-ce que tu parles de consultation pro ou gratuite ? Car je ne peux demander que du gratuit puisque mon site n'est pas destiné à être pro, les services étant gratuits en plus que les logiciels libres sont encouragés. Donc c'est pour ça que j'ai posté ici sur GA, sur le SDZ et aussi sur Projet-Gimp. Si tu parles plutôt de consultation entre membre du staff du forum associé à mon site, mes modos n'ont pas ou peu d'expérience en design, et je n'ai qu'un graphiste pour le moment (bonne expérience en design, mais je sais pas où c'en est rendu dans son passage toshop vers gimp) et je n'ai pas encore lancé de nouvelle campagne de recrutement.
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

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

Message par plovemax » dim. sept. 14, 2008 10:56 am

Ishimaru Chiaki a écrit :...
Ce qui m'a poussée à abandonner, c'est l'impression que quelque soit les changements que je fais, il y a tout le temps quelquechose qui cloche, en plus que ça insiste toujours sur lissage/non-lissage des polices (j'ai dû rappeler plusieurs fois que ce torvisse de titre sera là en dur >.<) et sur le changement de logo alors que je n'ai pas une osti d'idée de logo à mettre à la place des renders de fille manga >.<

...
Cà c'est normal et ce sera toujours le cas : tous les goûts étant dans la nature, tu auras toujours quelqu'un pour te dire que telle ou telle partie pourrait-être modifiée dans tel sens. C'est la limite de ce genre d'exercice (demander l'avis des autres sur un forum). Il faut donc à un moment dire : "OK c'est bon." Généralement c'est quand les conseils des autres concernent des pinailleries...

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » sam. sept. 20, 2008 5:47 pm

Ayant laissé de côté le design bleu, j'ai décidé de travailler sur le design vert actuel pour l'améliorer pour lui donner un aspect plus "fini" et pour atténuer la dominance du vert par du gris.

http://img.photobucket.com/albums/v381/ ... gn-4-1.png
(il y a eu quelques autres retouches depuis)

D'après la réaction de mon modo, il semble préférer la nouvelle version du design vert par rapport au design bleu.

J'ai fini la partie site (du moins, sous firefox) et il reste un détaiil à résoudre dans la partie forum avant de rebooter sous XP pour les tests sous IE6 et IE7.

[EDIT 24h plus tard] Terminé !
Voici les captures du travail final !
Site : http://img.photobucket.com/albums/v381/ ... e_v4-1.png
Forum : http://img.photobucket.com/albums/v381/ ... m_v4-1.png
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

Avatar de l’utilisateur
Dimitri.L
Wilber en peluche
Messages : 7
Inscription : sam. août 30, 2008 10:27 am

Message par Dimitri.L » dim. sept. 21, 2008 2:15 pm

bah voilà, moi j'avais rien contre le design actuel ;) L'est encore mieux ainsi ^^

Avatar de l’utilisateur
cuak
Maître pisteur
Messages : 1338
Inscription : ven. nov. 03, 2006 8:21 pm
Contact :

Message par cuak » lun. oct. 06, 2008 2:45 pm

AH :) Enfin, mon souhait exaucé :p Très bien la nouvelle version du design vert, le mieu!
[url=http://gatuto.free.fr][img]http://cuak.free.fr/logo/01.png[/img][/url]

Avatar de l’utilisateur
Bridget Sharpe
Fou du clic droit
Messages : 56
Inscription : lun. sept. 01, 2008 11:11 am
Localisation : Paris
Contact :

Re: Webdesign pour mon site

Message par Bridget Sharpe » lun. déc. 01, 2008 12:26 pm

Ishimaru Chiaki a écrit :Bonjour.

Vu que l'été s'achève, je m'apprête à relooker mon site et mon forum, et pour l'occasion, c'est la première fois que je fais un vrai webdesign pour mon site, au lieu de faire les morceaux un par un.

Voici le lien du webdiz non découpé : http://img.photobucket.com/albums/v381/ ... edblue.png

Le site avec le design actuel : http://ishimaru-design.servhome.org/fr/

Mon site se compose donc d'une barre d'accès rapide en haut, d'un header, d'un menu horizontal avec les principaux liens, le menu latéral qui inclut aussi un module de connexion rapide, un corps qui contiendra des blocs "module" pour les news et autres", et un pied de page.

J'attends vos avis pour voir s'il manque quelquechose avant que je ne le découpe et le code. Juste pour info, ce sera un design sans tableaux et je ne veux pas trop multiplier les div et les span pour des effets supplémentaires (ombres, etc.)

Merci d'avance.

Ishimaru
Bonjour, je viens aux nouvelles. J'aurais aimé savoir si il etait possible de l'avoir pour Noel :?:
Bridget

Avatar de l’utilisateur
Ishimaru Chiaki
Pro de la Gimp-Attitude
Messages : 730
Inscription : lun. déc. 24, 2007 6:10 am
Localisation : Baie-Comeau, Québec, Canada
Contact :

Message par Ishimaru Chiaki » mar. déc. 02, 2008 2:43 am

Pour info, ceci était pour mon site, et si tu as lu un peu les derniers posts, tu aurais vu que j'ai abandonné l'idée du design bleu.

*s'en va éditer son titre*
Compétences graphiques : Éléments de design
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !

Avatar de l’utilisateur
Bridget Sharpe
Fou du clic droit
Messages : 56
Inscription : lun. sept. 01, 2008 11:11 am
Localisation : Paris
Contact :

Re: Webdesign pour mon site

Message par Bridget Sharpe » mar. déc. 02, 2008 2:42 pm

Bridget Sharpe a écrit :
Ishimaru Chiaki a écrit :Bonjour.

Vu que l'été s'achève, je m'apprête à relooker mon site et mon forum, et pour l'occasion, c'est la première fois que je fais un vrai webdesign pour mon site, au lieu de faire les morceaux un par un.

Voici le lien du webdiz non découpé : http://img.photobucket.com/albums/v381/ ... edblue.png

Le site avec le design actuel : http://ishimaru-design.servhome.org/fr/

Mon site se compose donc d'une barre d'accès rapide en haut, d'un header, d'un menu horizontal avec les principaux liens, le menu latéral qui inclut aussi un module de connexion rapide, un corps qui contiendra des blocs "module" pour les news et autres", et un pied de page.

J'attends vos avis pour voir s'il manque quelquechose avant que je ne le découpe et le code. Juste pour info, ce sera un design sans tableaux et je ne veux pas trop multiplier les div et les span pour des effets supplémentaires (ombres, etc.)

Merci d'avance.

Ishimaru
Bonjour, je viens aux nouvelles. J'aurais aimé savoir si il etait possible de l'avoir pour Noel :?:
Oh pardon, je me suis trompée de sujet.
Bridget

Répondre