Principper for visuelt design og hvordan du bruger dem

Principper for visuelt design er praktiske regler for at arrangere skrift, farve, billeder og rum på skærme og sider. Her dækker vi principper for visuelt design og hvordan du bruger det på din hjemmeside og dine materialer for brandet.

Kladde

Cirka syv sekunder er, hvor længe mange besøgende giver en side, før de beslutter at blive eller gå. I det vindue gør principper for visuelt design mere arbejde end din salgstekst. Visuel klarhed vinder de ekstra sekunder, du har brug for til at forklare dit tilbud.

Principper for visuelt design er praktiske regler for at arrangere skrift, farve, billeder og rum på skærme og sider. Her forklarer vi, hvad det betyder i et enkelt sprog, hvorfor det påvirker din hjemmeside og marketing, og hvordan du bruger det uden at fare vild i jargon. Du ser også, hvordan begrebet visuelt design passer ind i det samme billede. Lad os gå det igennem trin for trin.

Centrale idéer bag principper for visuelt design

Principper for visuelt design er praktiske regler for at arrangere skrift, farve, billeder og rum på skærme og sider.

De gør hjemmesider lette at skimme og materialer til marketing lettere at stole på.

Elementer og principper i design virker sammen som ingredienser og opskrift.

At sætte det i arbejde

Gennemgå din forside for vægt, kontrast og enhed, før du ændrer farver eller skrifttyper.

Udforsk elementer og principper i design kombineret og hvad er principperne for design for at forbinde dette emne med resten af modulet.

Små konsekvente forbedringer slår lejlighedsvise fulde redesigns, når du lærer.

Praktisk tjekliste, du kan bruge i dag

Gennemgå din forside for vægt, kontrast og enhed, før du ændrer farver eller skrifttyper.

Når du gennemgår en side, så spørg, om principper for visuelt design er synlig inden for den første scrolling på mobil. Hvis ikke, så omarranger sektioner, før du finpudser detaljer.

Gem skærmbilleder før og efter ændringer, så du lærer, hvad der flyttede noget for principper for visuelt design på din hjemmeside.

Del den tjekliste med alle, der opdaterer din hjemmeside, så begrebet visuelt design forbliver konsistent på tværs af nye sider.

Vælg én måling at følge denne måned, som tid på siden eller påbegyndte formularer, så ændringer i design knytter sig til resultater for forretningen og ikke kun smag.

Hvordan det emne hænger sammen med dit bredere brand

Visuelle valg bor sjældent kun på én side. Elementer og principper i design virker sammen som ingredienser og opskrift.

Dine opslag på sociale medier, e-mails og trykte stykker bør ekkoe det samme hierarki, de samme farver og de samme regler for skrift, du bruger på nettet.

Når visuelle elementer for brandet driver fra hinanden, føler kunder en subtil uoverensstemmelse, selv om de ikke kan forklare den.

Brug hvad er visuelt design til at sammenligne noter med et relateret kapitel i dette modul.

De gør hjemmesider lette at skimme og materialer til marketing lettere at stole på.

Almindelige spørgsmål, folk overser

Sekundære udtryk som begrebet visuelt design, elementer og principper i design hjælper dig med at søge efter dybere eksempler og sammenligne dit arbejde med almindelige standarder.

Elementer og principper i design virker sammen som ingredienser og opskrift.

Skriv én ændring før og efter ned, du vil teste på en live side i denne uge. Små målte rettelser slår vage planer.

Hvis du lærer dit team et fælles ordforråd om principper for visuelt design, mindsker det runder med revision med designere og bureauer.

Værktøjer, der gør visuelle opdateringer lettere

Du behøver ikke egen kode for at forbedre mange problemer med layout og stil. En visuel editor lader dig justere luft, farver og typografi, mens du ser forhåndsvisninger på mobil og computer.

WEMASY indeholder en hjemmesidebygger med visuel redigering, så du kan udgive ændringer uden at vente på en udvikler ved hver justering. Åbn hjemmesidebyggeren, når du er klar til at bruge det, du har lært.

Når du udgiver opdateringer, så tjek igen elementer og principper i design kombineret og hvad er principperne for design, så modulet forbliver forbundet i din hukommelse.

Du har nu en linse til principper for visuelt design, der virker. Brug den, når du gennemgår din hjemmeside, godkender materialer til marketing eller briefer en designer. Fortsæt med hvad er principperne for design og hvad er visuelt design for at holde momentum i dette modul.

Ofte stillede spørgsmål

Hvor lang tid tager det at forbedre principper for visuelt design?

De fleste små virksomheder ser klarere sider inden for få fokuserede sessioner, når de bruger det grundlæggende fra dette kapitel. Start med din forside, og brug så de samme regler på sider om tjenester og kontakt.

Har du brug for en designer til at arbejde med principper for visuelt design?

En designer hjælper ved komplekse omlægninger af brandet, men mange rettelser omkring principper for visuelt design kan du selv gøre, når du ved, hvad du skal lede efter. Brug elementer og principper i design kombineret sammen med dette kapitel for relateret vejledning.

Kan WEMASY hjælpe dig med at bruge principper for visuelt design på din hjemmeside?

WEMASY indeholder en visuel editor i hjemmesidebyggeren, så du kan justere layout, farver og typografi uden kode. Åbn hjemmesidebyggeren for at opdatere skabeloner og se ændringer i forhåndsvisning på mobil.

Hvad er den mest almindelige fejl med principper for visuelt design?

Folk prøver at rette alt på én gang i stedet for én side ad gangen. Vælg en enkelt prioritet, som læsbarhed eller kontrast, og tjek så hvad er principperne for design for den næste forbedring.

Hvordan hænger principper for visuelt design sammen med SEO?

Klart visuelt hierarki og skrift, der kan læses, holder besøgende på siden længere, hvilket understøtter signaler om engagement, søgemaskiner holder øje med. Kombinér rettelser af design med solid struktur i indholdet for de bedste resultater.

Hvor bør du lære næste gang efter principper for visuelt design?

Fortsæt med elementer og principper i design kombineret og hvad er principperne for design i denne bog for at bygge et komplet visuelt system til dit brand online.

Brug det med det samme
på din egen hjemmeside.

Start gratis med WEMASY, og byg din side på få minutter.