Maquette d'un site : besoin d'un coup de pouce

Maquette d'un site : besoin d'un coup de pouce - Web design - Graphisme

Marsh Posté le 06-09-2008 à 12:53:07    

Bonjour !
 
Voilà je suis en train de réaliser la maquette d'un site pour des amis (c'est un club de plongée).
J'ai déjà une bonne idée générale de ce que je veux faire, le header est quasi finalisé, mais je coince sur un détail que voici :
 
Le site est un site très sombre et j'aimerais dans l'idéal que le corps de page contraste un peu avec le reste du site (et donc qu'il soit plus clair, voire blanc). Mon problème est ici que je n'arrive pas à trouver une solution élégante et qui colle bien avec le reste de ce que j'ai fait.
Je n'ai pas envie de mettre d'arrondis dans les coins, et la solution d'un dégradé blanc(ou noir)/transparent ne rend pas du tout.
 
voilà donc un lien vers la maquette en question: http://latour.thevenet.club.fr/bab/maquetteNL.html (c'est un page html qui place juste le jpeg dans la page)
 
J'ai fait 2 'propositions' de corps, mais aucune ne rend terrible terrible ... (on parlera juste pour le moment du corps de la page ... le reste n'est pas très très glorieux non plus :o )
 
Voilà ! si vous avez des idées à explorer, des avis, ou même des proposition, je suis tout ouï a vos posts :)
 
merki d'avance dans l'aide que vous apporterez a mon edifice :D (ou pas ^^)


---------------
"La finalité accentue les aspects analytiques de la démarche."
Reply

Marsh Posté le 06-09-2008 à 12:53:07   

Reply

Marsh Posté le 06-09-2008 à 18:48:06    

En regardant vite fait le site, le défaut que je vois direct, c'est le halo trop clair qui aveugle et participe a rendre le reste trop sombre (et le menu illisible).
 
Ensuite, globalement j'aime bien.
 
Mais c'est vrai que l'integration d'un contenu dnas la zone sombre risque d'etre un peu difficile. Déja, il faudrait savoir ce que tu comptes integrer a cet endroit.
 
Si c'est du texte pur (ce qui serait AMHA maladroit), une typo blanche ou en tout cas claire fera l'affaire.
 
Pour des images, je pense qu'un cadre clair (pourquoi pas arrondi dans les coins) démarquerai l'image du fond sombre.
 
Sinon, j'aime beaucoup le bas de la page ou les bordures s'estoment sur le fond marin.
 
Bonne continuation.

Reply

Marsh Posté le 07-09-2008 à 09:35:35    

C'est bien parti je trouve.
Sauf le menu du header, tu peux le refaire.
 
"j'aimerais dans l'idéal que le corps de page contraste un peu avec le reste du site (et donc qu'il soit plus clair, voire blanc)"
Pas évident de contraster peu avec du blanc sur un fond aussi sombre :D
 
Je suis du même avis que windob, reste sur le choix de typo claire (sans serif), le texte formera de lui même un bloc contrasté. Et pour les images un cadre assez épais.
 
Les filets en pointillés ne rendent pas bien, pourquoi pas des colonnes de bulles, ou des algues stylisée, ....
Bref t'as un thème précis, c'est par la présence de petit détails comme ça que tu vas lui donner de la substance.


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 07-09-2008 à 10:09:30    

Skopos a écrit :


Les filets en pointillés ne rendent pas bien, pourquoi pas des colonnes de bulles, ou des algues stylisée, ....
Bref t'as un thème précis, c'est par la présence de petit détails comme ça que tu vas lui donner de la substance.


 
Il faudra faire attention a respecter l'echelle du fond, c'est a dire que si tu met des algues a cet endroit, elle vont sembler beaucoup trop grandes par rapport a ton fond.
Les bulles sont en effet une bonne idée !

Reply

Marsh Posté le 07-09-2008 à 23:32:48    

merci je vais continuer dans la direction que vous conseillez :
- retravailler l'intégration de la photo trop claire du header
- cadre épais pour les photos (bords ronds ou non)
- tenter des cadres "bulles" pour le corps de page (avec un fond blanc je pense que ca serait sympa)
- d'autres babioles ;)
 
merci en tt cas pour les avis


---------------
"La finalité accentue les aspects analytiques de la démarche."
Reply

Sujets relatifs:

Leave a Replay

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