[Avis] Design portfolio

Design portfolio [Avis] - Web design - Graphisme

Marsh Posté le 12-06-2005 à 14:57:35    

hey all
je viens de terminer le design d'un portfolio:
 
http://gatdesign.free.fr/EtriXone/laurenceyl/
 
il est destiné à présenter des peintures.
Fait, puis découpé sous photoshop, et il y a un peu de flash :)
Aucun lien ne marche et il n'y a pas de contenu, il y a là seulement l'interface graphique.
j'aimerai votre avis, que ce soit point de vue intégration, couleur, beauté... Ce que je pourrai modifier ou améliorer.
 
Merci  :hello:

Reply

Marsh Posté le 12-06-2005 à 14:57:35   

Reply

Marsh Posté le 12-06-2005 à 15:10:59    

pas très lisible la typo manuscrite sur fond noir, sinon ça va, rien de transcendant mais ça passe et ça a l'air de coller avec le style de peinture d'après la dernière réalisation.
L'anim flash en haut n'est peut-être pas utile.
Les icones à gauche mériteraient d'avoir leur propre style aussi.

Reply

Marsh Posté le 12-06-2005 à 15:27:45    

le style est sympa, bien que je n'accroche jamais beaucoup au sites sur fond noir (mais là comme c'est un site d'art, ça peut se justifier).
sinon en effet l'anim flash me parait assez inutile, d'autant que le gros rectangle blanc fait assez tache par rapport au reste du site noir/bleu.
Les boutons à la vertical, ça fait design, mais niveau lisibilité c'est pas top, d'autant que la typo n'est pas facile à la base.
 
Exit ces points là, je trouve ça très esthétique !

Reply

Marsh Posté le 12-06-2005 à 18:27:43    

wane a écrit :

Fait, puis découpé sous photoshop,


Ca se voit à la lourdeur du code HTML :D

Reply

Marsh Posté le 12-06-2005 à 18:48:19    

merci pour vos critiques, je vais tenter de les prendre en compte.
Pour ce qui est du code html, il est fait en un seul bloque, c'est peut-être pour ca qu'il est lourd, mais ca ne dérange pas...

Reply

Marsh Posté le 12-06-2005 à 23:15:49    

Si, ça dérange :D (rappel : nous sommes en 2005, les techniques ont changé depuis 1995 ;) )

Reply

Marsh Posté le 12-06-2005 à 23:46:28    

ouai mais quand même lui c'est pas son taff ! c'est très bien pour quelqu'un qui fait un premier site.


---------------
An3k.com Création de sites web - mon tuto

Reply

Marsh Posté le 13-06-2005 à 00:56:54    

trop fort le doc type :
 
<!DOCTYPE HTML SYSTEM>  
 
c'est un doctype Vaudou, magique ??

Reply

Marsh Posté le 13-06-2005 à 12:53:48    

Merci an3k, d'ailleurs au passage j'aime bien tes réa !
 
FlorentG et gatsusat c'est bien beau, mais ca serait plus cool de m'expliquer un peu mes erreurs parce que je vais pas aller bien loin comme ca :jap:

Reply

Marsh Posté le 13-06-2005 à 12:55:13    

Ouaip ouaip ouaip... tout d'abord niveau HTML t'es du genre ultra-débutant ou confirmé ?

Reply

Marsh Posté le 13-06-2005 à 12:55:13   

Reply

Marsh Posté le 13-06-2005 à 13:07:37    

ben niveau html... je prog entièrement au bloc notes, j'arrive à avoir quelque chose la preuve, mais le problème quand on s'y penche d'un peu plus près c'est que c'est pas très jolie  :) (normes html, tout en un bloc...)

Reply

Marsh Posté le 13-06-2005 à 13:09:20    

Ha, c'est déjà une très bonne chose :) :)
 
Donc, je te dirige vers quelques bonnes lectures :
http://openweb.eu.org/xhtml/
http://openweb.eu.org/css/
 
