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

  FORUM HardWare.fr
  Graphisme
  Web design

  Aide améliorer design site web

 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Précédente
Auteur Sujet :

Aide améliorer design site web

n°956374
Florent115
Posté le 07-06-2007 à 15:36:00  profilanswer
 

Avis aux webdesigner!
 
Bonjour à tous.
 
Je souhaite avoir un coup de main pour améloirer le design de ce site web http://perso.orange.fr/ententemusicale/.
 
J'ai essayer beaucoup de choses mais je ne suis pas très inspiré.
 
Je recherche soit des éléments graphiques, soit une mise en page différente ou tout autre chose qui pourrrais mettre en valeur le site.
 
C'est un site pour une harmonie. Leurs couleurs sont le jaune et le noir. Ce site s'addresse aux personnes de l'harmonie et sera leur vitrine sur le web.
 
Il souhaite voir apparaitre leur logo qui a été réaliser par un infographiste.
 
J'utilise la mise en page css dont voici la rédaction:

Code :
  1. body {
  2. margin: 0px;
  3. padding: 0px;
  4. text-align: center;
  5. background: #FEF200;
  6. }
  7. h1 {
  8. font: italic 1em Trebuchet MS, times, serif;
  9. color: #000;
  10. border: solid 1px #2C2C2C;
  11. background: #FEF200;
  12. text-align: right;
  13. padding-right: 1em;
  14. }
  15. h2 {
  16. font: italic 0.9em 'arial', times, serif;
  17. color: 2c2c27;
  18. text-align: center;
  19. text-decoration: underline;
  20. }
  21. p {
  22. text-indent: 1em;
  23. text-align: justify;
  24. font: normal 0.8em 'arial', times, serif;
  25. color: #2C2C27;
  26. margin: 0 0 1em 0;
  27. }
  28. a {
  29. font: normal 0.8em Trebuchet MS, Arial, sans-serif;
  30. color: 2c2c27;
  31. margin-left: 100px;
  32. text-decoration: none;
  33. }
  34. a:hover {
  35. background: #FEF200;
  36. }
  37. .gras {
  38. font: bold 0.8em 'arial', times, serif;
  39. color: #2C2C27;
  40. }
  41. .italic {
  42. font: italic 1em 'arial', times, serif;
  43. color: #2C2C27;
  44. }
  45. .center {
  46. text-indent: 100px;
  47. }
  48. #global {
  49. margin: auto;
  50. padding: 5px;
  51. width: 760px;
  52. text-align: left;
  53. border: solid 10px #000;
  54. border-top: 0;
  55. background: url(img/bg.gif) repeat #fff;
  56. }
  57. #en-tete {
  58. width: 760px;
  59. height: 400px;
  60. background: url(img/em_logo.png) no-repeat #fff;
  61. margin: 0 0 5px 0;
  62. }
  63. #menu {
  64. text-align: center;
  65. }
  66. #menu li {
  67. display: inline;
  68. margin: 1px;
  69. }
  70. #menu li a {
  71. margin: 0;
  72. padding: 0px 15px;
  73. border: solid 1px #7D775C;
  74. color: #000;
  75. font: italic 0.8em Trebuchet MS, Arial, sans-serif;
  76. text-align: center;
  77. text-decoration: none;
  78. }
  79. #menu li a:hover {
  80. background: #FEF200;
  81. }


 
Merci par avance.

mood
Publicité
Posté le 07-06-2007 à 15:36:00  profilanswer
 

n°956375
Pyksel
Locker fou !
Posté le 07-06-2007 à 15:37:41  profilanswer
 

Et t'attends quoi de nous ? qu'on bosse pour toi ?


---------------
Rien est impossible, il suffit d'y croire !
n°956400
genghis77
-_-'
Posté le 07-06-2007 à 16:35:31  profilanswer
 

[:genghis77]  c'est ..... jaune  :heink:


---------------
Genghis achat/vente
n°956408
Florent115
Posté le 07-06-2007 à 16:44:47  profilanswer
 

