Biblioteca

Per què cal que tots els professionals del màrqueting del 2018 siguin dissenyadors (a temps parcial): 52 termes de disseny i consells per pujar de nivell

Quan vaig començar a treballar en màrqueting, no vaig predir que també seria dissenyador a temps parcial.





Ara, el 201, el contingut visual és hi ha més de 40 vegades més probabilitats de compartir-se a les xarxes socials que altres tipus de contingut i és evident que fins i tot és necessari que tots els venedors tinguem almenys alguns coneixements bàsics sobre els termes clau del disseny.

Afortunadament, vivim en un món meravellós on tothom pot fer el salt de principiants a intermedis i crear imatges ben dissenyades per a xarxes socials. Hi ha eines com Pau i Canva que fan que aquest disseny sigui realitzable (i bonic).





Tanmateix, a banda de les eines, si voleu millorar les vostres habilitats de màrqueting, és essencial millorar la vostra comprensió del disseny.

Alguna vegada us heu preguntat què podria ser possible amb només un petit coneixement addicional de disseny a la butxaca del darrere?


OPTAD-3

Resulta que prendre les teves imatges de xarxes socials de bo a gran és un salt raonable. I tot comença amb una bona base i comprensió d’alguns termes i principis clau del disseny.

Si voleu agafar el vostre imatges de xarxes socials al següent nivell i converteix-te en un millor venedor, fes un cop d'ull a aquest diccionari de disseny per obtenir un curs ràpid sobre com entendre millor el disseny.

-

52 termes de disseny explicats per als professionals del màrqueting

1. Relació d’or

La proporció àuria es produeix amb dos objectes que, un cop dividits els més grans entre els més petits, donen lloc al nombre 1,6180 (o per allà). La proporció àuria més famosa és el rectangle daurat, que es pot dividir en un quadrat perfecte i un rectangle amb la mateixa proporció d’aspecte que el rectangle original. És possible que ho vegeu a la composició d'imatges o al disseny de llocs web i al disseny de la graella.

relació d

( via )

En utilitzar la proporció àurea, podeu assegurar-vos que les imatges siguin atractives i que tinguin un format preciós. Aquí hi ha un exemple de la proporció àuria que s’utilitza per dividir l’espai entre el cos d’un lloc web i la barra lateral:

disseny-web-proporció-àurea

A continuació es mostra un altre exemple on els elements clau del disseny s’adapten a una secció diferent de la proporció àuria:

132-1324x1649

2. Regla dels terços

Podeu aplicar la regla dels terços imaginant una quadrícula de 3 × 3 situada a la part superior de la imatge i alineant el tema de la imatge amb les línies de guia i els seus punts d’intersecció (per exemple, col·locant l’horitzó a la línia superior o inferior) o permetent els elements de la imatge flueixen fàcilment de secció en secció.

regla de terços

( via )

Un cop tingueu la quadrícula al lloc, els punts on es tallen les línies entre si, indiqueu les principals àrees focals del vostre disseny:

punts focals

Tipografia, text i termes de tipus de lletra

3. Tipografia

'La tipografia és el component visual de la paraula escrita' La tipografia pràctica explica molt bé . Tot el text visualitzat visualment, ja sigui en paper, pantalla o cartellera, inclou tipografia.

4. Serif

Un serif és el petit traç extra o corbes, als extrems de les lletres.

5. Sans-serif

'Sans' significa literalment 'sense', i una font sans serif no inclou cap traç addicional als extrems de les lletres.

serif

Tot i que no hi ha regles establertes per utilitzar un tipus de lletra serif o sans serif, es suggereix que Les fonts sans serif s’han d’utilitzar per al text corporal en línia i les fonts serif per als titulars i la impressió.

6. Guió

Els tipus de lletra d’escriptura són tipus de lletra o tipus basats en estils d’escriptura a mà històrics o moderns i són més fluids que els tipus de lletra tradicionals.

Un parell de tipus de lletra d’escriptura d’exemple inclouen:

Alex Brush

alex-brush-font

I, Grand Hotel :

grand-hotel-font

7. Serif de lloses

Els tipus de lletra serif presenten un aspecte geomètric que els tipus de lletra serif tradicionals i presenten serifs quadrats i més grans, més atrevits.

Un excel·lent exemple de tipus de lletra serif de lloses és Museu Slab :

museu-slab

8. Monovolum

