Grundlæggende designprincipper for ikke-designere

Denne er for alle indholdsskabere derude, der ikke har råd til at betale en professionel designer, såvel som for ikke-designere i et team, hvor designere altid er for travlt med at hjælpe. Hvis du kan følge disse enkle trin, garanterer jeg, at dine design ser bedre ud.

Denne liste er født ud af mange års observering af mine ikke-designer venner, familie og kolleger kæmper med at designe ting, de har brug for i deres hverdag. Personlige nyhedsbreve, CV'er og porteføljer, billeder til indlæg på Facebook eller Instagram, miniaturebilleder til YouTube og så videre.

Alle disse mennesker kom til mig for at få hjælp og råd om, hvordan man får tingene til at se bedre ud. Jeg er en fast tro på hele “lære en person at fiske” -ideen, så snarere end at designe ting FOR dem, prøvede jeg at give dem værdifulde råd, der kunne hjælpe med lignende problemer i fremtiden.

Efterhånden som tiden gik, indså jeg, at jeg har givet folk alle de samme tip igen og igen. Jeg har ordet dem anderledes hver gang, men alle mine råd kan jeg destillere ned til disse fire principper.

Jeg er klar over, at der er tusinder af lister, ligesom denne derude, men jeg synes, at disse lister er for overdrevne. Du kan ikke rigtig følge konsekvent en liste over 25 “enkle” (intet, der indeholder 25 dele kan virkelig være “enkle”) trin som ikke-designer. Og det behøver du ikke.

Vil dette hjælpe dig med at skabe skinnende smukke designs? Nej. Vil dette hjælpe dig med at skabe fantastiske, klare og forståelige designs, som alle let kan forstå og interagere med? Absolut. Så uden videre vil jeg præsentere for dig:

4 grundlæggende designprincipper, som enhver kan følge for at opnå fantastiske resultater

Kontrast

Sørg for, at der er tilstrækkelig kontrast mellem alle elementer.

Hvorfor? Fordi ting, der er lidt anderledes, men ikke forskellige nok, skaber en slags Uncanny Valley. De føler sig uhyggelige og frastødende for et menneskeligt øje og / eller er vanskelige at forstå. Nu vil vi ikke have det i vores designs, ikke?

Elementer af dit design skal være nøjagtigt det samme eller markant forskellige.

Spørgsmål med kontrast viser sig for det meste på 4 forskellige måder:

1. Farve: Brug mørke på lyse farver og vice versa.

Eksempel: Brug aldrig kombinationer som grå på en lidt mørkere grå eller lyserosa på lyseblå - de er ekstremt vanskelige at læse / interagere med.

2. Størrelse: læg kun elementer ved siden af ​​hinanden, der enten er nøjagtigt den samme størrelse eller en betydelig anden størrelse.

Eksempel: Anbring ikke 32pt og 36pt tekstlinjer ved siden af ​​hinanden. 18pt og 36pt, på den anden side, vil fungere godt sammen.

3. Vægt: det samme som med Størrelse, læg kun elementer ved siden af ​​hinanden, der enten er nøjagtigt den samme vægt, eller en væsentlig anden vægt.

Eksempel: Anbring ikke "Fed" og "Sort" vægt af det samme skrifttype ved siden af ​​hinanden - fordi de ser for ens ud. ”Lette” og ”fedme” vægte fungerer på den anden side godt sammen.

4. Stil: anbring ikke en kursiv type ved siden af ​​en anden kursiv type, eller en serif-skrifttype ved siden af ​​en anden serif-skrifttype. Kombiner ting, der er anderledes.

Eksempel: Placer ikke "Times New Roman" og "Georgia" ved siden af ​​hinanden - de ser for ens ud. Kombiner skrifttyper, der har betydeligt forskellige stilarter.

Konsistens

Sørg for, at lignende elementer vises på lignende måder.

Hvorfor? For det første ved at holde tingene konsistente (og derfor enkle) tillader du folk at fokusere deres opmærksomhed på vigtige aspekter af dit design snarere end at blive distraheret af ting, der ændrer sig hele tiden.