Donnez moi des conseils et si quelqu'un veut travailler dessus je serais content.


Message édité par Florent115 le 07-06-2007 à 16:46:53
n°956413
leserigrap​he
Stop the music and go home
Posté le 07-06-2007 à 16:50:12  profilanswer
 

aahhhhh mes yeuxxxxxx le jaune NNNNNNNooooooooooonnnnnnnnnnnnnn!

n°956414
genghis77
-_-'
Posté le 07-06-2007 à 16:50:57  profilanswer
 

euh moi la j'ai le css et le php a buller pour mon wordpress désolé
sinon l'aspect de la premiere page est pas trop mal (mis a part la couleur un peu trop flashy a mon gout) c'est dynamique


---------------
Genghis achat/vente
n°956416
Florent115
Posté le 07-06-2007 à 16:53:07  profilanswer
 

Faut virer le fond jaune alors?

n°956418
genghis77
-_-'
Posté le 07-06-2007 à 16:56:02  profilanswer
 

ah ouais tiens pas une mauvaise idée, je verrais bien un fond gris avec un chtit tramé en diagonale par exemple


---------------
Genghis achat/vente
n°956436
Florent115
Posté le 07-06-2007 à 17:26:46  profilanswer
 

Voila ce que ca donne avec le tramé en diagonale:
http://perso.orange.fr/ententemusicale/
 
Votre avis?


Message édité par Florent115 le 07-06-2007 à 17:27:27
n°956445
tompouss
Petit chat
Posté le 07-06-2007 à 17:43:51  profilanswer
 

j'aime pas trop la texture en arrière plan dans le site


---------------
collectionneur de pâtes thermiques
mood
Publicité
Posté le 07-06-2007 à 17:43:51  profilanswer
 

n°956446
genghis77
-_-'
Posté le 07-06-2007 à 17:52:23  profilanswer
 

moi j'avais plus pensé a un tramé de ce type
http://accel17.mettre-put-idata.over-blog.com/0/44/51/82/fond.jpg


---------------
Genghis achat/vente
n°956447
leserigrap​he
Stop the music and go home
Posté le 07-06-2007 à 18:25:04  profilanswer
 

j'aime pas trop mais c'est dja mieux mais si tu veux inspire toi de ca http://www.collectifjauneorange.net/ ;)

n°956476
Florent115
Posté le 07-06-2007 à 19:24:13  profilanswer
 

Ca donne ca genghis77: http://perso.orange.fr/ententemusicale/
 
Merci.

n°956495
leserigrap​he
Stop the music and go home
Posté le 07-06-2007 à 20:16:11  profilanswer
 

ouais pas trop mal ...

n°956515
Florent115
Posté le 07-06-2007 à 21:06:05  profilanswer
 

Qu'est-ce que vous pensez du logo, du menu et du titre? (Trop gros,  
 
mal placé, la typo, etc... ?)
 
 
 

n°956529
Florent115
Posté le 07-06-2007 à 21:21:27  profilanswer
 

J'aime bien ton idée mais je vois pas trop au niveau codage css  
 
comment je peux faire? Il faut que le logo reste à cheval entre le fond et  
 
le container quelque soit la résolution de l'écran du visiteur.


Message édité par Florent115 le 07-06-2007 à 21:21:46
n°956536
Lactique
Caraïbe et huile de coco
Posté le 07-06-2007 à 21:30:02  profilanswer
 

Citation :

