jQuery
En savoir plus
Adobe Flex & Flash
En savoir plus
ASP.NET
En savoir plus

Inscris-toi au e-camp "Héberge ton jeu Facebook sur Azure" de Microsoft vendredi 25 mai à 13h30 !
| Page 1 | |
| Auteur | Message |
|---|---|
| 2 visiteurs sur ce sujet (2 anonymes) | |
| Page 1 | |
kelto
|
# Posté le 19/01/2012 à 15:43:28 |
|
Ville : La rochelle |
Bonjous à tous
![]() Voilà, on vient de me confier la création d'un site internet d'un centre équestre d'une amie. Ayant normalement juste la création du code html/css du site à faire, cependant, le matériel fourni reste ... très vague .Je dispose de l'architecture du site (emplacement du texte, footer/header/nav, etc ... ainsi que les liens), de quelques photos, du logo et ... d'une couleur pour le site (bleu clair). Je n'ai aucune connaissance en design, et aucun goût en matière de déco/art. Tout ça pour dire, je suis pas sortie .J'ai farfouillé dans le forum, je suis tombé sur quelques posts sympas (Liens 2D par Yash entre autres), lu la doc conseillé, appris le tuto de The Gimp, mais au final j'en arrive au même point : où et comment commencé ? Description de mon site webIl s'agit donc d'un site pour un centre équestre. Je pense qu'il faudrait prévoir un site plutôt léger, certains internautes risquent d'avoir une connection assez lente. Il s'agirait d'un site web qui présenterait simplement les services du centre, l'équipe en place, les locaux. Présentation de mon designIci je suis assez perdu Comme dit plus haut, il faudrait un design de couleur bleue ... Je dispose par contre du logo : ici Perspectives et QuestionsDonc voilà je chercherais quelques conseils. De ce que j'ai réfléchis pour faire la chartre graphique :
Pour conclure ... Pitié, je vous en supplie, aideeeez moooooi
Édité
le 19/01/2012 à 16:56:49
par kelto
|
| Publicité | # Posté le 19/01/2012 à 15:43:28 |
|
|
|
Geoffrey-Zéro
|
# Posté le 19/01/2012 à 18:09:52 |
|
|
Si tu n'es pas designer, commence par le HTML/PHP. C'est ce que j'appelle du "design contraint".
Bosse à fond l'ergonomie, hiérarchise l'information et rédige un code sémantique et structuré. Une fois que c'est fait, construis-toi un style minimal en CSS. Occupe-toi uniquement de la mise en forme du texte : titres, paragraphes, listes, liens... fais quelque chose de lisible et d'organisé, puis choisis une typo et joue un peu avec la taille des titres, leur graisse. N'hésite pas à télécharger une typo sur dafont et à utiliser @font-face. Tu auras tout le temps de faire une intégration super compatible quand ton design aura été validé. Une fois que tu as fait tout ça, sélectionne les images à placer absolument (les plus informatives ou les plus belles), et distribues-les (mentalement) sur les différentes pages ou rubriques du site. Veille à avoir au moins une image par page, et arrange-toi pour que ta sélection soit homogène, comme si elle venait d'une même série. À partir de là, et seulement à partir de là, réfléchis au rapport texte/images. Normalement, ton ergonomie, ta hiérarchie des éléments, ton choix iconographique vont te contraindre à un nombre d'options limité et t'orienter naturellement vers un design. Si tu es suffisamment carré dans ta tête, tu auras évité l'écueil des débutants qui est d'avoir un design qui flotte avec du texte mal géré et une ergonomie sous-développée. |
kelto
|
# Posté le 19/01/2012 à 18:33:22 |
|
Ville : La rochelle |
J'ai déjà fait le code html de la page principale (je n'utilise pas le php, peut être plus tard pour l'intégration des bloc nav/header/footer etc ...) , apparemment il me reste à faire le design de la page principale, j'ai essayé en y allant comme ça, juste avec du css mais ... gnarf c'est horrible
Les couleur ne vont pas ensemble, ni avec les images. En faite je ne sais même pas par quoi commencer :/ |
Geoffrey-Zéro
|
# Posté le 19/01/2012 à 18:38:37 |
|
|
Montre les images que tu as, ce que tu as fait.
|
kelto
|
# Posté le 19/01/2012 à 21:43:41 |
|
Ville : La rochelle |
|
darkreen
|
# Posté le 27/01/2012 à 20:27:12 |
![]()
|
Le problème c'est que ton footer est mal positionné et aussi le logo ne ressort pas assez, il est comme effacé par ton header...
|
jojo1602
|
# Posté le 27/01/2012 à 23:03:35 |
That's all, Folks !![]()
Études : IUT Laval |
Et pour ajouter a se que dit darkreen, fait également attention a ton code ! =)
En effet, 46 erreur au validateur W3C pour le HTMl et 16 pour le CSS
|
Retour au forum "Graphisme 2D" ou à la liste des forums
