Bibliotek

11 enkle designtip til forbedring af dine sociale mediebilleder

Mennesker er af natur meget visuel væsener.





I selve hjernen er der hundreder af millioner neuroner viet til visuel behandling, næsten 30 procent af hele cortex sammenlignet med 8 procent for berøring og kun 3 procent for hørelse.

Hver af de to optiske nerver, som bærer signaler fra nethinden til hjernen, består af en million fibre, sammenlignet med hørselsnerven med kun 30.000.





Det er alt for at sige det billeder på sociale medier er en vigtig del af din indhold, der når det maksimale beløb af mennesker, mennesker der er meget visuelle væsener!

Markedsførere, der har dablet ind skabe engagerende billeder for sociale medier ved bare, hvor hård og tidskrævende det kan være. Jeg er ingen ekspert, men jeg har lært en eller to ting om at skabe sociale mediebilleder efter masser af øvelse (og fejl!), Og jeg er glad for at dele med dig mine foretrukne tip og principper for design af sociale medier for at hjælpe med at forbedre dine sociale mediebilleder.


OPTAD-3

Lad os dykke ind!

Forbedring af sociale mediebilleder

Tips til design af sociale medier: 11 principper og taktikker til forbedring af dine billeder

Hos Buffer, vi Opret alle billederne til vores blogindlæg og sociale medier uden meget hjælp udefra - og der er masser af billeder! I gennemsnit har hvert Buffer-blogindlæg fem brugerdefinerede billeder, og nogle har langt mere.

For at skabe disse stoler vi på 11 enkle designprincipper, der hjælper med at gøre billedoprettelsesprocessen let. Vi er glade for at dele dem med dig i dette indlæg, og hvordan du muligvis kan anvende det på din egen arbejdsgang .

Fik nogen favorit tips eller principper om design af sociale medier, som vi mangler ? Jeg vil meget gerne høre om dem i kommentarerne!

11 designprincipper og tip til design af sociale medier

1. Farve

90% af snap-domme lavet om produkter er baseret på farve alene

Farve er et af de vigtigste og mest komplekse aspekter af ethvert design på sociale medier. Det hjælper med at indstille stemningen, skabe en atmosfære, formidle følelser og endda fremkalde stærke individuelle oplevelser fra nogens fortid.

I en undersøgelse af indvirkningen af ​​farve på markedsføring , fandt forskere det op til 90% af snap-domme fremstillet om produkter kan være baseret på farve alene afhængigt af produktet. Andet akademiske studier om farver i marketing har peget på det faktum, at det er vigtigere for farver at understøtte den personlighed, du vil skildre i stedet for at prøve at tilpasse sig typiske farveforeninger.

For eksempel fremhæver denne Help Scout-grafik farven ved at formidle personlighed i et stykke indhold, der reflekterer positivt tilbage på mærket. På den Hjælp spejderblog du ser ensartede, iøjnefaldende farver, der kommer ud som sjove, men alligevel indsigtsfulde.

HelpScout Color Marketing Eksempler

Det andet eksempel fra mærket Loulou & Tummie fremhæver brugen af ​​farve til at markedsføre til et bestemt publikum. Loulou og Tummie er kendt for deres iøjnefaldende vektorarbejde og brugen af ​​farve til at fortælle en historie og fremkalde følelser.

Loulou og Tummie Design Inspiration

Brug farver i dine sociale mediebilleder, der guide dit publikum gennem en historie . Gør det ved at overveje, hvilke farver der hjælper med at fortælle en bestemt del af historien. Principperne for farve teori er et godt sted at starte og kan bruges til at skabe en følelse af harmoni i dine billeder.

Her er en hurtig gennemgang af, hvordan forskellige farver påvirker vores hjerne, og hvordan de ofte bruges i historiefortælling og marketing:

net

Rød = Energi og haster

orange

Orange = Aggressiv

gul

Gul = Optimistisk og ungdommelig

hvordan man laver en youtube-kanal 2020
grøn

