[AVIS]Refonte de mon site

Refonte de mon site [AVIS] - Web design - Graphisme

Marsh Posté le 24-12-2005 à 14:07:38    

Hop, mise à jour de mon site perso qui va maintenant traiter de chroniques sur l'horlogerie. Donnez moi vos avis sur le design, ce que je pourrais améliorer par exemple :) De même si vous avez des idées pour corriger le bug du menu sous IE6 quand on tente d'afficher ou déposer un commentaire je suis preneur :)
La suite plus bas (j'avais deja posté en 2005 et 2006 :), de l'eau a coulé sous les ponts depuis ;) ):
http://forum.hardware.fr/forum2.ph [...] 0#t1037640

 

http://www.athelian-chronicles.fr

 


Bonjour à vous ! :hello:
J'ai enfin terminé le design de mon blog et j'aimerais savoir ce que vous en pensez. J'ai choisi un style très épuré volontairement. En gros c'est du design perso qui tourne sur un moteur dotclear.
C'est basique ---> css+xhtml mais j'aimerais avoir vos avis quand meme :)
Approche artistique ---> Une sensation de calme
Logiciels utilisés --6> 3smax pour l'image + toshop + dreamweaver
But ----> Un blog sans prétention
Ca se passe ici : http://www.athelian-dream.info

  

Bonjour à tous :)
Postulant pour un stage dans une boite de webdesign pour la fin de ma 1ere année de BTS Info, la (peut-etre) future maitre de stage m'a demandé de lui présenter mes réalisations graphiques (c'est surtout à ce niveau là que j'ai du taff).

 

N'ayant pas de site à réaliser pour l'instant, je me suis dit que me servir de csszengarden pour lui montrer ce que je peux faire est un bon choix.
J'ai donc récupéré la page HTML de base de css zengarden (sans rien toucher ! interdit !) et uniquement avec toshop et les css j'ai pondu ca :
http://www.athelian-dream.info/webdesign/csszengarden.

 

Qu'est-ce que vous en pensez ? Pourrai-je le soumettre aussi à csszengarden (quand j'aurai trouvé comment faire pour eviter d'utiliser un hack IE à un seul endroit dans la css qui fait qu'elle n'est pas valide :'( ).


Message édité par Iryngael le 11-10-2008 à 05:09:02

---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
Reply

Marsh Posté le 24-12-2005 à 14:07:38   

Reply

Marsh Posté le 24-12-2005 à 14:31:12    

c'est pas mal, mais ca fais pas super sérieu je trouve.
L'arriere plan, c'est pas terrible, les écritures toute pixelisées, la banniere que les contour pixelise...
Mais jaime bien les couleurs, y'a une belle armonie.
Bonne continuation

Reply

Marsh Posté le 24-12-2005 à 14:38:20    

pour les ecritures pixelisées je croi ke je v changer de police
et pour le pixelisage da la bannière il faut que je remette un detourage alors.... Mais ca fait moche le bord blanc sur le fond bleu non ?
edit : je vais tenter un détourage bleu ou noir pour voir et mettre la meme police que les autres titres pour la bannière.


Message édité par Iryngael le 24-12-2005 à 14:39:35

---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
Reply

Marsh Posté le 24-12-2005 à 14:46:39    

A y'est g changé a police c'est plus pixellisé, mais le detourage cay moche :/ On peut pas régler l'épaisseur du détourage dans toshop ?


---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
Reply

Marsh Posté le 24-12-2005 à 14:47:19    

moi j'aime pas trop, ça manque quand même de finesse.

Reply

Marsh Posté le 24-12-2005 à 14:53:26    

Des conseils pour améliorer ? Qu'est-ce que t'entends par "manque de finesse" ?


---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
Reply

Marsh Posté le 24-12-2005 à 14:57:05    

déja le fond, c'est pas mal, mais ca va pas trop avec le reste...
Ensutie c'est tout pixelisé partout. Ok tu sais pas faire des arondit qui laisse le fond derriere sans pixelisé, mais ne fais pas de fond alors...
Et puis je sais pas, la banniere fais trop toshop, la carre qui resemvle a la banniere a sa droite, jvois pas trop l'utilité...
 
bonne continuation

Reply

Marsh Posté le 24-12-2005 à 15:01:37    

Iryngael a écrit :

Des conseils pour améliorer ? Qu'est-ce que t'entends par "manque de finesse" ?


