Webdesign pour mon site - Prise 2

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 :

Webdesign pour mon site - Prise 2

Message par Ishimaru Chiaki » dim. févr. 08, 2009 5:30 am

Après l'échec de ma tentative de l'automne dernier (mon design bleu), je retente avec une nouvelle idée de design.

Voici où j'en suis jusqu'à maintenant :
http://img.photobucket.com/albums/v381/ ... ru5-v3.png

Version avec bloc de connexion dans le header : http://img.photobucket.com/albums/v381/ ... ru5-v4.png

Ça a pris davantage de temps pour trouver le logo, et celui qu'il y a en ce moment est quasi-définitif et je l'ai dessiné avec Inkscape. Je dis "quasi-définitif", car je reste ouverte à d'autres suggestions, en autant que ça reste dans le 100% pure création.

Maintenant, j'aimerais avoir vos avis sur ce qui peut être amélioré, mais sachez que je veux garder ça simple, sans trop de flafla, et que les propositions ne nuisent pas trop à l'extensibilité.

J'ai du mal à me fier à mes membres (mis à part Maëlstrom, mon graphiste), car le changement est quand même important, juste le fait d'abolir l'utilisation d'un render de fille manga est un gros changement en tant que tel, car jusqu'à maintenant, tous les designs que le site a eus avaient une fille manga dans la bannière et je sens que certains, comme mon modo, vont avoir du mal à s'adapter à ce changement (il est beaucoup RP et anime, et il a un côté perv)
Pour comprendre : http://ishimaru-design.servhome.org/for ... wtopic=421
et le profil Hitskin de mon modo : http://en.hitskin.com/users/caihlem-409.htm (ignorez le dernier skin de la liste, c'était son tout premier et le moins réussi) Vous voyez qu'il est beaucoup RP dans ses skins.
(et si jamais vous répondez comme si vous lui parlez, allez y de façon accessible)

Merci d'avance pour vos avis.

Ishimaru

Voici les designs les plus proches de ce que je veux obtenir :
http://ishimaru-design.servhome.org/tes ... /index.php
http://www.crea-paradise.com/index.html
Dernière modification par Ishimaru Chiaki le dim. févr. 08, 2009 11:05 pm, 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 » dim. févr. 08, 2009 11:07 am

- J'ai un peu naviguer sur ton site, et j'ai eu le droit à ça :
http://www.connectix-boards.org/index.p ... tos&tuto=9
Connectix Boards

> Fatal Error

A MySQL error occurred (1146).
Server responded: La table 'mjasienski_site.tuto_tutoriaux' n'existe pas

The script was attempting to do the following action:

SELECT tut_nom,tut_auteur,tut_auteur_site,msg_message,msg_topicid,topic_views,cat_nom,tut_cat_id FROM tuto_tutoriaux LEFT JOIN tuto_categorie ON tut_cat_id=cat_id LEFT JOIN messages ON msg_id=tut_contenu LEFT JOIN topics ON topic_id=msg_topicid WHERE tut_id=9
Accueil du forum - Administration
Powered by Connectix Boards 0.8.3 © 2005-2009
- 1 de tes 2 liens à la fin de ton topic amène a une erreur 404.
Voici le lien rectifié: http://ishimaru-design.servhome.org/tests/punbb13/

- Je trouve ton design très différent du lien de comparaison :
http://www.crea-paradise.com/index.html

- Bon sinon a propos du design :
Je préfère la version avec le bloc dans le header. Sa fait moins vide. Le design est simple, lisible, facile a comprendre et a s'habituer. Néanmoins la zone de connexion devrait comporter un cadre ou bloc.
[url=http://gatuto.free.fr][img]http://cuak.free.fr/logo/01.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 » dim. févr. 08, 2009 11:01 pm

cuak a écrit :- J'ai un peu naviguer sur ton site, et j'ai eu le droit à ça :
http://www.connectix-boards.org/index.p ... tos&tuto=9
Connectix Boards

> Fatal Error

A MySQL error occurred (1146).
Server responded: La table 'mjasienski_site.tuto_tutoriaux' n'existe pas

The script was attempting to do the following action:

SELECT tut_nom,tut_auteur,tut_auteur_site,msg_message,msg_topicid,topic_views,cat_nom,tut_cat_id FROM tuto_tutoriaux LEFT JOIN tuto_categorie ON tut_cat_id=cat_id LEFT JOIN messages ON msg_id=tut_contenu LEFT JOIN topics ON topic_id=msg_topicid WHERE tut_id=9
Accueil du forum - Administration
Powered by Connectix Boards 0.8.3 © 2005-2009
Tu es tombé dessus à partir de quelle page ? J'aimerais le savoir pour que je puisse corriger.
[EDIT] Ok, je viens de voir, c'est la page du tuto des BBCode. La raison est simple : Il n'y a pas encore de site de support anglophone pour CB, Martin veut attendre la sortie de la 1.0 pour ça. Mais je vais quand même faire la correction dans le fichier de langue pour mener vers une page valide en attendant.
[EDIT2] En effet, le lien n'est pas identique selon la langue. Je vais quand même faire un signalement.
- 1 de tes 2 liens à la fin de ton topic amène a une erreur 404.
Voici le lien rectifié: http://ishimaru-design.servhome.org/tests/punbb13/
arf, j'avais pas fait gaffe... je vais corriger ça.
- Je trouve ton design très différent du lien de comparaison :
http://www.crea-paradise.com/index.html
D'un autre côté, j'avais aussi peur de le plagier ou que mon design soit trop "clone" à côté.
- Bon sinon a propos du design :
Je préfère la version avec le bloc dans le header. Sa fait moins vide. Le design est simple, lisible, facile a comprendre et a s'habituer. Néanmoins la zone de connexion devrait comporter un cadre ou bloc.
Je n'avais pas pensé au cadre, mais je me demande si je suis mieux de le faire clair ou de le faire foncé.
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
Chris
Maître pisteur
Messages : 1981
Inscription : mar. avr. 26, 2005 12:47 am
Contact :

Message par Chris » lun. févr. 09, 2009 7:26 am

Sans cadre, à mon gout :)
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
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. févr. 10, 2009 10:25 pm

D'autres retours ? Et la flammèche ?
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
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » mer. févr. 11, 2009 10:07 am

