Før du kan mestre design, må du først mestre det grunnleggende

I forrige uke sendte en av leserne mine et spørsmål: Hvordan blir jeg en bedre visuell designer?

Da jeg tenkte på hvordan jeg skulle svare på dette spørsmålet, vandret tankene mine til min erfaring med å lære mandarin kinesisk. Nylig bestemte jeg meg for å lære meg selv mandarin. Når det gjelder å lære et nytt språk, må du først begynne med det grunnleggende. Substantiver, pronomen og verb danner grunnlaget for å formidle mer komplekse ideer.

Språk er en måte som mennesker kommuniserer begreper til hverandre. Visuell design er et visuelt språk. Og å lære visuell design er ikke annerledes enn å lære et nytt språk.

Gode ​​visuelle design blir ikke født. De er laget. Nøkkelen til å bli en bedre visuell designer er strenghet. Du vil bare forbedre deg som visuell designer hvis du gjør en bevisst innsats.

Her er noen grunnleggende ting du bør mestre, slik at du kan ta det visuelle designet til neste nivå.

Grunnleggende nr. 1: Gå tilbake til det grunnleggende med type

Du kan fortelle mye om en designer ved å se på typografien. Dette er fordi typen er et grunnleggende grunnlag for design.

Du kan lage hele design med bare type. Du kan også basere design på type og ta subtile køer fra skriftene du velger. For å forbedre typografien i designene dine, begynn først med å lære det grunnleggende.

Utvikle et ordforråd for beskrivelse av type. Lær om hva ord som sporing, kerning og ledende betyr. Artikkelen A Beautifully Illustrated Glossary of Typographic Terms You Should Know er en flott visuell ressurs for å lære disse begrepene.

Deretter, hvis du vil ha en omfattende forståelse av hvordan du bruker typografi på nettet, kan du lese Web Typography: The Elements of Typographic Style Applied to the Web.

Til slutt, lær hvordan du parer skrift sammen. En flott ressurs for dette er FontWolf og FontPair. Å være i stand til å koble sammen skrifter vil dramatisk endre dynamikken i designet ditt.

For en mer grundig utforskning av typografi, kan du lese artikkelen min: Typografi kan lage designet ditt ... Eller ødelegge det.

Grunnleggende nr. 2: Bruk plass til å skape balanse

Avstand hjelper deg med å etablere vertikal og horisontal bevegelse i designene dine. Det er sentralt for å skape visuelt hierarki og danne tilknytning mellom elementer.

Du kan alltid se på nettsteder som Behance og Dribbble for inspirasjon til hvordan du plasserer elementer. Men det er viktig å utvikle din egen intuisjon for å bruke plass til å skape balanse og visuell harmoni.

Når du studerer typografi, har du kanskje lagt merke til viktigheten av avstand i type. Justering av kerning og ledelse for skrifttyper er en flott øvelse for å utvikle øye for avstand. Av denne grunn anbefaler jeg deg å prøve KernType, et spill der du sammenligner din kerningløsning med en typografløsning.

En annen øvelse som vil hjelpe deg med å utvikle øyet ditt er følgende: Ta et eksisterende design, tegne en x- og y-akse, forenkle designet i grunnleggende former, analyser hvordan designet er balansert, og omorganiser deretter elementene. Vær nøye med hvordan negativ plass påvirker balansen mellom elementene.

Grunnleggende # 3: Bruk størrelse for å etablere visuelt hierarki

Når det gjelder å skape visuelt hierarki, er størrelsen uten sidestykke. Ved å bruke størrelse for å formidle visuelle forhold mellom elementer, kan du etablere flyt.

Dimensjonering er en av grunnene til at nett er nyttige. Du kan bruke rutenett for å hjelpe deg med størrelseselementer ved å bruke forholdstall for å formidle viktighet.

Når du har bestemt en størrelse for et element, må du holde det likt i alle tilfeller av det. I design er konsistens konge.

Her er en øvelse som vil hjelpe deg med å utvikle øye for størrelsen.

Nøkkelen er å be om tilbakemelding.

Skisse eller trådramme en destinasjonsside. Be deretter en venn om å se på designet ditt. Få dem til å sirkle elementene som skiller seg ut mest. Etterpå må du nummerere de sirklede elementene basert på visuell vekt. Er resultatene det du forventet?

Når du gjør denne øvelsen, må du huske følgende spørsmål:

  • Hva er konverteringsmålet for destinasjonssiden? Hvordan kan du optimalisere for å nå målet ditt?
  • Hva er forholdet mellom forskjellige elementer? Hvilke elementer vil du legge vekt på?
  • Leder oppsettet ditt vellykket brukerens blikk gjennom siden?

Grunnleggende # 4: Bruk farge for å formidle mening

Farge spiller mange roller. Den formidler mening, skaper emosjonell resonans og bringer enhet til design.

For et dypdykk i farger kan du lese artikkelen min Designing in Color. Her er noen få viktige punkter fra artikkelen.

  • Identifiser formålet med designet ditt før du velger en fargepalett. God design justerer fargepaletten sin med formålet.
  • Identifiser publikum. Folk oppfatter farger annerledes. Farger har forskjellige effekter på mennesker basert på deres personlige preferanser, kulturelle oppdragelse og erfaringer.
  • Når du velger en fargepalett, er enkelhet nøkkelen. Velg en nøytral bakgrunnsfarge. Velg deretter en primær og sekundær aksentfarge. Til slutt, basert på de andre fargene dine, velg en feil- og suksessfarge for de forskjellige brukergrensesnittstatene.

Når du har fått god forståelse for det grunnleggende om fargeteori, kommer farger ned til eksperimentering og iterasjon. Prøv å bryte ut av komfortsonen og prøve nye fargepaletter.

Her er en øvelse som vil hjelpe deg med å utvikle øye for farge.

Bruk tid på å samle fargepaletter for ting rundt deg som fotografier, magasiner og favorittshowene dine. Ta deretter et eksisterende design og bruk nye fargepaletter på det.

Legg merke til hvordan det endrer stemningen og tonen i designet. Endrer det betydningen også?

Behandle arbeidet ditt som et håndverk ved at det alltid er noe du kan forbedre. Stol på deg selv for å være motivasjonen for å bli en bedre designer.

Hva er du strategier for å forbedre deg som designer? Legg igjen et notat eller send meg en tweet på Twitter.

Hvis du likte denne artikkelen, kan du også nyte CSS i Javascript with Aphrodite, et bibliotek av Khan Academy.

CSS i Javascript: Fremtiden for komponentbasert styling

Denne uken vil jeg introdusere deg for konseptet med CSS i Javascript med Aphrodite av Khan Academy. Aphrodite lar ... medium.com

Du finner meg på Medium der jeg publiserer hver uke. Eller du kan følge meg på Twitter, der jeg legger ut ikke-sensiske vandringer om design, front-end utvikling og virtual reality.

PS Hvis du likte denne artikkelen, ville det betydd mye hvis du klikker på? og del med venner.