For det andet øger konsistensen tilliden og får tingene til at se faktisk designet snarere end bare hurtigt smidt sammen.

Ting at holde sig til, når du først har valgt dem:

  • Skrifttype / font
  • Farvepalet / farvefarve
  • Grid
  • Justering
  • Stil med dekorative elementer

Og så videre...

Tekst til pladsholder med tilladelse fra Batman Ipsum

Når du arbejder på mange forskellige stykker, der vises ved siden af ​​hinanden (for eksempel videominiaturebilleder til din YouTube-kanal eller covers til dine Medium-artikler), skal du vælge en samlet stil for dem alle og holde sig til den også.

Occam's Razor

aka Reducer visuel støj

Jo færre antallet af elementer, du bruger i dit design, jo bedre.

Hvorfor? Det er svært for den menneskelige hjerne at behandle information og træffe beslutninger med en overbelastning af input. Brug så få dekorative elementer (skrifttyper, farver, skygger, rammer, streger, ikoner, mønstre og så videre) som muligt.

Anvend en designversion af Occam's Razor på alt:

Hvis der kan opnås noget med kun 2 elementer, skal du ikke bruge 3. Hvis der kan opnås noget med 10 elementer, skal du ikke bruge 20. Du får det.

Tekst til pladsholder med tilladelse fra Batman Ipsum

Hvis du ikke kan lide gamle engelske skolastiske filosoffer og foretrækker ting, du kan se på Netflix, skal du være sikker på: vær Marie Kondo for dine egne designs. Uanset hvad der ikke vekker glæde (eller ikke er en nyttig del af et design), skal gå.

Plads

Den måde tingene placeres på, sender en metaniveaubesked om deres betydning.

Hvorfor er dette vigtigt? Fordi tankerne om, hvordan du placerer tingene og hvor meget plads du tilføjer omkring dem, hjælper med at reducere kompleksiteten af ​​et design, og derfor gør det både mere behageligt at se på OG lettere at interagere med.

At bruge plads i dit design til at formidle mening med disse 3 ting:

1. Nærhed = tilknytning

Ting, der er tættere på hinanden end de andre elementer, opfattes som relaterede mere til hinanden end til de andre elementer.

Denne er den vigtigste, fordi jeg har lyst til at blive ignoreret for ofte (selv af nogle mennesker, der hævder at være professionelle designere, for ikke at navngive nogen navne).

Det kan anvendes på mange forskellige måder, for eksempel:

  • Der skal være mere mellemrum mellem linjerne end mellem hvert ord i en linje - og på lignende måde mere mellemrum mellem forskellige afsnit end mellem linjerne inde i et afsnit.
  • Elementer i et design skal have mindre plads mellem hinanden end mellem disse elementer og kanterne på kompositionen.
  • Etiketter og understøttende oplysninger skal placeres i nærheden af ​​de elementer, de beskriver / relaterer til.

2. Negativ plads

I kombination med Occam's Razor skal du give dine designs så meget negativ plads, som du muligvis kan for at declutter dem og gøre deres mening mere indlysende.

At sætte for mange elementer i en begrænset plads er som at prøve at lytte til tre forskellige sange på én gang. Det er svært at forstå, hvad der siges.

Se på Apples websted. Man kan meget klart forstå, hvad der siges (eller snarere solgt).

3. Betydning og orden

Denne er ekstremt sund fornuft, men jeg har lyst til, at jeg stadig skal nævne det her.

Ting, der betyder mest, lægger du først og / eller får dem til at optage mest mulig plads. Brug sekvenser af ting til at formidle orden. Et cetera. Du kan bestemt finde ud af resten.

Slutningen

Tillykke! Hvis du har fulgt alle disse trin, mens du foretager hvad du end laver, ser det sandsynligvis meget godt ud efter industristandarder.

Til alt andet er der altid en designer.

***

I min blog udforsker jeg emner inden for designetik, privatliv og inkluderende design samt andre vigtige problemer, som design & tech står overfor i dag. Hvis du også er interesseret i disse emner, skal du se dette rum: Følg mig på Medium eller Twitter.