Qu'est-ce que vous pensez du logo


 
Mal fait (on à le droit d'en parler ?)
La forme est pas bête mais mettre le texte dedans...
Déformé le texte en plus... non non non.
 
J'aurais fait moins carré comme site, pas besoin de s'enfermer dans une colonne blanche, si c'est un site de présentation il faut un minimum d'originalité pour intéresser le visiteur lambda. trop peu d'élément graphique, manque de photos, de phrases courtes, enfin il manque ce qui accroche l'oeil et titille l'intérêt.
 
J'ai comme une impression d'ennuis, je vois un gros logo je prends 5sec a voir des formes rappelant la musique, et péniblement je me dis "ho zut va falloir que je me tape le texte trop large trop fin sans aucune structure qui est dessous pour savoir de quoi il s'agit"...
 
Tu vois à peu près ?
Si ton design n'a aucun intérêt en soit, aucune info à transmettre, personne ne va s'intéresser au contenu à lire.


---------------
Studio CréeAll
n°956545
Florent115
Posté le 07-06-2007 à 21:38:43  profilanswer
 

Malheureusement c'est pas moi qui est fait le logo. L'association voudrais que je le garde.  
 
Je suis entièrement d'accord sur le fait que le site est un peu carré. En plus le logo est plutôt assez rond.
 
J'aurais bien vu un petit post-it pour mettre des dates de concerts mais  je suis pas assez doué sous photoshop.
 
Merci des conseils

n°956548
leserigrap​he
Stop the music and go home
Posté le 07-06-2007 à 21:42:13  profilanswer
 

ah ouais le coup du post-it hyper bonne idee !!!


Message édité par leserigraphe le 07-06-2007 à 21:48:39
n°956622
Florent115
Posté le 07-06-2007 à 23:01:28  profilanswer
 

Voila ce que ca donne avec le post-it:  
http://perso.orange.fr/ententemusicale/
 
Est-t-il bien placé?
 
Je sais pas trop quoi faire avec le logo!?!


Message édité par Florent115 le 07-06-2007 à 23:03:01
n°956635
leserigrap​he
Stop the music and go home
Posté le 07-06-2007 à 23:54:51  profilanswer
 

ouie il est pas beau ton post-it
 
fais plus dans ce style la http://forum.geizhals.at/files/97038/postit.jpg ;)

n°956644
Zedlefou
In cabbage we trust !
Posté le 08-06-2007 à 01:21:31  profilanswer
 

Ben en faites c'est pas en mettant des bouts des scotchs que tu vas t'en sortir puisque tout est à revoir :/
Comme l'a dit Lactique, la mise en page ne va pas du tout. Le zoning est catastrophique. Faire un site de contenu avec le texte qui commence à plus de 50% du haut de l'écran c'est pas génial. (et j'ai 1024px de haut, j'essaie même pas sur mon 900px)

 

Pour commencer, tu ne dois pas dépasser plus de 66 caractères par ligne si tu veux que ça soit lisible ...

 

Donc la couleur de fond, pour l'instant c'est le dernier de tes soucis. Le probléme ici n'est pas photoshop, mais plutot tes connaissances en mise en page. Essaie peut être de trouver des ressources là dessus.


Message édité par Zedlefou le 08-06-2007 à 01:22:47

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
n°956645
tompouss
Petit chat
Posté le 08-06-2007 à 01:28:41  profilanswer
 

http://www.ajblog.fr/index.php/que [...] -les-bases
 
vous me direz ce que vous en pensez mais je trouve les explications pas mal du tout


---------------
collectionneur de pâtes thermiques
n°956666
Lactique
Caraïbe et huile de coco
Posté le 08-06-2007 à 09:00:28  profilanswer
 

On a déjà vu bien pire comme site alors garde ça.
Tache de faire 2 colonnes de texte à la place d'une seule, intègre une petite photo dans chaque paragraphe pour aérer et attirer l'oeil et ça ira bien.

 

On peut causer 2 ans à ce rythme, et encore on ne parle que d'une seul page qu'on imagine statique, j'ose pas imaginer comment ça va être dynamique tout ça...

 

Pour faire un site il faut savoir ce qu'on veut dire. avoir le plan, les idées phares, les grandes lignes et les données plus discrettes. C'est ce qu'il manque ici, sans quoi tu n'aurais aucun probleme a décomposer ce tas de phrases en petits paragraphes bien construits, séparés, titrés et encore plus d'idées d'illustrations à intégrer.
Le design c'est pas de la magie, c'est de la logique et de la mêthode. Quand on à ça c'est bon, on peut partir dans des délires.


Message édité par Lactique le 08-06-2007 à 09:05:55

---------------
Studio CréeAll
n°956907
leserigrap​he
Stop the music and go home
Posté le 08-06-2007 à 22:53:00  profilanswer
 

je trouve qu'il est pas trop mal , assez égale au autres sites du mm style...
 
parcontre retravaille le post it ;)