Grøn = Rigdom og afslapning

blå

Blå = Tillid og sikkerhed

lyserød

Pink = Romantisk og feminin

sort

Sort = Kraftig og slank

lilla

Lilla = Beroligende og rolig

2. Balance

De 4 forskellige balancetyper (inklusive den du sandsynligvis tænker på)

Balancen i verdenen af ​​sociale medier billeddesign er en vanskelig en at få fat på, men det er værd at gøre. En god måde at tænke på balance er at forestille sig, at hvert element i dit design har en ” vægt bag det . '

Sagt på en anden måde: Hvis du placerer billedet på en balance skala, ville det så vippe til den ene side?

Det er også vigtigt at huske, at forskellige elementer har forskellig vægt balance behøver ikke opdeles lige ned i midten . Der er 4 forskellige typer af balance:

  1. symmetrisk
  2. asymmetrisk
  3. radial (billede en vindeltrappe)
  4. krystallografisk (billede en bakke med donuts med forskellige påfyldninger)

Alle disse kan skabe et smukt design på sociale medier.

Tag for eksempel denne fantastiske grafik fra kunstner og illustrator George Bokhua :

Pink Lotus - George Bokhua

Dette billede viser den smukke brug af symmetrisk balance og følelsen af ​​harmoni. Symmetrisk balance er fantastisk til illustrationer, tegninger, bloggrafik, fotografier og meget mere.

På den anden side er der asymmetrisk balance som vist i dette billedeksempel:

Eksempel på asymmetrisk balance

Asymmetrisk balance skaber spænding gennem kontrast og kan være visuelt interessant, når det gøres korrekt. Fordi det er abstrakt, er der ingen symmetri, og der er ingen perfekte spejlbilleder.

Et sted, vi finder balance, er vigtig vælger lager billeder . Samlingen af ​​fotos på Uplash er et godt eksempel på en fotosamling, der udmærker sig ved at tage balance i ligesom med dette billede:

kløft

Hvis du opretter et eget billede , for at afbalancere vægten i dit billede, leg rundt med forskellige ting såsom genstandens størrelse, genstandens lysstyrke og mørke, varme og kølige farver, tekstur, antal objekter, isolering af objekter og orientering (lodret / vandret / diagonal) af genstande.

3. Linjer

Lige linjer indebærer orden. Buede linjer antyder bevægelse.

Linjer er visuelle elementer af dit billede, der hjælper med at lede øjet til, hvor du vil have det hen. Lige linjer arbejder for at give billedet en følelse af orden og ryddighed, mens skæve eller buede linjer kan give billedet en følelse af organiseret spænding og bevægelse.

At være opmærksom på brugen af ​​linjer i hele dit billede kan hjælpe med at guide dit publikum langs en visuel rejse stopper ved de vigtigste og forsætlige elementer undervejs.

Lad os kigge på dette utroligt eksempel af kraften fra linjer fra Muti :

Illustration af linjer i grafisk design fra Muti

Brug af rene diagonale linjer i hele illustrationen fører dine øjne til forskellige områder på en hurtig og effektiv måde. Næsten at skabe 'sektioner' i billedet med forskellige byer som flere fokuspunkter.

Sammenlign det nu med de buede linjer i denne illustration fra den samme kunstner, Muti , og hvordan det skaber en følelse af bevægelse. Denne bevægelse fører dig rundt i grafikken, indtil du lander tilbage i centrum:

American Express Graphic af Muti Studio

Når du tilføjer linjer til dit billede , vær opmærksom på, hvor de trækker læserens øjne. Målet er at skabe en logisk sti, som læseren kan følge, indtil de kommer til det punkt, som du har tænkt dem.

4. Typografi

Traditionelt er serif-skrifttyper bedst til udskrivning og sans-serif til internettet

Typografi er en kunst. Valg af perfekt skrifttype eller sæt skrifttyper der fungerer problemfrit sammen kan give dit sociale mediebillede liv. Det har også stor indflydelse på, hvordan dit design modtages af mennesker, og i sidste ende meddelelsen, dit brand med vilje (eller utilsigtet) sender videre.

