Sådan oprettes den bedste Website Layout? af Laurent He

Hvert website har sine egne layouts og design. Der er ingen tvivl om, at hjemmesiden layouts er den øverste vigtigt punkt for hjemmesider. En professionel hjemmeside layout kan hjælpe dig med at tiltrække besøgende til deres første seværdigheder og gøre dem ophold i dit websted.

Her skal jeg vise dig, hvordan du opretter den bedste hjemmeside layout.

Trin 1: Lav et udkast til din hjemmeside layout ideer

Det er selvfølgelig et meget vigtigt skridt, men så vidt jeg ved nogle webdesignere vil springe dette trin og lave webdesign med Photoshop direkte snarere end at gøre et udkast til klarhed hjemmesiden layout ideer i deres hoved. Formålet med website design er at løse problemer og nogle af dem kan ikke løses ved gradient eller skyggeeffekter. Før du er ved at lave skyggeeffekter, bør du tænke over indhold, layout og funktioner første

Trin 2:. Start med en skitse af topniveau rammer

Hvis jeg ønsker at gøre en grænseflade til et projekt, bør den første ting være at bygge et øverste niveau rammer, der kan løse nøjagtig alle design problemer. En ramme forstås en UI som er omgivet af indhold og nyttigt at betjene og gennemse. Den indeholder navigation og andre elementer, såsom sidebar og bund bar.

Hvis du starter med en skitse af rammer topniveau, kan du få en klar opfattelse af, hvad hjemmesiden layout behov.

Trin 3: Tilføj et gitter til PSD-fil

Dette er en ganske simpel skridt. Før du er ved at designe et indhold eller noget andet i Photoshop til din hjemmeside, skal du oprette en ordentlig gitter. Hvorfor? Som alle ved, kan et gitter hjælpe dig med at arrangere hjemmeside layout i forskellige sektioner, guide dig designe dit indhold efter oto bestemt skærmstørrelse og føre dig til at opbygge relevante skabelon til at opfylde afstand eller andet design problemer.

Trin 4: Vælg typografier

Det er arbejdet i projektet udviklingsfase at sætte jer selv med forskellige skrifttyper og farver. Ifølge vores sunde fornuft, anbefaler jeg dig ikke at bruge mere end to slags skrifttyper, men din beslutning bør også afhænge af de farvesammensætninger, du har valgt.

Anyway, bør den skrifttype, du vælger gøre besøgende let at læse og supplere titlen og handlinger.

Vær ikke bange for at bruge store skrifttype og holde samlet konsekvent, når du bruger den.

Trin 5 : Vælg tema farve

Efter udvalgte skrifttyper, skal du vælge farver til UI, baggrund og tekst. Som for farver, vil jeg anbefale dig at vælge nogle begrænsede farver med kortfattede og lyse toner for den generelle brugergrænseflade. Det er ganske vigtigt at for en brugergrænseflade til at være i overensstemmelse med andre elementer i dit website layout. Bare tænk på hjemmesiden layout Facebook, Twitter, Quora og Vimeo. Undtagen UI, behøver andre sektioner ikke behøver at blive begrænset i farvevalg, hvis billeder eller grafiske detaljer ikke gider de komponenter funktioner

Trin 6:. Oprette en hjemmeside layout

Hver del i en hjemmeside skal spille sin rolle. Som for besøgende, bør hver del har sin grund, og resultatet det kan få. En hjemmeside layout er at hjælpe os med at sætte de vigtigste oplysninger i den fremhævede plads i dit websted. Faktisk, er en hjemmeside ikke behøver alt for mange knapper til at ringe ud, så hver indhold, du har lavet bør være omkring formålet "hvad kan jeg gøre her". Tænk over det, kan du oprette den mest enkle website layout til et simpelt formål, og tilføje de relevante komponenter

Trin 7:. Rethink om, hvad du har lavet

Du bør genoverveje om de funktioner og indhold, du har foretaget på hjemmesiden. Har jeg virkelig brug for denne knap? Har jeg synes virkelig dette farveskema er perfekt til hele min hjemmeside? Har jeg virkelig ønsker denne navigation går sådan? Nogle gange er svaret nej. Genoverveje om hvad du har gjort, kan hjælpe os meget til at forbedre vores hjemmeside layout

Trin 8:. Vær opmærksom på detaljerne

Det er bare en anden hverdagskost, men det er ikke altid synlige i de afsluttende projekter. Den detalje kan være fokus på nogle interaktion, uventede animation eller nogle æstetiske følelser som gradient effekt på små knapper. Generelt er disse detaljer er vigtige, hvis de besøgende kan nyde, hvad du har gjort

Valgfrit:. Se den originale artikel for at lære mere