Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
824 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  [Avis] premiers pas sur une petite page web :)

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[Avis] premiers pas sur une petite page web :)

n°992863
gloogloo
Posté le 20-12-2007 à 22:23:09  profilanswer
 

bonjour!
 
en parcourant le web, j'ai commencé a m'intéresser à la création de sites :)
j'ai donc cherché à travers différents sites, à comprendre comment étaient faits les sites, comment en faire un, les bases etc...
aprés cette intéressante recherche, je me suis décidé à mettre la main à la pate.
j'ai donc commencé à travailler un "brouillon", avec pour théme mon ordinateur portable.
Donc j'ai opté pour le couple xhtml/css, et ca a donné ca : http://mysz1.free.fr
cependant, j'ai l'impression qu'il manque un petit quelque chose, j'ai un sentiment de "vide" quand je parcours ma page.
serait ce du au choix des couleurs? j'ai choisi le bleu, le blanc et le noir, afin de reprendre a peu près les couleurs des boites des vaio.
de plus, j'ai l'impression que la navigation en hauteur n'est pas idéale...
 
j'aimerai avoir des avis qui pourront m'aider à améliorer (et a m'améliorer) l'aspect esthétique.
 
merci de vos avis que j'attends avec impatience :D
les critiques sont les bienvenue sachant que je ne suis pas graphiste ni webmaster de formation  :sweat:  
 
 :jap:

mood
Publicité
Posté le 20-12-2007 à 22:23:09  profilanswer
 

n°992869
toxik4
Maraîcher Apple
Posté le 20-12-2007 à 22:31:34  profilanswer
 

pourquoi ne pas faire un menu a gauche? tu maitrises les CSS?
je pnese que ca rentre plutot dans la programmation vu que la majorité des graphistes n'y connaissent absolument rien en programmation (et a ce que je vois ce n'est pas du webdésign mais plutot de la mise en page).

n°992886
Pyksel
Locker fou !
Posté le 21-12-2007 à 07:01:08  profilanswer
 

toxik4 a écrit :

pourquoi ne pas faire un menu a gauche? tu maitrises les CSS?
je pnese que ca rentre plutot dans la programmation vu que la majorité des graphistes n'y connaissent absolument rien en programmation (et a ce que je vois ce n'est pas du webdésign mais plutot de la mise en page).


 
 :lol:  :lol:  :lol:

Message cité 1 fois
Message édité par Pyksel le 21-12-2007 à 07:01:32

---------------
Rien est impossible, il suffit d'y croire !
n°992895
Lactique
Caraïbe et huile de coco
Posté le 21-12-2007 à 09:22:24  profilanswer
 

Le vide est créé par ta mise en page c'est tout. Ton code est invalide aussi pour plusieurs raisons. Les headlines Hx ne sont pas des boites à fourre tout :D, juste des titres hiérarchisés. Pour une bannière, un A suffit, inutile d'utiliser une div pour la contenir. Regarde comment se font des mises en page de textes et images autour de toi et essayes de faire pareille. Poser tes éléments l'un au dessus de l'autre c'est pas tip top.


---------------
Studio CréeAll
n°993827
darklolo
Posté le 30-12-2007 à 01:41:25  profilanswer
 

Salut !
 
Voici les choses que je trouve très bonnes :
 
- Le choix des couleurs
- La bannière
- Position du menu
 
Voici celles que je te conseille de revoir :
 
- Petit travail graphique à faire sur le menu ; le rendre peut-être dynamique au survol ; lui donner un tout petit peu plus de relief ; les délimiteurs verticaux sont un peu flous, dommage !  
- Tes marges droites et gauches sont peut-être trop étroites (propriété padding-left et padding-right de ton conteneur)
- Tes textes ne sont pas assez aérés
- Utilises plutôt, AMHA, les listes à puces li au lieu des tirets
- les bordures pointillées bleues, j'ai un doute. Tu pourrais essayer des bordures de types solid ?
- A l'intérieur de chaque paragraphe, tout est d'un seul bloc. Or, pour créer un rythme, un mouvement - et rendre ta page moins "vide" - tu dois hierarchiser visuellement les infos, les mettre en valeur.  
Par exemple, je vois un paragraphe sur les caractéristiques du CKSZ1. Pourquoi ne pas mettre CKSZ1 dans une autre police, une autre taille, une autre couleur ? Même remarque pour les poids, largeur, profondeur : tu n'es pas obligé d'utiliser la même police pour le nom du champ et sa valeur. Certes, c'est plus lourd à mettre en oeuvre mais...  
 