Faire un peu de pixel art.  [:airforceone]  
Tu détoures ta bannière en haut et tu déssines toi même le détourage sur un calque à part, en blanc, au pixel près.
Ou alors, tu utilises la fonction de Photoshop qui permet, lorsque tu enregistres ton image du haut de faire un tramé sur les pixels transparent plutot que de détourer grossièrement le GIF.

Reply

Marsh Posté le 24-12-2005 à 15:05:19    

hum, je vais faire une bannière large seule alors.  Je vais aussi retravailler l'image de fond vu qu'elle ne fait pas l'unanimité, pour qu'on voie mieux que c'est une belle goutte d'eau. C'est un thème que je baptise aquatic mood et qui doit rester dans l'esprit "zen" du site.  
 
Bon et puis en fait je vais changer le fond de la bannière aussi alors :) pour lui donner une gueule moins toshop.
 
Tu peux me faire un screen pour me dire ce que tu trouves trop pixellisé ? (parce qu'a part la bannière et sa soeur....)


---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
Reply

Marsh Posté le 24-12-2005 à 15:10:10    

ça c'est affreux.
 
http://ns31789.ovh.net/mielcorse/lohlwee/affreux.jpg

Reply

Marsh Posté le 24-12-2005 à 15:10:10   

Reply

Marsh Posté le 24-12-2005 à 15:11:38    

ok :jap: donc va falloir que je trouve autre chose que ce detourage merdique (sans c pixellisé et avec aussi :lol: )
 
Et merci de vos conseils au passage :)


Message édité par Iryngael le 24-12-2005 à 15:12:03

---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
Reply

Marsh Posté le 24-12-2005 à 15:15:27    

bah c'est simple, ou tu fais un dessous de banniere droite comme tout le monde et y'aura aucun soucis, ou tu met un fond blanc et yaura aucun soucis... ou tu t'arrange pour que le fond soit blanc au dessus et que l'img de ta "goute" ne commence que en dessous de la banniere

Reply

Marsh Posté le 24-12-2005 à 15:18:11    

ouais la technique du fond qui commence plus bas m'avait efleuré l'esprit et je savais pas comment faire pour le decaler sans decaler le contenu. mais je viens de trouver : je fais un fond plus haut (au moins la hauteur de la bannière en + avec ce haut blanc :) Je teste !


---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
Reply

Marsh Posté le 24-12-2005 à 15:25:51    

Voila cay mieux comme ca. Après je vais voir si je peux pas faire ressortir un peux mieu la goutte et sa forme.... Et puis faire une bannière plus large aussi avec un fond plus explicite sur le thème de l'eau plutot que le tourbillon


---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
Reply

Marsh Posté le 24-12-2005 à 15:41:57    

C'est beaucoup mieux.
Sauf que :
1 - Je ne trouve pas le fond terrible, mais ça n'engage que moi et les couleuvres dans l'égout, donc bon...
2 - Sous Firefox, j'ai une crois sur les liens, c'est pas terrible je trouve, original mais pas terrible.
3 - Le bleu, j'en ai marre du bleu, tous les sites amateurs de nos jours sont bleus, j'avais fait un topic là dessus, j'en ai marre du bleu, le fond de Windows est bleu, KDE est bleu par défaut, etc. Je ne suis plus DRH comme j'ai pu l'être, mais une chose est sûr, en webdesign, j'apporterais beaucoup moins d'importance à un design bleu, à moins qu'il soit exceptionnel.

Reply

Marsh Posté le 24-12-2005 à 15:49:04    

désolé mais ca fait pas très professionnel :/

Reply

Marsh Posté le 24-12-2005 à 15:57:24    

jirotoh a écrit :

désolé mais ca fait pas très professionnel :/


 
Pro dans quel sens ? Dans la réalisation ou dans le style choisi ?  
Je ne suis qu'un débutant dans le graphisme donc je dois enormément m'améliorer j'en ai conscience. Par contre pour le bleu, ben heu, sinon j'ai du noir en stock mais j'aimerais un truc qui colle au "zen" de zengarden. Du vert alors ? Pour garden ..... mais mon thème aqua tombe a l'eau alors...  
 
A mon toshop alors.....


---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
Reply

Marsh Posté le 24-12-2005 à 16:00:31    

Ton thème Aqua ?  :heink:  
 

Reply

