Hvordan lage utforminger uten å bruke Photoshop

Ved hjelp av Photoshop til å designe ditt nettsted tar en betydelig investering i å lære ins og outs av Photoshop. Dette er ikke nødvendig å gjøre en ren, grov utkast oppsettet du vil bruke til å kode ditt nettsted. Ved hjelp av Photoshop kan lure deg til å kaste bort tid med komplekse effekter og design triks som egentlig ikke er nødvendig, og er store tidsblackholes å starte opp. Kom tilbake til det grunnleggende og frigjøre litt tid. La oss komme i gang!

bruksanvisning

1 Velg om du ønsker å designe din side med papiret i liggende eller stående modus. Portrett vil tillate deg å designe en lengre side, mens Landscape vil gi deg hele området av hva som vil være synlig for betrakteren uten å bla nedover på siden din.

2 Begynne å tegne de grunnleggende formene for ditt nettsted. Dette inkluderer en overskrift som kan gå langs toppen, til en bunntekst nederst vise din opphavsrett og forfatterinformasjon, og en navigasjonslinjen på toppen eller på venstre eller høyre side av siden din. Tenk på hvor du vil plassere tekst og hvor du vil plassere bilder og legge disse områdene ut i rektangler også.

3 Fyll på siden din med innhold å gjøre det kommer til liv. Trekke noen stokk tall eller en grov fjellkjede i dine bildeblokker og skrible på med penn eller blyant der du forventer å ha tekst. Skriv ut tekst som vises i overskriften, bunntekst, eller navigasjonspanelet. Endelig skygge i de ulike områdene av nettstedet, ved hjelp mørkere, mer intense farger for backgroudn i flere viktige områder og lysere nyanser for mindre informasjon (som bak brødtekst). Bruk fargenyanser for å danne et hierarki slik at brukerne kan fastslå betydningen av informasjon på siden din på et øyeblikk.

Hint

• Det kan være lurt å gå inn i parentes viser hvor stor hver panel eller delen av siden vil være. Du kan skrive inn dette via punktdimensjoner, eller som en prosentandel av skjermområdet. Denne informasjonen vil være svært nyttig når du starter koding HTML-siden på datamaskinen.