Una font monoespacial, (també conegut com a tipus de lletra de pas fix, d'amplada fixa o no proporcional) és un tipus de lletra les lletres i els caràcters dels quals ocupen la mateixa quantitat d'espai horitzontal.

9. Jerarquia

La jerarquia tipogràfica és una part essencial de qualsevol disseny o disseny i, fins i tot si no esteu familiaritzat amb el terme, segur que haureu vist la jerarquia en acció a qualsevol lloc web, diari o revista.

tuts + explicar :

La jerarquia tipogràfica és un sistema d'organització del tipus que estableix un ordre d'importància dins de les dades, que permet al lector trobar fàcilment el que busca i navegar pel contingut. Ajuda a guiar la mirada del lector cap a on comença i acaba una secció, alhora que permet a l’usuari aïllar determinada informació en funció de l’ús coherent de l’estil en un conjunt de text.

Aquí teniu un exemple per il·lustrar la importància de la jerarquia:

jerarquia 2

10. Kerning

El kerning es refereix a l'espai entre dues lletres específiques (o altres caràcters: números, puntuació, etc.) i el procés d'ajustar aquest espai millora la llegibilitat.

kerning-gif

11. Liderant

El límit determina com s’espaia verticalment el text entre línies. El lideratge s’utilitza quan el contingut que conté diverses línies de text llegible i garanteix que la distància des de la part inferior de les paraules de dalt a la part superior de les paraules de sota té l’espai adequat per fer-les llegibles.

líder

12. Seguiment

El seguiment és similar al kerning, ja que fa referència a l’espaiat entre lletres o caràcters. No obstant això, en lloc de centrar-se en l’espaiat entre lletres individuals (kerning), el seguiment mesura l’espai entre grups de lletres.

13. Alçada X.

L'altura x es refereix a la distància entre la línia de base i la línia mitjana de minúscules en una tipografia.

alçada x

14. Ascendir / Descendir

L'ascendent és la porció d'una lletra minúscula que s'estén per sobre de la línia mitjana d'un tipus de lletra (l'alçada x) . D'altra banda, el descendent és la porció d'una lletra que s'estén per sota de la línia base d'una font.

ascendir

15. Orfes / Vídues

Les vídues i els òrfens són línies de text que apareixen al principi o al final d’un paràgraf, que es deixen sols a la part superior o inferior d’una línia. Hi ha cert debat sobre les definicions exactes d'aquests termes, però com a regla general:

  • Orfe: A és una sola paraula o una línia molt curta, que apareix al final d'un paràgraf o al començament d'una columna o d'una pàgina, separada de la resta del text.
  • Viuda: Una línia de finalització de paràgraf que cau al principi de la pàgina o columna següent, separada així de la resta del text. O el començament d'un paràgraf nou que comença a la part inferior d'una columna o pàgina.
vídua

16. Molt corretja

Lorem Ipsum és simplement un text fictici utilitzat per la indústria del disseny. S'utilitza com a text de marcador de posició i té una distribució mitjana de les lletres més o menys, cosa que fa que sembli anglès llegible, en lloc de fer servir 'Afegeix contingut aquí, afegeix contingut aquí' dins dels dissenys quan la còpia no està del tot preparada.

secció de línia

Colors

17. RGB

El color RGB és un model en què la llum vermella, verda i blava s’afegeixen de diverses maneres per reproduir una àmplia gamma de colors. El RGB tendeix a utilitzar-se amb finalitats en pantalla.

rgb-color

18. Hex

Un hexadecimal és un número de sis dígits que s’utilitza en aplicacions de programari HTML, CSS i de disseny per representar els colors.

hex

19. Paleta

Una paleta de colors es compon de colors que es poden utilitzar per a qualsevol treball d’il·lustració o disseny que representi la vostra marca. Els colors escollits s’han de dissenyar per funcionar harmònicament entre ells.

paleta

20. Monocrom

El monocrom s’utilitza per descriure el disseny o les fotografies en un color o en diferents tons d’un sol color.

monocrom

21. Anàlogament

Els esquemes de colors anàlegs utilitzen colors que estan al costat de la roda de colors. Normalment coincideixen bé i creen dissenys serens i còmodes.

Anàlogament

22. Complementària

Els colors oposats a la roda de colors es consideren colors complementaris (exemple: vermell i verd).

Complementari

23. Tríadi

Un esquema de colors triàdic utilitza colors uniformement espaiats al voltant de la roda de colors.

Tríadi

24. CMYK

CMYK és un model de color que s’utilitza per imprimir. Els colors CMYK comencen en blanc i després es fan més foscos a mesura que es combinen més colors.

Colors CMYK

com obrir un compte d'empresa d'empresa

( via )

25. Pantone

El Pantone Matching System (PMS) és un sistema de reproducció de colors estandarditzat. A cada tonalitat se li dóna un número, cosa que facilita que les persones facin referència i reprodueixin els mateixos colors.

pantone

26. Colors càlids

Els colors càlids es fan amb vermell, groc taronja i diverses combinacions d’aquests colors. Donen un ambient agradable, alegre i acollidor.

27. Colors freds

Els colors freds com el blau, el verd i el porpra clar tenen la capacitat de calmar i calmar.

càlid-fresc

28. Teoria del color

Les teories del color creen una estructura lògica per al color. N’hi ha tres categories bàsiques de teoria del color : La roda de colors, l'harmonia del color i el context de l'ús dels colors. Comprendre com utilitzar diferents colors per transmetre significat és una part important tant del disseny com del màrqueting. Aquí teniu una guia ràpida sobre com els colors afecten el nostre cervell:

Voleu obtenir més informació sobre la teoria del color? Fes una ullada a: Per què Facebook és blau? La ciència dels colors al màrqueting .

29. Gradient

Un degradat és un canvi gradual de colors (com ara el verd que es converteix gradualment en blau) o un color que s’esvaeix en transparència. Hi ha dos tipus de gradients comuns: radial i lineal.

30. Opacitat

L’opacitat ens permet fer transparent un element d’un disseny. Com més baixa sigui l’opacitat, més transparent és un element. Per exemple, un 100% d’opacitat significa que un objecte és sòlid.

opacitat

31. Tonalitat

Essencialment, una tonalitat és una manera de descriure un color. I un to pot ser de qualsevol color a la roda de colors. Per exemple, el vermell, el blau i el groc són matisos.

32. Tint

Un tint és una varietat de colors. Craftsy ho explica Tints es creen quan afegiu blanc a qualsevol tonalitat de la roda de colors. Això alleugera i desatura la tonalitat, fent-la menys intensa.

matís

Marca i logotips

33. Logotip

Un logotip és el nom d'una empresa dissenyada d'una manera visualment única per a la seva utilització. La majoria de les vegades, quan la gent fa referència a un logotip, es refereix al logotip de la marca.

34. Logomark / Brandmark

Una marca de logotip generalment no conté el nom de l’empresa i, en canvi, representa de manera més abstracta l’empresa mitjançant un símbol o marca.

logotip

35. Icona

Les icones són imatges que s’utilitzen per representar una acció o un objecte. Per exemple, una icona de llapis podria representar algú que escriu (acció) o simplement un llapis (objecte). Quan les utilitzeu, les icones pensen bé què voleu significar i quina claredat té per al vostre públic.

36. Guia d’estil

Una guia d’estil és un conjunt d’estàndards per al disseny de qualsevol cosa relacionada amb la vostra marca, ja sigui una pàgina de destinació de lloc web, una targeta de presentació o un document imprès. La raó per tenir una guia d’estil és garantir una uniformitat completa en l’estil i el format allà on s’utilitzi la marca per garantir que no es dilueixi aquesta marca.

Com a exemple, podeu consultar el nostre Guia d'estil de memòria intermèdia aquí .

37. Graella

Una quadrícula es construeix a partir de columnes i files dividides uniformement. L’objectiu d’una quadrícula és ajudar els dissenyadors a organitzar elements de manera coherent. Aquí teniu un exemple de la quadrícula que fem servir a Buffer:

quadrícula

Mitjançant la quadrícula de disseny de memòria intermèdia, una pàgina es pot dividir en cinquens, quarts, terços i meitats, i qualsevol combinació d’aquestes. Cada fila de quadrícula ha de contenir parts que sumen un tot. Per exemple, una quarta part + la meitat + una quarta part.

secció de línia

Termes i tècniques de disseny

38. Escala

En disseny, l’escala fa referència a la mida d’un objecte en relació amb un altre objecte. Es poden veure dos elements de la mateixa mida com a iguals. Mentre que els elements amb una clara variació de mida solen ser vistos com a diferents.

A l’hora d’elaborar un disseny, penseu en com podeu utilitzar l’escala per ajudar-vos a il·lustrar el significat que hi ha darrere de la vostra imatge. Preneu l'exemple següent: el cercle més gran sembla ser més influent i important que el més petit. Fins i tot es podria dir que el cercle més petit pot ser una mica tímid o tímid.

escala

39. Relació d’aspecte

Una relació d'aspecte és la relació proporcional entre l'amplada i l'alçada d'un rectangle (s'utilitza un rectangle perquè la gran majoria de pantalles són més amples que altes). Una relació d'aspecte es defineix mitjançant una relació matemàtica, amb dos nombres separats per dos punts.

  • amplada alçada
  • Això significa que 4 polzades d'ample per 3 polzades d'alçada tindrien una proporció de 4: 3

40. Textura

Una textura es defineix com les característiques superficials de la vostra imatge. Al disseny, podeu utilitzar textures com ara tela i maó per reflectir l’aspecte visual de la textura real.

41. Otero

El monticle és l’acte d’organitzar diferents objectes de manera que estiguin en angles de 90 graus els uns dels altres, i després fotografiar-los des de dalt. Aquesta tècnica crea un aspecte molt simètric que resulta agradable a la vista. Les imatges que presenten un collatge solen situar-se sobre un fons sòlid contrastat.

collet

( via )

42. Espai en blanc

L'espai en blanc, sovint conegut com a espai negatiu, fa referència a l'àrea d'un disseny deixada en blanc. És l’espai entre elements gràfics, imatges, còpia i qualsevol altra cosa de la pàgina. Tot i que es coneix com a espai en blanc, pot ser de qualsevol color.

Un exemple excel·lent d’espai en blanc és la pàgina d’inici de Google. Està gairebé ple d’espais en blanc per animar els usuaris a centrar-se en la barra de cerca:

Google

43. Resolució

La resolució d’una imatge determina la qualitat. Com a regla general, com més alta sigui la resolució, major serà la qualitat. Una imatge d'alta resolució serà clara i nítida, mentre que una imatge de baixa resolució se sentirà una mica pixelada i borrosa.

alta resolució

44. Contrast

El contrast es produeix quan dos elements d’una pàgina són diferents. Per exemple, poden ser colors diferents entre el text i el color de fons o colors foscos vs. clars.

contrast

Una de les raons principals per utilitzar el contrast en els vostres dissenys és cridar l’atenció. Per exemple, els famosos anuncis de siluetes d’iPod van ser tan memorables perquè hi ha un gran contrast entre l’iPod i els auriculars blancs i el fons i la silueta brillants.

ipod2

45. Saturació

La saturació es refereix a la intensitat o puresa d’un color. Com més saturat és un color, més viu o brillant apareix. Mentre que els colors desaturats, semblen una mica més apagats.

saturació

Les imatges molt saturades solen destacar i cridar l’atenció, donant per tant l’aspecte de tenir més pes que les imatges menys saturades. Si afegiu una capa de text sobre una imatge i voleu que destaqui, fer servir un fons menys saturat pot ser una bona manera de fer-ho.

46. ​​Desenfocar

El desenfocament fa que les imatges siguin més clares o menys clares. L’ús d’un desenfocament pot ser una manera excel·lent de fer ressaltar el text quan es sobreposa a una imatge. Quan poseu text sobre una imatge, els dos elements poden formar una relació una mica competitiva (exemple a l'esquerra a sota) , una mica de desenfocament pot fer que el text destaqui més i sembli molt més llegible (a la dreta a sota) .

text-desenfocament

47. Cultiu

Quan retalleu una imatge, esteu retallant i descartant les parts innecessàries de la imatge. Retallar permet canviar l’èmfasi o la direcció d’una imatge.

cultiu

48. Pixel

Un píxel és una àrea minúscula d'una pantalla (la paraula prové de 'element d'imatge'). Els píxels són la unitat bàsica de color programable més petita d’un ordinador i les imatges estan formades per molts píxels individuals.

49. Skeumorfisme

El skeuomorfisme és quan un element digital està dissenyat per semblar una rèplica del treball físic. Per exemple, penseu en la calculadora de l'iPhone o el quiosc d'Apple, on la prestatgeria i les revistes tenen l'aspecte i la sensació que fan a la vida real.

Skeuomorfisme

50. Pis

El disseny pla és un enfocament minimalista que se centra en la simplicitat i la usabilitat (gairebé el contrari del skeuomorfisme) . Tendeix a tenir molt espai obert, vores nítides, colors vius i il·lustracions bidimensionals.

plana

( via )

51. Ràster

Les imatges ràster es componen d’una quadrícula de píxels. Això vol dir que quan canvieu la mida de l'estirament d'una imatge ràster, pot quedar una mica borrosa i perdre una mica de claredat.

52. Vector

Imatges vectorials formades per punts, línies i corbes. Totes les formes d’un vector es calculen mitjançant una equació matemàtica que significa que la imatge pot escalar de mida sense perdre cap qualitat. A diferència dels ràsters, els vectors no es desdibuixaran quan s’escalin. Podeu trobar algunes imatges vectorials fantàstiques per utilitzar en els vostres dissenys en llocs com Vecteezy .

final de línia

A vosaltres

Espero que us hagi estat útil aquesta immersió en termes i definicions de disseny. És increïble la rapidesa amb què els professionals del màrqueting poden agafar eines com Canva i Pablo per crear imatges d’aspecte bonic.

Tinc curiositat per saber si hi ha algun altre terme de disseny que escolteu amb regularitat i que vulgueu aclarir? No dubteu a compartir qualsevol dubte o reflexió als comentaris següents.

Per llegir més:



^