Når du vælger hvilken skrifttype eller skrifttyper, der skal bruges i dit design, er et af de vigtigste aspekter, du skal huske på læsbarhed.

Grafisk designer Paul Rand har måske sagt det bedst, da han sagde: 'Forsøg ikke at være original, bare prøv at være god.'

Uanset om du vælger en sans-serif-skrifttype eller en serif-font eller en hvilken som helst variation imellem, skal du sørge for, at dit publikum kan læse din besked. Her er et par pro-tip til brug af skrifttyper:

  • Begræns dit design til maksimalt 3 skrifttyper
  • Brug fontstørrelse, der passer godt ind i det medium, du udgiver til
  • Traditionelt er serif-skrifttyper bedst til udskrivning og sans-serif til internettet
  • Kerning er en fantastisk teknik at bruge i dine titler

Og for dem der er nysgerrige efter anden typografi-terminologi, denne smarte infografik vil hjælpe!

Typografiprincipper inforgrafisk

5. Kontrast

Tilføj kontrast med farver, former og størrelser

Har du nogensinde hørt nogen sige, at en illustration eller et design “ virkelig poppet ?

Hvad de måske henviser til, er kontrasten i et billede. Kontrast giver differentiering mellem elementer, hvilket får en til at skille sig ud eller 'pope' mere end de andre elementer.

Brug af effektiv kontrast er en fantastisk måde at forbedre dine sociale mediebilleder på. Uden kontrast risikerer dit design at være 'fladt'. Men med for meget kontrast kan dit design blive rodet, og intet skiller sig ud.

Her er min 3 foretrukne måder at tilføje kontrast på til et billede uden at underdrive eller overdrive det.

Tilføj kontrast med farver

En af de nemmeste måder at implementere kontrast i dit billeddesign er ved brug af farver. For eksempel at afspille lyse farver fra mørke farver eller omvendt. I dette billede brugte jeg en hvid skrifttype i modsætning til den mørke baggrund, der gjorde ordlyden både læselig og visuelt tiltalende.

Eksempel på farvekontrast

Tilføj kontrast med figurer

hvordan man deler et instagram-indlæg til dit feed

En anden måde at nemt tilføje kontrast til dit billede på er ved hjælp af former. Det her smuk grafik fra Canva hjælper med at fremhæve, hvor godt konformiteten af ​​symmetriske former kan spille sammen med den asymmetriske natur af organiske former.

Kontrastformer og design

Tilføj kontrast med størrelser

I sin enkleste form kan kontrast let tilføjes for at forbedre din billeder på sociale medier ved at gøre visse aspekter af designet større eller mindre end andre. Det kan også betyde at tilføje mere vægt (som at fedme et ord) til elementer.

Denne restaurantannonce trækker publikum til navnet “ 1913, ”Først og derefter til andre områder af billedet såsom ordet“ restaurant ”og til sidst til billedet af maden i baggrunden.

Størrelseskontrast i billeddesign på sociale medier

6. Skala

Zoom ud på et koncept, eller zoom ind med dine skrifttypevalg

Skala refererer pr. Definition til den bevidste dimensionering af forskellige elementer i dit design. 'Skalering' hjælper med at bringe bestemte elementer i fokus og giver dine læsere mulighed for at forstå et koncept.

Tænk et øjeblik og prøv at forestille dig dit liv i flere måneder eller endda dage. Kan du forestille dig det?

Denne vidunderlige illustration af Tim Urban illustrerer de stærke effekter af skalering.

Menneskeliv i måneder - vent men hvorfor

Skalering fungerer også godt til mere konkrete design på sociale medier. Se billedet nedenfor:

Tips til design af sociale medier fra Buffer