n°957289
Florent115
Posté le 10-06-2007 à 14:33:33  profilanswer
 

Je continue à travailler. Je souhaite que ce soit le mieux possible.
 
Merci pour les conseils et les critiques.
 

n°957477
Florent115
Posté le 11-06-2007 à 09:44:00  profilanswer
 

Je suis arriver à ca http://perso.orange.fr/ententemusicale/.
 
C'est pas encore définitif.
 
Votre avis svp?


Message édité par Florent115 le 11-06-2007 à 09:44:56
n°957484
genghis77
-_-'
Posté le 11-06-2007 à 09:55:06  profilanswer
 

le texte trop gros a mon avis. sinon c'est pas mal, moi j'aime beaucoup le logo :)


---------------
Genghis achat/vente
n°957502
leserigrap​he
Stop the music and go home
Posté le 11-06-2007 à 11:03:29  profilanswer
 

parcontre l'entente musicale vous souahite ?????

n°957505
genghis77
-_-'
Posté le 11-06-2007 à 11:18:40  profilanswer
 

:lol:


---------------
Genghis achat/vente
n°957507
Florent115
Posté le 11-06-2007 à 11:20:38  profilanswer
 

J'ai une question.
 
Ma div global fait 1000px en largeur. Pensez-vous que je devrais réduire  
 
pour les gens qui ont une résolution de 800*600?

n°957508
Lactique
Caraïbe et huile de coco
Posté le 11-06-2007 à 11:22:20  profilanswer
 

qui sont ces gens ?
 
 
[] <--- déjà loin


---------------
Studio CréeAll
n°957512
Florent115
Posté le 11-06-2007 à 11:29:50  profilanswer
 

C'est vrai que c'est des bléreaux!
 
Je laisse comme ça alors.

n°957514
wizopunker
FUCK ANARCHY!
Posté le 11-06-2007 à 11:34:12  profilanswer
 

Je suis sur l'ordi de ma mère la, qui a une réso de 1024. Et le site, bien que sympa, apparait un peu grossier, manquant de finesse. C'est surtout la taille du texte qui donne cette impression


---------------
| .:: www.wizopunk-art.com - Développement web ::. |
n°957522
genghis77
-_-'
Posté le 11-06-2007 à 11:42:00  profilanswer
 

Florent115 a écrit :

J'ai une question.
 
Ma div global fait 1000px en largeur. Pensez-vous que je devrais réduire  
 
pour les gens qui ont une résolution de 800*600?


ca existe encore ca des personnes en 800*600  :D


---------------
Genghis achat/vente
n°957531
leserigrap​he
Stop the music and go home
Posté le 11-06-2007 à 12:02:13  profilanswer
 

je c pas les grphiste avec des mac book a ecran de 13" ils sont a combien de résolution ?

n°957532
genghis77
-_-'
Posté le 11-06-2007 à 12:03:38  profilanswer
 

au moins 1280 voir 1440


Message édité par genghis77 le 11-06-2007 à 12:03:48

---------------
Genghis achat/vente
n°957536
Florent115
Posté le 11-06-2007 à 12:14:36  profilanswer
 

J'ai rédui ma div à 760px et  j'ai rédui lègerement la taille du texte.
 
http://perso.orange.fr/ententemusicale/

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Précédente

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

  Aide améliorer design site web

 

Sujets relatifs
Nouveau site à tester...web design
avis et aideLisibilité d'un site "commercial"
[Design] Votre avis - petit problème3ds max - Aide (modélisation MINI Cooper)
bordure de site web forum et autre[design] pour forum informatique
[New Design] Pour ou contre ?Pointcarré, programme de textil design qq un connais ?
Plus de sujets relatifs à : Aide améliorer design site web


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