Inden du kan mestre design, skal du først mestre de grundlæggende elementer

Sidste uge sendte en af ​​mine læsere et spørgsmål: Hvordan bliver jeg en bedre visuel designer?

Da jeg tænkte over, hvordan jeg skulle svare på dette spørgsmål, vandrede mit sind til min oplevelse med at lære Mandarin-kinesisk. For nylig besluttede jeg at lære mig selv mandarin. Når det kommer til at lære et nyt sprog, skal du først starte med det grundlæggende. Substantiv, pronomen og verb danner grundlaget for at formidle mere komplekse ideer.

Sprog er en måde, hvorpå folk kommunikerer koncepter til hinanden. Visuelt design er et visuelt sprog. Og at lære visuelt design adskiller sig ikke fra at lære et nyt sprog.

Gode ​​visuelle designs fødes ikke. De er lavet. Nøglen til at blive en bedre visuel designer er strenghed. Du forbedrer dig kun som en visuel designer, hvis du gør en bevidst indsats.

Her er nogle grundlæggende elementer, du skal mestre, så du kan tage dit visuelle design til næste niveau.

Grundlæggende nr. 1: Gå tilbage til det grundlæggende med typen

Du kan fortælle meget om en designer ved at se på deres typografi. Dette skyldes, at type er et grundlæggende grundlag for design.

Skriv som billede

Du kan oprette hele designs med bare type. Du kan også basere design på type, tage subtile køer fra de skrifttyper, du vælger. For at forbedre typografien i dine designs skal du først starte med at lære det grundlæggende.

Udvikle et ordforråd til beskrivelse af type. Lær om, hvad udtryk som sporing, kerning og førende betyder. Artiklen En smukt illustreret ordliste over typografiske udtryk, du skal vide, er en stor visuel ressource til at lære disse udtryk.

Hvis du derefter ønsker en omfattende forståelse af, hvordan du anvender typografi på internettet, skal du læse Web-typografi: Elementerne i typografisk stil anvendt på Internettet.

Fontparring kan fremstille eller ødelægge et design

Endelig, hvordan du parrer skrifttyper sammen. En stor ressource til dette er FontWolf og FontPair. At være i stand til at parre skrifttyper sammen vil dramatisk ændre dynamikken i dit design.

For en mere dybdegående udforskning af typografi kan du læse min artikel: Typografi kan gøre dit design ... Eller ødelægge det.

Grundlæggende nr. 2: Brug plads til at skabe balance

Afstand hjælper med at etablere lodret og vandret bevægelse i dine design. Det er centralt for at skabe visuelt hierarki og danne sammenhæng mellem elementer.

Skab balance og visuel harmoni

Du kan altid se på steder som Behance og Dribbble for at få inspiration til, hvordan man kan rumme elementer. Men det er vigtigt at udvikle din egen intuition til at bruge plads til at skabe balance og visuel harmoni.

Når du studerer typografi, har du måske bemærket betydningen af ​​afstand i type. Justering af kerning og føring for skrifttyper er en god øvelse til at udvikle dit øje til afstand. Af denne grund anbefaler jeg, at du prøver KernType, et spil, hvor du sammenligner din kerning-løsning med en typograf-løsning.

Forenkling af prisvindende plakat af Craig Welsh

En anden øvelse, der vil hjælpe med at udvikle dit øje, er følgende: Tag et eksisterende design, tegne en x- og y-akse, forenkle designet til grundlæggende former, analyser, hvordan designet er afbalanceret, og arranger derefter elementerne. Vær opmærksom på, hvordan negativt rum påvirker balancen mellem elementerne.

Grundlæggende nr. 3: Brug størrelse til at etablere et visuelt hierarki

Når det kommer til at skabe visuelt hierarki, er størrelsen uden sidestykke. Ved at bruge størrelse til at formidle visuelle forhold mellem elementer, kan du etablere flow.

Størrelse er en af ​​grundene til, at gitter er nyttige

Størrelse er en af ​​grundene til, at gitter er nyttige. Du kan bruge gitre til at hjælpe dig med at formatere elementer ved hjælp af nøgletal for at overbringe betydning.

Når du har bestemt en størrelse for et element, skal du holde det samme på tværs af alle tilfælde af det. I design er konsistens konge.

Brug størrelse til at etablere visuelt hierarki

Her er en øvelse, der hjælper med at udvikle dit øje til størrelse.

Nøglen beder om feedback.

Skitse eller wireframe en destinationsside. Bed derefter en ven om at se på dit design. Få dem til at cirkle de elementer, der skiller sig mest ud. Lad dem derefter nummerere de cirkelformede elementer baseret på visuel vægt. Er resultaterne, hvad du forventede?

Husk følgende spørgsmål, når du udfører denne øvelse:

  • Hvad er konverteringsmålet for destinationssiden? Hvordan kan du optimere for at nå dit mål?
  • Hvad er forholdet mellem forskellige elementer? Hvilke elementer vil du fremhæve?
  • Guider dit layout med succes en brugers øje gennem siden?

Grundlæggende nr. 4: Brug farve til at formidle mening

Farve spiller mange roller. Det formidler mening, skaber følelsesmæssig resonans og bringer enhed til design.

Farve hjælper med at formidle mening i design

For en dyb dykning i farve kan du læse min artikel Designing in Colour. Her er et par nøglepunkter fra artiklen.

  • Identificer formålet med dit design, inden du vælger en farvepalet. Godt design justerer sin farvepalet efter dens formål.
  • Identificer dit publikum. Folk opfatter farver forskelligt. Farver har forskellige effekter på mennesker baseret på deres personlige præference, kulturelle opdragelse og oplevelser.
  • Når du vælger en farvepalet, er enkelhed nøglen. Vælg en neutral baggrundsfarve. Vælg derefter en primær og sekundær accentfarve. Endelig baseret på dine andre farver, vælg en fejl og succesfarve til dine forskellige UI-tilstande.

Når du først har forstået det grundlæggende i farveteori, kommer farve ned på eksperimentering og iteration. Prøv aktivt at bryde ud af din komfortzone og prøve nye farvepaletter.

Film og shows er en stor kilde til farveinspiration

Her er en øvelse, der hjælper med at udvikle dit øje for farve.

Brug tid på at samle farvepaletter til ting omkring dig som fotografier, magasiner og dine foretrukne shows. Tag derefter et eksisterende design, og anvend nye farvepaletter på det.

Vær opmærksom på, hvordan det ændrer stemningen og tonen i designet. Ændrer det også betydningen?

Behandl dit arbejde som et håndværk, idet der altid er noget, du kan forbedre. Stol på dig selv for at være motivationen til at blive en bedre designer.

Hvad er dine strategier for forbedring som designer? Efterlad en note, eller send mig en tweet på Twitter.

Hvis du nød denne artikel, kan du også nyde CSS i Javascript med Aphrodite, et bibliotek fra Khan Academy.

Du kan finde mig på Medium, hvor jeg udgiver hver uge. Eller du kan følge mig på Twitter, hvor jeg poster ikke-sensiske ramblings om design, front-end-udvikling og virtual reality.

P. S. Hvis du nød denne artikel, ville det betyde meget, hvis du klikker på og deler med venner.