Biblioteca

11 consells de disseny senzills per millorar les imatges de xarxes socials

Els humans som, per naturalesa, molt visual éssers.

Al cervell mateix, hi ha centenars de milions de neurones dedicades al processament visual, gairebé el 30 per cent de tota l’escorça , en comparació amb el 8% per al tacte i només el 3% per a l’audició.



Cadascun dels dos nervis òptics, que transporten senyals de la retina al cervell, consisteix en un milió de fibres, en comparació amb el nervi auditiu que porta només 30.000.



Això és tot per dir-ho imatges de xarxes socials són una part vital del vostre el contingut arriba a la quantitat màxima de gent, gent que ho és molt éssers visuals!

Comercialitzadors que hi han participat creant imatges atractives perquè les xarxes socials sàpiguen el difícil i el temps que pot fer. No sóc cap expert, però he après una cosa o dues sobre la creació d’imatges de xarxes socials després de molta pràctica (i errors!), I estic encantat de compartir amb vosaltres els meus consells i principis de disseny de xarxes socials preferits per ajudar a millorar les vostres imatges de xarxes socials.



Anem a submergir-nos!

Millora de les imatges de xarxes socials

Consells per al disseny de xarxes socials: 11 principis i tàctiques per millorar les vostres imatges

A Buffer, nosaltres creeu totes les imatges de les publicacions del nostre blog i de les xarxes socials sense molta ajuda exterior - i hi ha un munt d’imatges! De mitjana, cada publicació del bloc Buffer té cinc imatges personalitzades, i algunes tenen molt més.

Per crear-los, ens basem en 11 principis de disseny simples per ajudar a facilitar el procés de creació d’imatges. Estem encantats de compartir-los amb vosaltres en aquesta publicació i de com podeu aplicar-la el vostre propi flux de treball .



Tinc algun favorit consells o principis sobre el disseny de xarxes socials que ens falten ? M’encantaria conèixer-ne els comentaris als comentaris!

11 principis de disseny i consells de disseny de xarxes socials

1. Color

El 90% dels judicis ràpids fet sobre productes es basa només en el color

color és un dels aspectes més importants i complexos de qualsevol disseny de xarxes socials. Ajuda a establir l’estat d’ànim, a crear una atmosfera, a transmetre emocions i, fins i tot, a evocar experiències individuals fortes del passat d’algú.

En un estudi sobre l'impacte del color en el màrqueting , els investigadors van trobar que fins al 90% dels judicis instantanis fet sobre productes es pot basar només en el color, en funció del producte. Altres estudis acadèmics sobre els colors del màrqueting han assenyalat el fet que és més important que els colors donin suport a la personalitat que voleu representar en lloc d’intentar alinear-se amb les associacions de colors típiques.

Per exemple, aquest gràfic Help Scout posa de manifest el poder del color per transmetre personalitat en un contingut que reflecteix positivament la marca. A la Ajuda al bloc explorador veureu colors consistents i atractius que resulten divertits, però perspicaços.

Exemples de màrqueting de color HelpScout

El segon exemple de la marca Loulou i Tummie destaca l'ús del color per comercialitzar a un públic específic. Loulou i Tummie són coneguts pel seu atractiu treball vectorial i per l’ús del color per explicar una història i provocar emocions.

Inspiració en el disseny de Loulou i Tummie

Utilitzeu colors a les vostres imatges de xarxes socials guieu el vostre públic a través d’una història . Feu-ho tenint en compte quins colors ajuden a explicar una porció específica d’aquesta història. Els principis de teoria del color són un lloc ideal per començar i es poden utilitzar per crear un sentit d’harmonia a les imatges.

A continuació, es mostra un resum ràpid de com els diferents colors afecten el nostre cervell i de com s’utilitzen sovint en narracions i màrqueting:

xarxa

Vermell = Energia i urgència

taronja

Taronja = Agressiu

groc

Groc = Optimista i juvenil

com configurar un grup de facebook
verd

Verd = Riquesa i relaxació

blau

