it-swarm-eu.dev

Come posso posizionare i contenuti sul corpo di questo layout del sito senza farlo sembrare fluttuante?

Sono un programmatore e ho bisogno della consulenza di un designer per quanto riguarda il layout del sito web su cui sto attualmente lavorando.

Ecco il layout per iniziare:

layout mockup
Clicca sull'immagine per una risoluzione completa

Ho un'intestazione a larghezza piena con i seguenti contenuti:

  • accesso
  • logo
  • scegli la nazione
  • navigazione principale
  • navigazione secondaria

Ho bisogno di aiuto su come posizionare i contenuti sul corpo senza farlo sembrare fluttuante. Se devo cambiare il layout del corpo, per favore dimmi quale sarebbe la migliore combinazione di colori se dovessi posizionare un bordo. Ma, se è possibile non posizionare un bordo (proprio come un profilo Facebook), allora meglio.

Questa sarà la pagina principale di tutti i layout. Il corpo può avere da una a tre colonne. contenuto saggio Sarebbe qualcosa di simile (combinazione)

Per riassumere le funzionalità:

  • una directory online (con ricerca e ricerca avanzata)
  • offre servizi per 4 tipi di utenti
  • offre altri servizi non direttamente parte del sito
  • ha una pagina degli eventi
  • un modulo di feedback
  • pagina delle carriere
4
Aivan Monceller

per non sembrare fluttuante devi fare in modo che il layout del corpo sia parte dell'intestazione, nel tuo caso, l'intestazione è troppo separata con il contenuto perché aggiungi tratto e ombra sul livello dell'intestazione.

suggerisco di rimuovere un tratto e un'ombra, solo un semplice bianco così l'intestazione e il corpo sembrano dipingere sulla stessa tela. puoi utilizzare una linea o un altro sfondo colorato e posizionare il contenuto al centro per fare impressione che sia il layout del contenuto come http://courses.sitepoint.com/

1
ikhsan

Hai scelto un colore difficile, poiché quasi tutto ciò che metti su quello sfondo sembrerà proiettare un'ombra. Consiglierei di modificare il colore di sfondo solo per l'area centrale e solo leggermente per adattarlo al contenuto.

1
Nathan Lawrence