Lis ceux relatifs à la mise en page par tableau, à l'xhtml, aux standards, et initie-toi aux CSS, ça fera de toi un vrai développeur web à part entière :D

Reply

Marsh Posté le 13-06-2005 à 13:13:13    

ah ben super, vai faire un peu de lecture et je te tient au courrant, merci  :)

Reply

Marsh Posté le 15-06-2005 à 16:23:26    

Voilà une tite maj, sans tableaux, valide xhtml strict et css...
il ne s'affiche pas complètement pareil sous IE et Firefox (menu de gauche) et je ne vois pas comment afficher mon tableau aux bords arrondis avec les div... si vous pouviez m'aider.
En tout cas le code est plus propre, je suis passé de 7,3ko à 2,5ko pour cette nouvelle version  :bounce:  
 
http://gatdesign.free.fr/EtriXone/ [...] ndex2.html

Reply

Marsh Posté le 15-06-2005 à 16:24:47    

Les coins arrrondis sont une horreur :

  • En XHTML+CSS normal, ça oblige à tricher avec des div vides
  • En tableau, ça alourdit à mort la structure


La solution est d'insérer les 4 images composant les 4 coins en JavaScript...


Message édité par FlorentG le 15-06-2005 à 16:25:00
Reply

Marsh Posté le 15-06-2005 à 16:32:57    

Le mieux pour moi est d'abandonner ce tableau je pense ...

Reply

Marsh Posté le 15-06-2005 à 16:35:36    

Ouaip. La solution des coins arrondis sera résolue totalement avec les CSS3. Tu peux déjà essayer sous FireFox, ça fonctionne. C'est d'ailleurs un truc à faire :D Sous IE ce sera carré, et chez le reste du monde se sera rond

Reply

Marsh Posté le 16-06-2005 à 17:11:16    

Versions finales je pense:
 
http://gatdesign.free.fr/EtriXone/ [...] ndex2.html
 
http://gatdesign.free.fr/EtriXone/ [...] ndex3.html
 
une version sombre et une clair, mais laquelle choisir...

Reply

Marsh Posté le 16-06-2005 à 17:13:59    

Ah c'est marrant, la version claire est plus claire que la version sombre [:dawa]
 
Plus sérieusement, garde les deux, et implémente un "style switcher", ce qui permet à l'internaute de choisir son design (clair ou sombre)

Reply

Marsh Posté le 16-06-2005 à 17:15:29    

Pour moi y a pas photo, en blanc ça passe 1000 x mieux qu'en noir.

Reply

Marsh Posté le 16-06-2005 à 17:25:13    

Je préfere le beige mais pourquoi ne pas metre les deux, c'est pas bête.
 
Par contre chez moi: Mozilla-firefox et Konqueror, le menu est décalé.
Pourquoi sauter trois lignes pour "Accueil" et "Commande" alors que tu n'en saute que deux pour les autres?  :??:


Message édité par Chipo le 16-06-2005 à 17:25:55
Reply

Marsh Posté le 16-06-2005 à 17:34:28    

Je ne sais pas si je veux mettre les 2 styles avec un "style switcher", j'ai envie de garder une certaine simplicité, je veux juste qu'il ne soit pas sofistiqué, mais pourquoi pas, je verrai :)
 
Pour l'instant c'est la version clair qui l'emporte.
 

Chipo a écrit :

Par contre chez moi: Mozilla-firefox et Konqueror, le menu est décalé.
Pourquoi sauter trois lignes pour "Accueil" et "Commande" alors que tu n'en saute que deux pour les autres?  :??:


 
Effectivement, j'ai fait le test et la version est un peu bugé au niveau des menus sous firefox.
J'ai sauté 3 lignes pour "Accueil" et "Contact" (pas "Commande" comme tu le dis) pour les diférencier. Le reste du menu (entre "Accueil" et "Contact" ) est le contenu du site, et ne va pas très bien avec les 2 autres liens, c'est tout :)

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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