Blau = Confiança i seguretat

rosa

Rosa = Romàntic i femení

negre

Negre = Potent i elegant

porpra

Morat = calmant i tranquil

2. Balanç

Els quatre tipus d'equilibri diferents (inclòs el que probablement estigueu pensant)

L’art de l’equilibri al món de les xarxes socials disseny d'imatges és complicat d’aconseguir, però val molt la pena. Una manera fantàstica de pensar l’equilibri és imaginar que cada element del vostre disseny té un “ pes al darrere . '

Dit d'una altra manera: si col·loquéssiu la imatge en una escala d'equilibri, inclinaria-se cap a un costat?

També és important recordar que els diferents elements tenen un pes diferent balanç no s'ha de dividir pel centre . N’hi ha 4 tipus diferents d'equilibri:

  1. simètrica
  2. asimètric
  3. radial (imatge d'una escala de cargol)
  4. cristal·logràfic (mostra una safata de bunyols amb diferents cobertures)

Tot plegat pot donar lloc a un bell disseny de xarxes socials.

Prenem per exemple aquest impressionant gràfic d'artista i il·lustrador George Bokhua :

Pink Lotus - George Bokhua

Aquesta imatge demostra el bon ús de simètrica l’equilibri i la sensació d’harmonia. L’equilibri simètric és ideal per a il·lustracions, dibuixos, gràfics de blocs, fotografies i molt més.

D’altra banda, n’hi ha equilibri asimètric com es mostra en aquest exemple d'imatge:

Exemple d’equilibri asimètric

L’equilibri asimètric crea tensió mitjançant el contrast i pot ser visualment interessant quan es fa correctament. Com que és abstracte, no hi ha simetria, no hi ha imatges de mirall perfectes.

Hi ha un lloc on trobem que l’equilibri és important triar imatges en estoc . La col·lecció de fotos a Unsplash és un gran exemple d’una col·lecció de fotos que sobresurt tenint en compte l’equilibri, com passa amb aquesta imatge:

canó

Si esteu creant una imatge vostra , per tal d'equilibrar el pes de la imatge, jugueu amb diferents coses, com ara la mida dels articles, la claredat i la foscor dels articles, els colors càlids i freds, la textura, la quantitat d'objectes, l'aïllament d'objectes i l'orientació (vertical / horitzontal / diagonal) d’objectes.

3. Línies

Les línies rectes impliquen ordre. Les línies corbes insinuen el moviment.

Les línies són les elements visuals de la vostra imatge que us ajudarà a guiar la vista cap a on voleu que vagi. Les línies rectes funcionen per donar a la imatge una sensació d’ordre i ordre, mentre que les línies corbes o corbes poden donar a la imatge una sensació de tensió i moviment organitzats.

Prestar molta atenció a l’ús de línies a tota la imatge us pot ajudar a guiar el vostre públic al llarg d’un viatge visual , parant-se als elements més importants i intencionats del camí.

Fem una ullada a això increïble exemple de la potència de les línies des de Muti :

Il·lustració de línies en disseny gràfic de Muti

L'ús de línies diagonals netes al llarg de la il·lustració us portarà els ulls a diferents zones d'una manera ràpida i eficient. Gairebé creant 'seccions' a la imatge amb diferents ciutats com a punts focals múltiples.

Compareu-ho ara amb les línies corbes d’aquesta il·lustració del mateix artista, Muti , i com crea una sensació de moviment. Aquell moviment que us condueix al voltant del gràfic fins que torneu al punt focal central:

Gràfic American Express de Muti Studio

En afegir línies a la vostra imatge , parar molta atenció a on dibuixen els ulls del lector. Proveu de crear un camí lògic que el lector pugui seguir fins que arribi al punt que voleu.

4. Tipografia

Tradicionalment, els tipus de lletra serif són els millors per imprimir i sans-serif per al web

La tipografia és un art. Selecció del fitxer tipus de lletra perfecte o conjunt de tipus de lletra que funcionin junts sense problemes poden donar vida a la vostra imatge de xarxes socials. També té un gran impacte en com la gent rep el vostre disseny i, en última instància, en el missatge que la vostra marca envia intencionadament (o no).

Quan seleccioneu el tipus de lletra o tipus de lletra que voleu utilitzar en el vostre disseny, cal tenir en compte un dels aspectes més importants llegibilitat.

El dissenyador gràfic Paul Rand potser ho va dir millor quan va dir: 'No intenteu ser originals, intenteu ser bons'.

Tant si trieu un tipus de lletra sans-serif o un tipus de lletra serif o qualsevol variació intermedia, assegureu-vos que el vostre públic pugui llegir el vostre missatge. A continuació, es detallen alguns consells pro sobre l’ús de tipus de lletra:

  • Limiteu el disseny a un màxim de 3 tipografies
  • Utilitzeu una mida de tipus de lletra que s'adapti bé al mitjà al qual publiqueu
  • Tradicionalment, els tipus de lletra serif són els millors per imprimir i sans-serif per al web
  • Kerning és una tècnica fantàstica per utilitzar en els vostres títols

I per a aquells que tinguin curiositat per altres terminologies tipogràfiques, aquest enginyós infografia ajudarà!

Tipografia Principis inforgràfics

5. Contrast

Afegiu contrast amb colors, formes i mides

Alguna vegada heu sentit a algú dir que una il·lustració o un disseny ' realment va aparèixer '?

Al que es poden referir és al contrast d’una imatge. El contrast proporciona una diferenciació entre els elements, cosa que fa que un destaqui o “faci saltar” més que els altres elements.

L’ús d’un contrast eficaç és una manera excel·lent de millorar les vostres imatges a les xarxes socials. Sense cap contrast, el vostre disseny corre el risc de ser 'pla'. Però amb massa contrast, el vostre disseny pot quedar desordenat i res no ressaltarà.

Aquí teniu el meu 3 maneres preferides per afegir contrast a una imatge sense menystenir-la ni exagerar-la.

Afegeix contrast amb colors

Una de les maneres més fàcils de fer-ho implementar el contrast en els vostres dissenys d’imatges és mitjançant l’ús de colors. Per exemple, reproduir els colors clars de colors foscos o viceversa. En aquesta imatge, he utilitzat una font blanca en contrast amb el fons fosc, cosa que fa que la redacció sigui llegible i atractiva visualment.

Exemple de contrast de color

Afegiu contrast amb formes

com aconseguir molts seguidors a instagram 2016

Una altra manera d’afegir contrast fàcilment a la vostra imatge és mitjançant l’ús de formes. Això bonic gràfic de Canva ajuda a ressaltar el grau de conformitat de les formes simètriques amb la naturalesa asimètrica de les formes orgàniques.

Disseny i formes de contrast

Afegeix contrast amb mides

En la seva forma més senzilla, es pot afegir fàcilment contrast per millorar el vostre imatges de xarxes socials fent que certs aspectes del disseny siguin més grans o més petits que altres. També pot significar afegir-ne més pes (com en negreta una paraula) als elements.

Aquest anunci de restaurant atrau al públic cap al nom: 1913, ”Primer i després a altres àrees de la imatge, com ara la paraula“ restaurant ”i, finalment, a la imatge del menjar al fons.

Contrast de mida en disseny d

6. Escala

Allunyeu un concepte o acosteu-vos amb les vostres opcions de tipus de lletra

L’escala, per definició, fa referència al dimensionament deliberat de diversos elements del vostre disseny. 'Escalar' ajuda a centrar determinats elements i permet als lectors donar sentit a un concepte.

Penseu un segon i intenteu imaginar la vostra vida en diversos mesos o fins i tot dies. Us ho imagineu?

Aquesta meravellosa il·lustració de Tim Urban il·lustra els efectes potents de l’escala.

La vida humana en mesos: espereu però per què

L’escala també funciona bé per a dissenys de xarxes socials més concrets. Mireu la imatge següent:

Consells de disseny de xarxes socials de Buffer

En aquest visual, tinc l’objectiu d’atreure’t cap a la cita primer amb una mida de lletra ampliada. Un cop he guanyat la curiositat de la cita, espero que els vostres ulls es moguin de forma natural cap al globus. I, finalment, us atrau el missatge del gràfic 'Feliç mes dels professors'.

Va funcionar?

7. Proximitat

Agrupeu articles similars per desordenar i organitzar

La proximitat és primordial a l’hora de crear un sentit d’organització dins del vostre disseny. Els elements similars o relacionats s’agrupen millor per crear una relació entre ells. L'objectiu és agrupar els elements rebutja el teu disseny i 'endreçar les coses una mica'.

Tu pots posar en pràctica el principi de proximitat mitjançant la connexió d’elements similars. Una manera fàcil és col·locant físicament els objectes a prop l'un de l'altre. L’altra manera és connectar-los d’altres maneres visuals amb l’ús de colors, tipus de lletra, mida, etc.

Aquest senzill exemple mostra com es pot utilitzar la proximitat per ajudar-nos a percebre els objectes com si estiguessin relacionats. Els cercles estan repartits, percebuts cadascun com el seu propi objecte.

com activar en directe a Instagram
Exemple de proximitat 1: disseny de xarxes socials

Després, un cop apropats tots els cercles, semblen perdre la sensació que són objectes separats. Es percep més que una forma sencera i sencera.

Exemple de Proximitat 2: disseny de xarxes socials

Quan es posa en alguna cosa com un disseny de xarxes socials, la proximitat pot ajudar a reunir elements d’un producte o concepte mitjançant relacions espacials.

8. Jerarquia

Col·loqueu els elements més importants a les fonts més grans

És molt probable que hi treballeu diversos elements del disseny de xarxes socials . I és probable que cadascun d’aquests elements sigui important per al vostre missatge general. La jerarquia és un suggeriment fantàstic per al disseny de xarxes socials per assegurar-vos que primer rebreu el missatge més important.

Aprofitar al màxim el principi de disseny de la jerarquia comença per un comprensió dels vostres objectius . Establir el missatge més crucial com a punt focal i, a continuació, utilitzar els altres principis de disseny d’aquest article per destacar-lo.

Un cop estigui al seu lloc, podeu començar a generar la vostra segona o tercera informació sense treure l’objectiu general.

Un gran exemple és aquí en aquest anunci de viatge. La imatge atrau el lector cap al 'viatge' i després el condueix als missatges secundaris.

Exemple de jerarquia: consells per al disseny de xarxes socials

Fins i tot funciona per a dissenys de xarxes socials simples com ara cometes. El principal punt focal és la pròpia cita seguida de qualsevol informació secundària, com ara l'autor o la font.

Consells per al disseny de xarxes socials: exemple de jerarquia

9. Repetició

Utilitzeu sempre el mateix conjunt de tipus de lletra, colors i logotips

Un dels elements de disseny més fàcils per millorar les imatges de les xarxes socials és el principi de repetició. La repetició és una part important del procés perquè ajuda a establir i enfortir diferents elements.

També és el que la gent sol anomenar ' marca consistent . '

Hi ha tres coses per provar i ser coherents sempre en els vostres dissenys tipus de lletra , colors , i logotips . Amb el pas del temps, la repetició d’aquests 3 elements li donarà a vostè o a la seva marca un aspecte únic i immediatament reconeixible. Vegem alguns exemples per il·lustrar el simple ús de la repetició en el disseny.

Recordeu aquest Apple publicitat ? Enganxós pel seu caràcter alegre i colorit, l’ús de la repetició en aquesta imatge ajuda a crear una associació consistent. També fa exactament el que es proposava i això dóna una sensació de moviment o de ball a la imatge.

Consells sobre disseny d’anuncis Apple, repetició i xarxes socials

La repetició també és important quan construir una marca personal . Agafeu aquestes belles targetes de visita Alan Murphy , per exemple. Tant si sou una gran marca com si es tracta d’una botiga única, la repetició us ajudarà a reconèixer-vos amb el pas del temps.

Targetes de visita de marca personal: consells per al disseny de xarxes socials

10. Direcció

La gent llegeix un patró “F”, un patró “E” i un patró “Z”

La forma en què l’ull humà es mou per dissenys, imatges, llocs web i altres elements visuals és única, però sovint coherent. Per això, és important guiar el vostre públic pel 'camí' que voleu que segueixi a la vostra imatge. En altres paraules, creeu un 'flux' deliberat.

La investigació en disseny de llocs web ens ha donat un mirada interior sobre com la gent tendeix a veure llocs web quan arriba per primera vegada. El que van trobar va ser que llegim en un patró 'F', un patró 'E' i, de vegades, un patró 'Z'. Col·locar, doncs, elements importants i atractius a la part superior esquerra i esquerra del vostre disseny és clau.

Ou boig han creat una gran infografia sobre les dades trobades en els seus experiments de seguiment dels ulls, juntament amb maneres de millorar el vostre disseny. Gaudeix-ne!

Consells per al disseny de xarxes socials sobre el seguiment dels ulls de l’ou boig

11. Espai

Cerqueu esquemes a les vostres imatges. Consell avançat: proveu de fer un collet.

Vaig desar una de les meves xarxes socials preferides consells de disseny per fi i aquest és el ús de l’espai . En poques paraules, espai negatiu o espai en blanc és l'àrea que envolta altres objectes de la imatge. Sovint, el que escolliu deixar de banda de la vostra imatge és tan important com el que afegiu.

Intenteu no subestimar el poder de la senzillesa en el vostre disseny. L’espai pot ajudar a aportar una certa qualitat estètica a la vostra imatge, alhora que ressalta els elements més importants.

M’encantaria mostrar-vos dos exemples dels meravellosos efectes de l’ús de l’espai en els vostres dissenys. El primer és d'artista, il·lustrador i dissenyador gràfic Tang Yau Hoong que aparentment ha dominat l'art de l'espai en el disseny. Tang Yau Hoong esculpeix intencionalment i hàbilment formes en un espai negatiu per crear una sensació fascinant.

Espai en blanc i negatiu en disseny: consells per al disseny de xarxes socials 2

Quan afegiu formes, tipus de lletra o colors al disseny, tingueu en compte quines formes o esquemes es formen al voltant i utilitzeu-los per al vostre avantatge. És possible que us adoneu ràpidament que el vostre disseny pren forma de maneres que no havíeu previst originalment.

El segon exemple és del món de la fotografia. Knolling és una tècnica que realment ha tingut força en els darrers anys. L’espai en blanc que envolta cada element ajuda realment a treure cada peça de manera individual.

Exemple de Knolling 1: consells de disseny de xarxes socials 2

Conserva les teves imatges simple i utilitza l’espai al voltant d’objectes per cridar l’atenció sobre elements importants. M'encanta aquest gràfic de Cinch que realment destaca la potència del disseny senzill.

Cinch, exemple de disseny gràfic, disseny de xarxes socials
'Els dissenyadors i venedors saben que han' assolit la perfecció 'no quan ja no hi ha res per afegir, sinó quan ja no queda res per emportar'.

- Antoine de Saint-Exupéry

Més a tu

Espero que us hagi agradat aprendre una mica sobre el disseny de xarxes socials. És realment sorprenent que els petits ajustaments a les imatges puguin tenir un efecte tan enorme sobre la qualitat i el resultat.

He trobat a faltar algun dels vostres consells preferits de disseny de xarxes socials anteriors? M’encantaria aprendre de vosaltres!

Si us plau, no dubteu a deixar un comentari a continuació per continuar la conversa.

Més recursos de disseny impressionants

Elements i principis de disseny - Canva

8 principis bàsics de disseny per ajudar-vos a crear millors gràfics - Adobe

Per què cal que tots els professionals del màrqueting del 2016 siguin dissenyadors (a temps parcial) - Tampó



^