Marsh Posté le 24-12-2005 à 16:02:46    

Iryngael a écrit :

Pro dans quel sens ? Dans la réalisation ou dans le style choisi ?  
Je ne suis qu'un débutant dans le graphisme donc je dois enormément m'améliorer j'en ai conscience. Par contre pour le bleu, ben heu, sinon j'ai du noir en stock mais j'aimerais un truc qui colle au "zen" de zengarden. Du vert alors ? Pour garden ..... mais mon thème aqua tombe a l'eau alors...  
 
A mon toshop alors.....


 
ben t'as utilisé beaucoup d'effets qu'on voit sur tout les sites amateurs, ombre portée et biseau/estampage...
le fond est moche
t'as peut etre voulu en faire trop !
tu aurais du te concentrer sur un meilleur choix de couleurs, d'homogénéité, quitte a travailler en applat !
enfin c'est mon avis :o
 
edit: le style aqua c'est pas ca...


Message édité par jirotoh le 24-12-2005 à 16:03:12
Reply

Marsh Posté le 24-12-2005 à 16:07:00    

Merci de vos avis. Le pire c'est qu'en plus j'arrive a voir que ca fait amateur. Je vais changer de thème et effectivement travailler plutot en aplats, quitte a rester plus "sobre" mais dans la sobriété "expressive", que ca puisse vouloir dire plein de chose sans que ca soit extravagant.
 
edit: J'aimerais aussi changer de forme parce que  ca m'enerve tous ces sites en hauteur, meme si c'est plus pratique a lire: Un header, un menu a droite/gauche et le contenu a coté sur toute la hauteur, on voit ca partout. V essayer de foutre un peu le bordel dans les div ! Moins d'alignement que diantre ! (bon par contre je le sens mal avec IE je c pas pkoi)


Message édité par Iryngael le 24-12-2005 à 16:09:21

---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
Reply

Marsh Posté le 24-12-2005 à 16:23:06    

:jap:

Reply

Marsh Posté le 05-01-2006 à 10:11:47    

Je n'accroche pas du tout, même si c'était pour un site amateur :/
 
Le graphisme est grossier, sans réelle recherche ; le rendu donne l'impression d'être sur un site du début des années webs.
 
Pour le reste voir les explications de jirotoh :)


---------------
o(^_^o) Gimp4you : tutoriels pour Gimp 2 | Galerie (o^_^)o
Reply

Marsh Posté le 05-01-2006 à 12:04:02    

[:huit]

Reply

Marsh Posté le 05-01-2006 à 13:40:52    

Trop flou


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 03-05-2006 à 17:14:11    

Reply

Marsh Posté le 03-05-2006 à 18:34:27    

J'aime beaucoup le coup des sphere sur fond blanc, ça fait très sobre, très classe.

Reply

Marsh Posté le 03-05-2006 à 18:35:57    

J'ia essayé de mùe conformer à tous vos commentaires précédents sur l'aspect débutant et de travailler un peu plus le graphisme.
Même si c'était pour un autre site ^^. Si The Shadow ne me taille pas alors je pense que je me suis bien amélioré

Message cité 2 fois
Message édité par Iryngael le 03-05-2006 à 18:38:20

---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
Reply

Marsh Posté le 03-05-2006 à 18:42:51    

Iryngael a écrit :

J'ia essayé de mùe conformer à tous vos commentaires précédents sur l'aspect débutant et de travailler un peu plus le graphisme.
Même si c'était pour un autre site ^^. Si The Shadow ne me taille pas alors je pense que je me suis bien amélioré


 
oui  :)

Reply

Marsh Posté le 03-05-2006 à 18:47:48    

Comme dirait l'aut' : "Ravi que ca vous plaise". Je touche pu alors :jap:


---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
Reply

Marsh Posté le 04-05-2006 à 01:32:21    

Iryngael a écrit :

Si The Shadow ne me taille pas alors je pense que je me suis bien amélioré


Je suis loin d'être une référence hein. :D
Mais par contre, c'est beaucoup mieux, mais je ne laisserais pas comme ça tout à fait, parce que là, ça fait un peu trop "sobre" quand même.
Par contre, je ne sais pas où j'en rajouterais, le tout est de savoir où en mettre pour que ça fasse moins vide et où ne pas en mettre pour pas gacher le concept.
Enfin, c'est ton boulot après ça. :D

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed