web-dev-qa-db-fra.com

Comment puis-je placer du contenu sur le corps de la mise en page de ce site sans lui donner l'air flottant?

Je suis programmeur et j'ai besoin des conseils d'un concepteur concernant la mise en page du site Web sur lequel je travaille actuellement.

Voici la mise en page pour commencer:

layout mockup
Cliquez sur l'image pour la pleine résolution

J'ai un en-tête pleine largeur avec le contenu suivant:

  • s'identifier
  • logo
  • choisissez un pays
  • navigation principale
  • navigation secondaire

J'ai besoin d'aide pour placer le contenu sur le corps sans lui donner l'air de flotter. Si je dois changer la disposition du corps, veuillez me dire quelle serait la meilleure palette de couleurs si je devais placer une bordure. Mais, s'il est possible de ne pas placer de frontière (comme un profil Facebook), mieux vaut.

Ce sera la page principale de toutes les mises en page. Le corps peut avoir une à trois colonnes. contenu sage Ce serait quelque chose comme (combinaison)

Pour résumer les fonctionnalités:

  • un annuaire en ligne (avec recherche et recherche avancée)
  • offre des services pour 4 types d'utilisateurs
  • offre d'autres services qui ne font pas directement partie du site
  • a une page d'événements
  • un formulaire de rétroaction
  • page carrières
4
Aivan Monceller

pour ne pas ressembler à un flottant, vous devez faire en sorte que la disposition du corps fasse partie de l'en-tête, dans votre cas, votre en-tête est trop séparé du contenu car vous ajoutez un trait et une ombre sur la couche d'en-tête.

je suggère de supprimer un trait et une ombre, juste un blanc uni pour que l'en-tête et le corps ressemblent à de la peinture sur la même toile. vous pouvez utiliser une ligne ou un autre arrière-plan de couleur et placer le contenu au centre pour donner l'impression que la mise en page du contenu est comme http://courses.sitepoint.com/

1
ikhsan

Vous avez choisi une couleur difficile, car presque tout ce que vous mettez sur ce fond ressemblera à une ombre. Je recommanderais de modifier la couleur d'arrière-plan uniquement pour la zone centrale, et seulement légèrement afin de tenir compte du contenu.

1
Nathan Lawrence