... il n'y a pas de secrets ! Faut de l'huile de coude... et passer à PHP si le coeur t'en dis...


Message édité par darklolo le 30-12-2007 à 11:30:27
n°994028
gloogloo
Posté le 02-01-2008 à 00:55:50  profilanswer
 

merci pour vos remarques! j'ai essayé de mettre a jour :)

 

donc les changements effectués :
-le menu n'est plus horizontal ms sur la gauche
-leger amincissement des marges latérales
-ajout de sous titres de couleurs différentes
-séparation des différentes étapes

 

@darklolo : merci pour tes remarques, je viens de les voir! :)
ce sera pour les prochaines modifs!
ta remarque sur le changement de police est intéressant, je vais tenter ca et voir ce que ca donne !
au final un dilemme, un menu horizontal ou plutot sur le coté? :/

 

arf, je viens de me rendre compte que ma mise en page ne passe pas sous ie.... :(


Message édité par gloogloo le 02-01-2008 à 01:34:51
n°994515
arnaudrou
Posté le 05-01-2008 à 14:45:46  profilanswer
 

Quelques conseils (enfin c'est juste mon avis):
essaies de personnaliser ton fond plutot qu'un gris simple...
plus de lisibilité des boutons du menu
améliorer le footer
j'aime pas trop l'ombre de l'écriture dans le header...
 
Sinon bravo si c'est un premier site!!

n°994584
gloogloo
Posté le 06-01-2008 à 01:00:28  profilanswer
 

tous les avis sont les bienvenus :jap:
qd tu dis personnaliser, c'est à dire mettre un motif? je me suis juste contenter de faire un léger dégradé en partant du haut.
 
ah pas top l'ombre? hum c'est vrai que c'était au départ histoire de rendre le header moins vide :)

n°995697
toxik4
Maraîcher Apple
Posté le 10-01-2008 à 18:31:14  profilanswer
 


ben c'est vrai quoi
 
essaie de me faire un script ruby détaillé pour un combat d'action rpg dans rpg maker...
 
essaie de me faire le moteur graphique d'un jeu en 3Day...
tu sais pas le faire? ben moi non plus :D :lol:

Message cité 1 fois
Message édité par toxik4 le 10-01-2008 à 18:31:45
n°995704
Pyksel
Locker fou !
Posté le 10-01-2008 à 18:49:28  profilanswer
 

toxik4 a écrit :


ben c'est vrai quoi
 
essaie de me faire un script ruby détaillé pour un combat d'action rpg dans rpg maker...
 
essaie de me faire le moteur graphique d'un jeu en 3Day...
tu sais pas le faire? ben moi non plus :D :lol:


 
Non, mais je programme en php/mysql, asp, javascript, VB...


---------------
Rien est impossible, il suffit d'y croire !
mood
Publicité
Posté le 10-01-2008 à 18:49:28  profilanswer
 

n°995736
Lactique
Caraïbe et huile de coco
Posté le 11-01-2008 à 07:06:20  profilanswer
 

Je connais des programmeurs qui feraient mieux d'être graphistes, ou plombiers...


---------------
Studio CréeAll
n°995738
Pyksel
Locker fou !
Posté le 11-01-2008 à 07:55:19  profilanswer
 

Et moi des graphistes qui feraient mieux de rien faire...


---------------
Rien est impossible, il suffit d'y croire !

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  [Avis] premiers pas sur une petite page web :)

 

Sujets relatifs
demande d'avis sur mon site de tutoriel 3dsmaxdemande d'avis sur mon site
[Galerie] Arckyzs M.A.J (page 2)Bonjour j'aimerai des avis pros sur mon premier site
besoin d'avis sur un siteAvis design et ergo d'un site de météo.
besoin aide pour réaliser page panier avec dreamweaverBesoin d'un avis sur un nouveau design
[AVIS] Critiques sur une maquette (thème:OC)Vos avis sur des instruments
Plus de sujets relatifs à : [Avis] premiers pas sur une petite page web :)


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR