Hvordan lage en nettside Draft Bruke Photoshop

Hvordan lage en nettside Draft Bruke Photoshop


Nettsteder har eksistert siden 1991, da Tim Berners-Lee laget den aller første, tekstbasert nettside som gir informasjon på World-Wide-Web-prosjektet. Siden da har nettsteder blitt svært populære som personlig, business, underholdning og utdanning huber. I de siste årene har webdesign gjort store sprang. Web-design er nå svært avansert, og har avansert langt nok til å konkurrere med den århundregamle innen print design i kvalitet og håndverk.

Bruksanvisning

1 Skissere nettstedet ditt med en blyant og papir. Selv om datamaskiner har blitt den vanlige måten å lage noen visuelle medier, den beste måten å starte designprosessen er å skissere dine ideer ut og avgrense dem manuelt. Skissene trenger ikke å være noe fancy; skriblerier vil være nok, så lenge de gir deg en idé om hva området layout vil se ut.

2 Last ned en Photoshop grid mal. Bæresystem i webdesign er like viktig som i print design. Den standard bredde for nettsteder, for kompatibilitet på tvers av skjermoppløsninger og nettleser oppsett, er 960 piksler. Så finn en god bæresystem som bruker 960-pikslers bredde standard og laste ned Photoshop mal. Det er mange gode nettsted grid ressurser tilgjengelig på nettet.

3 Begynn å sette opp layout. Juster innholdet til kolonnene av rutenettet mal. Navigasjon vanligvis går langs toppen eller venstre side av siden. Nettstedet logo går vanligvis i øvre høyre hjørne. Twitter og RSS ikoner vanligvis gå i øvre venstre hjørne. Besøkende liker å finne ting der de forventer dem, så hold deg til standard plasseringer for et vellykket design. Når du er ferdig med å sette opp nettstedet ditt akkurat slik du vil ha det, lagre det som en PSD (Photoshop) filformat.

4 Velg "Slice" verktøy i Photoshop verktøypanelet. Klikk og dra for å skille de viktigste delene av nettstedet. Skiver lage deler av et nettsted som vil bli lagret som separate bilder. Dette gjør det enklere å kode nettsiden til HTML og CSS og at det ser ut slik det gjorde i Photoshop.

Hint

  • Gjør det enkelt! Brukervennlighet er ditt første bekymring. Du vil at folk skal ha en lett tid å bla gjennom webområdet ditt. Et nettsted kan være vakker og enkel på samme tid.
  • Hvis du ikke ønsker å kode ditt eget nettsted, kan det fortsatt gå live. Det er mange selskaper som vil ta PSD-filer av nettsider og gjøre dem om til en funksjonell nettside. Prisene for denne tjenesten er ofte rimelige og gir et godt alternativ for de som vet hva deres nettsted skal se ut, men ikke ønsker å lære kode.
  • Det er en fristelse til å bruke hver bit av tilgjengelig plass. Men mindre plass du lar mellom språk elementer, jo vanskeligere er det å lese og bla. Husk, det handler om å skape en god brukeropplevelse.