I dette billede sigter jeg mod at trække dig mod citatet først med en opskaleret skriftstørrelse. Når jeg først har fået din nysgerrighed fra citatet, håber jeg, at dine øjne naturligt bevæger sig lige til ballonen. Og endelig trækkes du hen til meddelelsen i grafikken, 'Happy Teachers Month.'

Virkede det?

7. Nærhed

Gruppér lignende ting sammen for at afvikle og organisere

Nærhed er altafgørende, når du skaber en organisationsfølelse inden for dit design. Lignende eller relaterede elementer grupperes bedst for at skabe et forhold mellem dem. Målet er at gruppere varer sammen til declutter dit design og 'rydde tingene lidt op.'

Du kan omsæt nærhedsprincippet til handling ved at forbinde lignende elementer sammen. En nem måde er ved fysisk placering af objekterne nær hinanden. Den anden måde er at forbinde dem på andre visuelle måder med brug af lignende farver, skrifttyper, størrelse osv.

Dette enkle eksempel viser, hvordan nærhed kan bruges til at hjælpe os med at opfatte objekter som relaterede. Cirklerne er spredt ud, hver opfattes som sit eget objekt.

oprettelse af facebook-side for små virksomheder
Eksempel på nærhed 1 - design af sociale medier

Så når vi når alle cirklerne tæt på hinanden, ser de ud til at miste følelsen af, at de er separate objekter. Det opfattes at være mere af en hel, ental form.

Eksempel på nærhed 2 - design af sociale medier

Når det sættes i noget som et socialt mediedesign, kan nærhed hjælpe med at bringe elementer af et produkt eller koncept sammen gennem rumlige forhold.

8. Hierarki

Placer de vigtigste elementer i de største skrifttyper

Det er meget sandsynligt, at du vil arbejde med flere elementer i dit design på sociale medier . Og chancerne er, at hvert af disse elementer vil være vigtigt for dit overordnede budskab. Hierarki er et godt tip til design af sociale medier for at sikre, at du først får din vigtigste besked videre.

At drage fuld fordel af hierarkidesignprincippet starter med et forståelse af dine mål . Etabler det mest afgørende budskab som omdrejningspunkt, og brug derefter de andre designprincipper i denne artikel for at få det til at skille sig ud.

Når det er på plads, kan du begynde at opbygge dit andet eller tredje stykke information uden at tage det overordnede mål væk.

Et godt eksempel er her i denne rejseannonce. Billedet trækker læseren ind i 'rejse' og fører dem derefter til de sekundære meddelelser.

Eksempel på hierarki - Tips til design af sociale medier

Det fungerer endda til enkle sociale mediedesign som citater. Det vigtigste omdrejningspunkt er selve citatet efterfulgt af sekundær information såsom forfatter eller kilde.

Tips til design af sociale medier - eksempel på hierarki

9. Gentagelse

Brug altid det samme sæt skrifttyper, farver og logoer

Et af de lettere designelementer til at forbedre dine sociale mediebilleder er gentagelsesprincippet. Gentagelse er en vigtig del af processen, fordi den hjælper med at etablere og styrke forskellige elementer.

Det er også, hvad folk ofte omtaler som ' konsekvent branding . '

Tre ting at altid prøve og være i overensstemmelse med i dine designs er skrifttyper , farver og logoer . Over tid vil gentagelse af disse 3 elementer give dig eller dit brand et unikt og øjeblikkeligt genkendeligt look. Lad os se på et par eksempler for at illustrere den enkle brug af gentagelse i design.

Husk dette Apple reklame ? Fængende på grund af sin farverige og legende natur hjælper brugen af ​​gentagelse i dette billede til at skabe ensartet tilknytning. Det gør også netop, hvad det satte sig for, og det giver en følelse af bevægelse eller dans i billedet.

Apple-annonce, gentagelse, tip til design af sociale medier

Gentagelse er også vigtigt, hvornår opbygge et personligt brand . Tag disse smukke visitkort fra Alan Murphy , for eksempel. Uanset om du er et stort brand eller en en-person butik, gentagelse hjælper dig med at blive genkendelig over tid.

