[annulé] Webdesign pour mon site
Modérateur : Ze Techos
- Ishimaru Chiaki
- Pro de la Gimp-Attitude
- Messages : 730
- Inscription : 24 déc. 2007, 06:10
- Localisation : Baie-Comeau, Québec, Canada
- Contact :
[annulé] Webdesign pour mon site
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
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
Dernière modification par Ishimaru Chiaki le 02 déc. 2008, 02:43, modifié 1 fois.
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 !
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !
- killpatate
- Gimpeur extraordinaire
- Messages : 131
- Inscription : 13 juil. 2008, 14:57
- Localisation : Ile et Vilaine
- Contact :
C'est moyen je trouve :s
En fait, c'est trop plat, au final c'est plus un mélange d'aplat de couleur je trouve. Bon ensuite c'est pas tout à fait finit je pense.
En revanche le Header et plutôt sympa nettement mieux que l'actuelle je trouve !
Rajoute peut être quelque effet supplémentaire histoire de briser la linéarité de ta création.
En fait, c'est trop plat, au final c'est plus un mélange d'aplat de couleur je trouve. Bon ensuite c'est pas tout à fait finit je pense.
En revanche le Header et plutôt sympa nettement mieux que l'actuelle je trouve !
Rajoute peut être quelque effet supplémentaire histoire de briser la linéarité de ta création.
[url=http://www.alpha-arts.net][img]http://alpha-arts.net/programmes/userbar/artiste-gimp.png[/img] [img]http://alpha-arts.net/programmes/userbar/artiste-photoshop.png[/img] [img]http://alpha-arts.net/programmes/userbar/mappeur.png[/img] [img]http://alpha-arts.net/programmes/userbar/modeleur-3DS.png[/img][/url]
- Ishimaru Chiaki
- Pro de la Gimp-Attitude
- Messages : 730
- Inscription : 24 déc. 2007, 06:10
- Localisation : Baie-Comeau, Québec, Canada
- Contact :
> neige : je compte utiliser une police blanche. Mais l'affaire c'est que j'ai peur de faire cette partie en blanc, de peur que ça "pète" trop par rapport au bleu moyen.
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 !
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !
- Ishimaru Chiaki
- Pro de la Gimp-Attitude
- Messages : 730
- Inscription : 24 déc. 2007, 06:10
- Localisation : Baie-Comeau, Québec, Canada
- Contact :
Pas de retouches pour le moment, mais j'ai ajouté du texte pour donner un meilleur aperçu de ce que ça fait, avec une police blanche :
http://img.photobucket.com/albums/v381/ ... dblue2.png
http://img.photobucket.com/albums/v381/ ... dblue2.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 !
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !
- Ishimaru Chiaki
- Pro de la Gimp-Attitude
- Messages : 730
- Inscription : 24 déc. 2007, 06:10
- Localisation : Baie-Comeau, Québec, Canada
- Contact :
Mais quelle couleur différente, sans que ça "jure" ?
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 !
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !
- plovemax
- Macgimpeur de choc
- Messages : 1288
- Inscription : 12 oct. 2006, 21:43
- Localisation : quelque part pas loin du centre
BonjourIshimaru Chiaki a écrit :Mais quelle couleur différente, sans que ça "jure" ?
et bien au choix soit tu "tapes" dans la couleur complémentaire (voir la roue chromatique) soit plus audacieux, tu essayes les "deux couleurs opposées du triangle". Normalement en faisant cela tu évite les "fautes de goût".


- killpatate
- Gimpeur extraordinaire
- Messages : 131
- Inscription : 13 juil. 2008, 14:57
- Localisation : Ile et Vilaine
- Contact :
Il s'agit des couleurs complémentaires ! Regarde sur wikipédia

[url=http://www.alpha-arts.net][img]http://alpha-arts.net/programmes/userbar/artiste-gimp.png[/img] [img]http://alpha-arts.net/programmes/userbar/artiste-photoshop.png[/img] [img]http://alpha-arts.net/programmes/userbar/mappeur.png[/img] [img]http://alpha-arts.net/programmes/userbar/modeleur-3DS.png[/img][/url]
- Ishimaru Chiaki
- Pro de la Gimp-Attitude
- Messages : 730
- Inscription : 24 déc. 2007, 06:10
- Localisation : Baie-Comeau, Québec, Canada
- Contact :
Suite à certaines suggestions que j'ai eues ici, sur Projet-Gimp et sur le Site du zéro, j'ai fait quelques modifications pour arrondir les coins (au lieu d'être angulaires), et je fais une tentative de bichromie en mettant le haut du menu, du corps et des modules en orange.
Design bleu v2
EDIT : Correction de mon bbcode
Design bleu v2
EDIT : Correction de mon bbcode
Dernière modification par Ishimaru Chiaki le 30 août 2008, 04:40, modifié 1 fois.
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 !
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !
- killpatate
- Gimpeur extraordinaire
- Messages : 131
- Inscription : 13 juil. 2008, 14:57
- Localisation : Ile et Vilaine
- Contact :
Hihi, bleu et orange, mes complémentaire préféré
Attention par contre, il faut que tu rajoute du Orange pour équilibré sinon sa peut ternir l'image ; moi je te conseil d'utiliser des effets type lueur externe ou ombre porté avec la couleur complémentaire, sa peut rentre bien !

Attention par contre, il faut que tu rajoute du Orange pour équilibré sinon sa peut ternir l'image ; moi je te conseil d'utiliser des effets type lueur externe ou ombre porté avec la couleur complémentaire, sa peut rentre bien !
[url=http://www.alpha-arts.net][img]http://alpha-arts.net/programmes/userbar/artiste-gimp.png[/img] [img]http://alpha-arts.net/programmes/userbar/artiste-photoshop.png[/img] [img]http://alpha-arts.net/programmes/userbar/mappeur.png[/img] [img]http://alpha-arts.net/programmes/userbar/modeleur-3DS.png[/img][/url]
- Ishimaru Chiaki
- Pro de la Gimp-Attitude
- Messages : 730
- Inscription : 24 déc. 2007, 06:10
- Localisation : Baie-Comeau, Québec, Canada
- Contact :
> killpatate : j'ai vu ton post trop tard, puisque je viens de finir un v3 suite à d'autres suggestions.
V3 du design : Design bleu v3
- Changements de certains tons de bleus. L'arrière-plan est maintenant plus clair que les blocs, et j'ai foncé le header et le footer (suite à des suggestions d'un membre de Projet-Gimp).
- Changement de render féminin dans le header (mon modérateur qui est le perv de service n'aimait pas trop la fille que j'avais mis, il la trouvait moins jolie que celles des designes précédents).
V3 du design : Design bleu v3
- Changements de certains tons de bleus. L'arrière-plan est maintenant plus clair que les blocs, et j'ai foncé le header et le footer (suite à des suggestions d'un membre de Projet-Gimp).
- Changement de render féminin dans le header (mon modérateur qui est le perv de service n'aimait pas trop la fille que j'avais mis, il la trouvait moins jolie que celles des designes précédents).
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 !
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !
- killpatate
- Gimpeur extraordinaire
- Messages : 131
- Inscription : 13 juil. 2008, 14:57
- Localisation : Ile et Vilaine
- Contact :
Le design actuelle et bien mais trop plat, le nouveau tend à corriger ce défaut mais c'est encore assez loin pour l'instant je trouve !cuak a écrit :Il y a que moi qui préfère le design actuel?
Je reste sur mon avis, bien que je trouve que tu l'a beaucoup améliorer. J'aime bien
[url=http://www.alpha-arts.net][img]http://alpha-arts.net/programmes/userbar/artiste-gimp.png[/img] [img]http://alpha-arts.net/programmes/userbar/artiste-photoshop.png[/img] [img]http://alpha-arts.net/programmes/userbar/mappeur.png[/img] [img]http://alpha-arts.net/programmes/userbar/modeleur-3DS.png[/img][/url]
- neige
- Pixelium magister
- Messages : 292
- Inscription : 30 mai 2007, 13:42
- Localisation : La Rochelle (17)
- Contact :
Ah, avec l'arrondi c'est déjà quelque chose de plus harmonieux à l'oeil. La touche saumonée brise aussi l'uniformité, donne en quelque sorte une perspective hiérarchique à l'ensemble... peut-être celà devrait-il se retrouver aussi un p'tit chouïa dans la bannière... je trouve aussi qu'il y manque encore quelque chose.
- Progresse lentement mais sûrement -
- Ishimaru Chiaki
- Pro de la Gimp-Attitude
- Messages : 730
- Inscription : 24 déc. 2007, 06:10
- Localisation : Baie-Comeau, Québec, Canada
- Contact :
Mise à jour du design : http://img.photobucket.com/albums/v381/ ... dblue5.png
Changements : J'ai corrigé le problème de fond bleu au niveau des barres oranges. Je sais pas comment j'ai fait mon compte pour ne pas les voir alors que ça voulait me bouffer tout rond, mais je ne m'en suis rendue compte qu'aujourd'hui en rouvrant le .xcf du design.
J'ai aussi refait les barres oranges avec une bordure brune orangeâtre, et les brush du header sont maintenant oranges et en mode Fusion de grain.
Changements : J'ai corrigé le problème de fond bleu au niveau des barres oranges. Je sais pas comment j'ai fait mon compte pour ne pas les voir alors que ça voulait me bouffer tout rond, mais je ne m'en suis rendue compte qu'aujourd'hui en rouvrant le .xcf du design.
J'ai aussi refait les barres oranges avec une bordure brune orangeâtre, et les brush du header sont maintenant oranges et en mode Fusion de grain.
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 !
Système d'exploitation : Lubuntu 14.04 LTS
Logiciels : GIMP 2.8, Inkscape 0.x
Mon cours Gimp, bientôt sur http://zestedesavoir.com !
- killpatate
- Gimpeur extraordinaire
- Messages : 131
- Inscription : 13 juil. 2008, 14:57
- Localisation : Ile et Vilaine
- Contact :
Tu devrait rajouter quelque petit dégradé ou autre effet ; j'ai fait un essai assez rapidement et perso je trouve sa plus sympa ; pas révolutionnaire mais sa donne du cachet je trouve.
[url=http://www.alpha-arts.net][img]http://alpha-arts.net/programmes/userbar/artiste-gimp.png[/img] [img]http://alpha-arts.net/programmes/userbar/artiste-photoshop.png[/img] [img]http://alpha-arts.net/programmes/userbar/mappeur.png[/img] [img]http://alpha-arts.net/programmes/userbar/modeleur-3DS.png[/img][/url]