Sådan oprettes en hjemmeside Mockup med Photoshop

Opret et nyt dokument

Når du opretter en hjemmeside, nogle gange den sværeste er at bestemme layoutet.Adobe Photoshop giver en hurtig og nem måde at oprette en hjemmeside mockup.Ved at bruge lag og en kombination af Photoshops designværktøjer, processen med at omarrangere udseendet og fornemmelsen af ​​din hjemmeside kan spare dig timer.

Instruktioner

  1. Bestem størrelsen af ​​din mock hjemmeside lærred baseret på din målgruppe.For eksempel, for et publikum, der stadig bruger en lav opløsning katodestrålerør skærm, ville du ønsker at bruge et lærred størrelse, der er 760 pixels bredt.Men for en fladskærms-skærm med opløsningen sat til 1.024 med 768, vil du ønsker at bruge et lærred, der er 975 pixels bredt.Opret et nyt dokument og indstil lærred størrelse.

    Opret et nyt dokument
  2. Bestem layout af hjemmesiden.Bruge enkle firkanter eller ellipser til at markere de forskellige sektioner til din mockup.For eksempel markere et rum for den øverste banner, siden banneret, indhold og sidefoden.Opret hver funk

    tion på et nyt lag, så du nemt kan omarrangere hjemmesiden.

    Markere grundlæggende layout
  3. Bestem skriftstørrelse og udfylde de afsnit, der indeholder tekst med pladsholdertekst.Gør en hurtig søgning på nettet for Lorem ipsum, en latinsk tale bruges af designere til at se, hvordan teksten vil se ud på en side, vil generere denne tekst for dig.Hvis baggrunden eller andre dele består af en farve, fylde dem med den rigtige farve.

    Sæt skriftstørrelse
  4. Opret grafikken.Du kan bruge Photoshop til at skabe disse grafik, såsom banner eller logoer, eller trække dem fra et andet sted.Placer og placere grafikken i mock hjemmeside.Vælg "File" og derefter "sted" og navigere til billedet.Bemærk: Hold en Photoshop-version af grafikken, så du kan redigere dem senere.

    Tilføj grafik
  5. Finjuster og redigere mock hjemmeside indtil hjemmesiden ser ud, som du vil have det til at se ud.Fordi hver ny funktion er på en anden lag, kan du hurtigt flytte rundt sektioner, skjule sektioner (klik på øjet i laget palle) eller udskift billeder og farver.

46
0
5
Photoshop