Personlige branding-visitkort - Tips til design af sociale medier

10. Retning

Folk læser i et 'F' mønster, et 'E' mønster og et 'Z' mønster

Den måde, hvorpå det menneskelige øje bevæger sig på tværs af design, billeder, hjemmesider og andre visuelle elementer, er unik, men ofte konsistent. Derfor er det vigtigt at guide dit publikum langs den 'sti', som du gerne vil have dem til at følge i dit billede. Med andre ord, skab et bevidst 'flow'.

Webstedsdesignundersøgelser har givet os en indvendigt udseende hvordan folk har tendens til at se websteder, når de ankommer for første gang. Hvad de fandt ud af, var at vi læste i et 'F' mønster, et 'E' mønster og nogle gange et 'Z' mønster. Så placer vigtige og iøjnefaldende elementer på øverste venstre og venstre side af dit design er nøglen.

Skøre æg skabte en fantastisk infografik over data fundet fra deres eye-tracking eksperimenter sammen med måder, hvorpå du kan forbedre dit design. God fornøjelse!

Crazy Egg Eye Tracking Social Media Design Tips

11. Rum

Se efter konturer i dine billeder. Avanceret tip: Prøv at knolde!

Jeg gemte et af mine foretrukne sociale medier designtips til sidst, og det er det brug af plads . Enkelt sagt, negativ plads eller hvidt område er området omkring andre objekter i billedet. Oftere end ikke er det, du vælger at udelade fra dit billede, lige så vigtigt som det, du tilføjer.

Prøv ikke at undervurdere enkelhedens kraft i dit design. Rum kan hjælpe med at bringe en vis æstetisk kvalitet til dit billede og samtidig fremhæve de vigtigste elementer.

Jeg vil meget gerne vise dig to eksempler på de vidunderlige effekter ved at bruge plads i dine designs. Den første er fra kunstner, illustrator og grafisk designer Tang Yau Hoong der tilsyneladende har mestret kunsten i rummet i design. Tang Yau Hoong udhugger bevidst og klogt former i negativt rum for at skabe en fascinerende følelse.

Negativt og hvidt rum inden for design - Tips til design af sociale medier 2

Når du tilføjer figurer, skrifttyper eller farver til dit design, skal du overveje, hvilke former eller konturer der dannes omkring dem, og bruge dem til din fordel. Du kan hurtigt indse, at dit design tager form på måder, du ikke oprindeligt havde planlagt.

Det andet eksempel er fra fotograferingsverdenen. Knolling er en teknik, der virkelig er kommet stærkt igennem de sidste par år. Det hvide rum, der omgiver hvert element, hjælper virkelig med at frembringe hvert stykke individuelt.

Knolling Eksempel 1 - Tip til design af sociale medier 2

Behold dine billeder enkel og brug rummet omkring genstande for at gøre opmærksom på vigtige elementer. Jeg elsker denne grafik fra Cinch der fremhæver virkelig kraften i simpelt design.

Cinch, grafisk designeksempel, design af sociale medier
'Designere og marketingfolk ved, at de har 'opnået perfektion' ikke, når der ikke er noget tilbage at tilføje, men når der ikke er noget tilbage at tage væk.'

- Antoine de Saint-Exupéry

Over til dig

Jeg håber, at du nød at lære lidt om design af sociale medier! Det er virkelig forbløffende, hvordan små justeringer til billeder kan have en så enorm effekt på kvalitet og resultat.

Manglede jeg nogle af dine foretrukne tip til design af sociale medier ovenfor? Jeg vil meget gerne lære af dig!

Du er velkommen til at droppe en kommentar nedenfor for at holde samtalen i gang.

Flere fantastiske designressourcer

Designelementer og principper - Canva

8 grundlæggende designprincipper, der hjælper dig med at skabe bedre grafik - Adobe

Hvorfor hver marketingmand i 2016 skal være en (deltid) designer - Buffer



^