Pas trop le temps d'approfondir en ce moment, soucis au boulot et soucis familiaux... Je vais tâcher quand même de jeter un oeil.
[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
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. févr. 14, 2009 7:07 am

J'espère que ça va se régler vite, parce que là, j'ai de la misère à faire entendre raison à Blood sur ce que je recherche...

Sur un autre forum, on m'a proposé un logo en 3D, mais j'ai peur que ça ne cadre pas avec le reste.

Je frise le découragement...
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 » dim. févr. 15, 2009 1:22 am

J'ai du mal a cerner ton problème. Le design actuel est très bien. Tu frise le découragement car tu ne sais pas si il faut mettre un logo 3D ou pas?
[url=http://gatuto.free.fr][img]http://cuak.free.fr/logo/01.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 » dim. févr. 15, 2009 3:17 am

C'est parce qu'on m'a déjà dit sur le SDZ que la fille manga actuelle ne faisait pas assez mature, comparativement à un logo. Or, on ne m'a jamais JAMAIS donné de proposition ! Et ça, ça datait de l'époque de la tentative de design bleu !
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
Flamme
Super mécano
Messages : 6624
Inscription : mar. avr. 20, 2004 11:33 pm
Localisation : Vincennes, France
Contact :

Message par Flamme » dim. févr. 15, 2009 11:04 am

Si j'avais une critique à faire, ce serait sur le fait que le haut vert de la bannière, de même intensité que le fond gris, ne s'en démarque pas assez. Il faut trouver une astuce pour que la rupture entre les deux soit plus marquée.

J'ai toujours été assez sceptique pour la fille manga, non en raison du sujet, mais parce que je la trouvais trop fade et délavée par rapport au reste. Cependant, cela donnait quand même une identité plus personnelle, plus "douce" et féminine que des design trop "tech" qui me semble totalement dépersonnalisés et froids. Je verrais bien une touche "flourish", pas seulement parce que je suis une fana des fleurons style XIXe et du "Gothic Lolita" (même si j'ai passé l'âge :l0l:), mais parce que leur élégance tout en courbe complèterait assez bien l'aspect très géométrique du reste. Mais c'est un goût personnel, hein... ;)

En tout cas, si tu cherches un logo, essaie d'introduire une touche de fantaisie pour pallier le côté clair, lisible, parfait, mais un peu déshumanisé du reste. ;)

Sinon, pour le logo 3D, je ne suis perso pas très fana, mais je n'ai qu'une chose à te dire : teste ! Ce n'est qu'en le confrontant à l'ensemble que tu verras si cela va ou pas, et que nous pourrons te donner un avis tranché.
[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]

m@noo
Fou du clic droit
Messages : 61
Inscription : mer. déc. 31, 2008 7:10 pm
Localisation : Treize-Septiers(85), Nantes
Contact :

Message par m@noo » ven. févr. 20, 2009 7:45 pm

Arf le logo :D
je vois que je ne suis pas le seul à me casser les dents sur ce sujet :D

Oubli, celui en 3D çà colle pas du tout.
Ne pas oublier que ton logo tu auras peut-être à le décliner sous différentes tailles / couleurs à différents endoits du site. Celui en 3D, çà va être beaucoup moins simple.

Sur le design, lui même moi personnellement j'ai pas grand chose à dire.
j'aime bien la sobriété, les couleurs se marient pas trop mal.

Pour le vide dans le bandeau (si tu mets pas la connexion à cet endroit) pourquoi pas le combler avec une photo en rapport avec l'activité (design, ressources pour forum ??? )
- Je sais pas tu prends ta main en photo au travail sur ta tablette graphique (comme çà tu es sûr d'avoir une photo libre de droits )
- tu mets çà en arrière plan avec des essais d'opacité méler à un screenshot de forum ??

Voilà pour ma vraie première contribution :D
http://manooweb.fr/themes/default/images/logo-manooweb.png
Mes blogs
http://manoo.fr
http://manoo.fr/dev/
http://manoo.fr/cerf-volant/

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. févr. 20, 2009 8:32 pm

m@noo a écrit :Oubli, celui en 3D çà colle pas du tout.
C'est ce que je pensais effectivement.
Ne pas oublier que ton logo tu auras peut-être à le décliner sous différentes tailles / couleurs à différents endoits du site. Celui en 3D, çà va être beaucoup moins simple.

C'est aussi pour ça que j'ai préféré ne pas prendre le logo 3D. Le logo blanc qui est là en ce moment est fait à partir d'un svg.
Pour le vide dans le bandeau (si tu mets pas la connexion à cet endroit) pourquoi pas le combler avec une photo en rapport avec l'activité (design, ressources pour forum ??? )
- Je sais pas tu prends ta main en photo au travail sur ta tablette graphique (comme çà tu es sûr d'avoir une photo libre de droits )
- tu mets çà en arrière plan avec des essais d'opacité méler à un screenshot de forum ??
Je n'ai pas de tablette graphique.


Pour le moment, j'ai mis le design de côté pour me concentrer dans le code PHP du site.
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 !

m@noo
Fou du clic droit
Messages : 61
Inscription : mer. déc. 31, 2008 7:10 pm
Localisation : Treize-Septiers(85), Nantes
Contact :

Message par m@noo » sam. févr. 21, 2009 9:34 am

Ishimaru Chiaki a écrit : Je n'ai pas de tablette graphique.
C'était juste un exemple :) et parce que, comme périphérique, c'est plus en rapport avec "Design" (infographie) et donc avec le nom de ton site.
Peut-être qu'un gentil forumeur de Gimp Attitude possesseur de ce genre de matériel voudra bien te faire une photo 8)
Ishimaru Chiaki a écrit : Pour le moment, j'ai mis le design de côté pour me concentrer dans le code PHP du site.
Tu as raison, c'est aussi un côté important.
Dernière modification par m@noo le sam. févr. 21, 2009 4:44 pm, modifié 1 fois.
http://manooweb.fr/themes/default/images/logo-manooweb.png
Mes blogs
http://manoo.fr
http://manoo.fr/dev/
http://manoo.fr/cerf-volant/

J-M
Pixelium magister
Messages : 284
Inscription : ven. sept. 14, 2007 10:39 am
Localisation : Gironde

Message par J-M » sam. févr. 21, 2009 3:36 pm

m@noo a écrit : Peut-être qu'un gentil forumeur de Gimp Attitude possesseur de ce genre de matériel voudra bien de faire une photo 8)

Il suffit de demander ;)

Image

ou

Image

m@noo
Fou du clic droit
Messages : 61
Inscription : mer. déc. 31, 2008 7:10 pm
Localisation : Treize-Septiers(85), Nantes
Contact :

Message par m@noo » sam. févr. 21, 2009 5:02 pm

hihi, merci
je voyais quelque chose plus en action avec un main qui tient le stylet en train de dessiner.
http://manooweb.fr/themes/default/images/logo-manooweb.png
Mes blogs
http://manoo.fr
http://manoo.fr/dev/
http://manoo.fr/cerf-volant/

J-M
Pixelium magister
Messages : 284
Inscription : ven. sept. 14, 2007 10:39 am
Localisation : Gironde

Message par J-M » sam. févr. 21, 2009 6:40 pm

Pour ça il faudrait que j'engage des figurants :D

m@noo
Fou du clic droit
Messages : 61
Inscription : mer. déc. 31, 2008 7:10 pm
Localisation : Treize-Septiers(85), Nantes
Contact :

Message par m@noo » sam. févr. 21, 2009 7:48 pm

y'a rien qui puisse servir de trépied pour l'appareil photo ?
Il n'est pas équipé d'un retardateur ?
http://manooweb.fr/themes/default/images/logo-manooweb.png
Mes blogs
http://manoo.fr
http://manoo.fr/dev/
http://manoo.fr/cerf-volant/

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. févr. 28, 2009 6:45 am

Juste pour signaler que ce n'est pas tout de suite que je vais continuer à travailler le design, puisqu'en plus du codage des pages admins à faire, j'ai une, voire deux commandes assez conséquentes qui s'en viennent. La première est un webdesign qui sera ensuite découpé en XHTML/CSS valide, pour le projet d'un de mes contacts et ensuite, une modification de mon style phpBB3 "Pro_ubuntu". En même temps, je reprends un train de vie plus "normal" au niveau de l'horaire veille/sommeil, en vue du Défi Santé 5/30 auquel ma famille et moi sommes inscrits. J'aurai donc davantage de temps le jour (au lieu d'avoir à me rattraper la nuit) pour le graph' et le développement Web et aussi pour mes activités physiques dont une bonne partie se fera dehors et donc, doit se faire à la clarté (à cause de mon handicap, je ne vois rien quand il fait sombre)
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 » ven. mai 15, 2009 7:17 am

Après un bon deux mois et demi de pause, j'ai finalement réouvert le .XCF du webdesign pour retravailler dessus, surtout que depuis quelques jours, j'ai remis mon nez dans les codes de mon site pour remanier le panel afin de le rendre plus ergonomique, et aussi pour ajouter de nouvelles sections (notamment pouvoir gérer les pages de mes styles de façon dynamique). Je veux m'avancer le plus possible avant le 19, date de l'extraction de mes dents de sagesse parce que je pense pas être en mesure de coder/grapher quand j'aurai des sacs de glace de chaque côté de la mâchoire pour éviter de me retrouver avec des bajoues d'écureuil (les 4 dents sont sous la gencive).

Pour en revenir au design, après mûre réflexion, j'ai finalement opté pour un tinytux vert provenant de mon XCF, pour faire un compromis entre mon désir de changement et les goûts de mes modérateurs (ils suggéraient l'idée d'une mascotte), en plus que ça cadre bien avec la place que le site donne au libre.
puis pour donner un petit peu de fantaisie, j'ai ajouté des lignes décoratives, dont ceux du bas du header où sont aligné des mots-clés (à même l'image) évoquant les domaines que les services du site couvrent.

Voici un nouvel aperçu : http://img.photobucket.com/albums/v381/ ... ru5-v5.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
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. mai 17, 2009 10:39 am

J'attends vos avis.
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 !

Répondre