Ci sono sette diverse aree principali del sito oltre alla home page. Quindi, ho assunto sette diversi illustratori per realizzare i disegni. Questo è il primo in cui approfondiremo e implementeremo nel sito. È la sezione gallery del sito ed è realizzata da Erica Sirotich.
Spostiamo HTML e CSS per fare spazio all'intestazione in alto, cosa che facciamo essenzialmente con il padding.
Ridimensioniamo con Photoshop per ottenere l'illustrazione della dimensione desiderata. Abbastanza maledettamente grande, per ora, ma probabilmente faremo alcune cose più intelligenti in futuro per caricare grafici di intestazione di dimensioni appropriate per le dimensioni dello schermo a portata di mano.
Un piccolo trucco di benessere che utilizziamo è aggiungere un po 'di margine inferiore al ritorno a capo della pagina, quindi la fine della pagina ha una trama vuota nella parte inferiore che dà una finalità al design (almeno per ora, finché non trattare con il piè di pagina).
Finiamo con l'intestazione della Galleria ben posizionata, ma abbiamo ancora un po 'di lavoro da fare su di essa aggiungendo le piccole illustrazioni di persone blu che Erica ha fatto come parte di questa illustrazione.
File
- 57-CSSFramesFinal.psd.zip