[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 :

[annulé] Webdesign pour mon site

Message par Ishimaru Chiaki » sam. août 23, 2008 7:53 pm

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
Dernière modification par Ishimaru Chiaki le mar. déc. 02, 2008 2:43 am, 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 !

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

Message par cuak » sam. août 23, 2008 8:28 pm

desolé mais je prefère le design actuel.
[url=http://gatuto.free.fr][img]http://cuak.free.fr/logo/01.png[/img][/url]

Avatar de l’utilisateur
killpatate
Gimpeur extraordinaire
Messages : 131
Inscription : dim. juil. 13, 2008 2:57 pm
Localisation : Ile et Vilaine
Contact :

Message par killpatate » mar. août 26, 2008 10:07 am

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.
[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]

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. août 26, 2008 12:35 pm

Je déteste pas, mais le bleu est pas mal soutenu, surtout pour la partie où tu écriras. Attention que ça reste bien lisible malgré tout
- Progresse lentement mais sûrement -

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. août 26, 2008 10:31 pm

> 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 !

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 » jeu. août 28, 2008 2:49 am

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
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
neige
Pixelium magister
Messages : 292
Inscription : mer. mai 30, 2007 1:42 pm
Localisation : La Rochelle (17)
Contact :

Message par neige » jeu. août 28, 2008 7:08 am

Avec le blanc, le bleu va bien, c'est lisible.
Personnellement, j'aime pas trop tes biseaux non arrondis, mais c'est une question de goût.
C'est sobre et harmonieux. Ça manque peut-être un peu de touche de couleur différente.
- Progresse lentement mais sûrement -

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 » jeu. août 28, 2008 7:35 pm

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 !

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 » jeu. août 28, 2008 10:24 pm

Ishimaru Chiaki a écrit :Mais quelle couleur différente, sans que ça "jure" ?
Bonjour

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". ;) :D

Avatar de l’utilisateur
killpatate
Gimpeur extraordinaire
Messages : 131
Inscription : dim. juil. 13, 2008 2:57 pm
Localisation : Ile et Vilaine
Contact :

Message par killpatate » ven. août 29, 2008 5:00 pm

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]

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 » ven. août 29, 2008 11:06 pm

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
Dernière modification par Ishimaru Chiaki le sam. août 30, 2008 4:40 am, 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 !

Avatar de l’utilisateur
killpatate
Gimpeur extraordinaire
Messages : 131
Inscription : dim. juil. 13, 2008 2:57 pm
Localisation : Ile et Vilaine
Contact :

Message par killpatate » ven. août 29, 2008 11:19 pm

Hihi, bleu et orange, mes complémentaire préféré :D

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]

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. août 30, 2008 4:40 am

> 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).
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
cuak
Maître pisteur
Messages : 1338
Inscription : ven. nov. 03, 2006 8:21 pm
Contact :

Message par cuak » sam. août 30, 2008 1:29 pm

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://gatuto.free.fr][img]http://cuak.free.fr/logo/01.png[/img][/url]

Avatar de l’utilisateur
killpatate
Gimpeur extraordinaire
Messages : 131
Inscription : dim. juil. 13, 2008 2:57 pm
Localisation : Ile et Vilaine
Contact :

Message par killpatate » sam. août 30, 2008 4:50 pm

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 :)
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 !
[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]

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. sept. 02, 2008 7:32 am

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 -

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 » jeu. sept. 04, 2008 2:34 am

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.
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
neige
Pixelium magister
Messages : 292
Inscription : mer. mai 30, 2007 1:42 pm
Localisation : La Rochelle (17)
Contact :

Message par neige » jeu. sept. 04, 2008 7:19 am

Ça reste sobre tout en étant mieux ;)
- Progresse lentement mais sûrement -

Avatar de l’utilisateur
killpatate
Gimpeur extraordinaire
Messages : 131
Inscription : dim. juil. 13, 2008 2:57 pm
Localisation : Ile et Vilaine
Contact :

Message par killpatate » jeu. sept. 04, 2008 10:06 am

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]

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

Message par Dimitri.L » jeu. sept. 04, 2008 2:37 pm

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 ;)

Répondre