Knjižnica

Zašto svaki prodavač u 2018. godini treba biti honorarni dizajner: 52 uvjeta i savjeti za dizajniranje

Kad sam tek započeo s marketingom, nisam baš predvidio da ću i ja biti honorarni dizajner.

Sada, u 201, vizualni sadržaj jest više od 40X vjerojatnije da će se dijeliti na društvenim mrežama od ostalih vrsta sadržaja i postalo je očito, pa čak i neophodno da svi mi marketinški stručnjaci imamo barem neko osnovno znanje o ključnim pojmovima dizajna.



Srećom, živimo u divnom svijetu u kojem svatko može skočiti od početnika do srednjeg i stvoriti dobro osmišljene slike za društvene medije. Postoje alati poput Pablo i Canva koji ovaj dizajn čine ostvarivim (i lijepim).



No, osim alata, ako želite svoje marketinške vještine podići na sljedeću razinu, poboljšanje vašeg razumijevanja dizajna je neophodno.

Jeste li se ikad zapitali što bi moglo biti moguće s malo dodatnog znanja o dizajnu u stražnjem džepu?



Ispostavilo se da je prihvatiti vaše slike na društvenim mrežama s dobrih na velike razuman korak. A sve započinje dobrim temeljima i razumijevanjem nekih ključnih pojmova i principa dizajna.

Ako želite uzeti svoj slike na društvenim mrežama na sljedeću razinu i postanite bolji prodavač, pogledajte ovaj rječnik dizajna kako biste saznali kako bolje razumjeti dizajn.

-



Objašnjeno 52 pojma dizajna za marketere

1. Zlatni rez

Zlatni omjer javlja se s dva predmeta koji, kad podijelite veći s manjim, rezultiraju brojem 1,6180 (ili tamo). Najpoznatiji zlatni omjer je zlatni pravokutnik, koji se može podijeliti na savršeni kvadrat i pravokutnik jednakog omjera kao i izvorni pravokutnik. To biste mogli vidjeti u sastavu slike ili dizajnu web stranice i rasporedu mreže.

Zlatni omjer

( preko )

Korištenjem zlatnog reza možete osigurati da vaše slike budu privlačne i lijepo oblikovane. Evo primjer zlatnog reza koji se koristi za dijeljenje prostora između tijela web stranice i bočne trake:

zlatni omjer-web dizajn

Ispod je još jedan primjer gdje se svi ključni elementi dizajna uklapaju u drugi dio Zlatnog omjera:

132-1324x1649

2. Pravilo trećina

Pravilo trećina možete primijeniti zamišljanjem mreže 3 × 3 kako leži na vrhu vaše slike, a zatim poravnate predmet slike s vodilicama i njihovim presječnim točkama (npr. Postavljanje horizonta na gornju ili donju liniju) ili dopuštanjem elementi slike da se lako prebacuju iz odjeljka u odjeljak.

pravilo trećina

( preko )

Jednom kada postavite mrežu, mjesta gdje se linije sijeku jedni drugima ukazuju na glavna žarišna područja u vašem dizajnu:

žarišne točke

Pojmovi tipografije, teksta i fonta

3. Tipografija

'Tipografija je vizualna komponenta napisane riječi,' Praktična tipografija lijepo objašnjava . Sav vizualno prikazan tekst, bilo na papiru, zaslonu ili reklamnom panou, uključuje tipografiju.

4. Serif

Serif je mali dodatni potez ili krivulje na krajevima slova.

5. Sans-serif

'Sans' doslovno znači 'bez', a sans serif font ne uključuje dodatni potez na krajevima slova.

serif

Iako ne postoje postavljena pravila kada koristiti serif ili sans serif font, predlaže se da sans serif fontove treba koristiti za mrežni tekst tijela i serif fontove za naslove i ispis.

6. Skripta

Pismopisci su fontovi ili tipovi koji se temelje na povijesnim ili modernim stilovima rukopisa i fluidniji su od tradicionalnih slova.

Nekoliko primjera fontova skripti uključuju:

Alex Brush

alex-kist-font

I, veliki hotel :

grand-hotel-font

7. ploča serif

Ploče serif fontova odlikuju se geometrijskim osjećajem od tradicionalnih fontova serifa i serifova koji su četvrtasti i veći, hrabriji.

Izvrstan primjer fontova sa serifima ploča je Muzej ploča :

muzej-ploča

8. Minivan

Jednoslojni font, (poznat i kao font s fiksnom visinom, fiksnom širinom ili neproporcionalnim fontom) je font čija slova i znakovi zauzimaju jednaku količinu vodoravnog prostora.

9. Hijerarhija

Tipografska hijerarhija važan je dio bilo kojeg dizajna ili izgleda, pa čak i ako niste upoznati s tim pojmom, sigurno ćete vidjeti hijerarhiju na djelu na bilo kojoj web stranici, novinama ili časopisu.

tuts + objasniti :

Tipografska hijerarhija sustav je za organiziranje tipa koji uspostavlja redoslijed važnosti podataka, omogućavajući čitatelju da lako pronađe ono što traži i kreće se sadržajem. Pomaže u usmjeravanju čitateljevog oka do mjesta gdje započinje i završava odjeljak, a istovremeno omogućuje korisniku da izolira određene informacije na temelju dosljedne upotrebe stila u čitavom tijelu teksta.

Evo primjera koji ilustrira važnost hijerarhije:

hijerarhija 2

10. Kerning

Kerning se odnosi na razmak između dva posebna slova (ili drugih znakova: brojeva, interpunkcije itd.) I postupak prilagođavanja tog prostora poboljšava čitljivost.

kerning-gif

11. Vodeći

Vođenje određuje kako će se tekst okomito rasporediti u redove. Vodeći se koristi kada sadržaj koji ima više redaka čitljivog teksta i osigurava udaljenost od dna gornjih riječi do vrha donjih riječi ima odgovarajući razmak kako bi postali čitljivi.

vodeći

12. Praćenje

Praćenje je slično kerningu jer se odnosi na razmak između slova ili znakova. Međutim, umjesto da se usredotoči na razmak između pojedinih slova (kerning), praćenje mjeri prostor između skupina slova.

13. X-visina

Visina x odnosi se na udaljenost između osnovne linije i srednje crte malih slova u tipu slova.

visina x

14. Uspon / Silazak

Ascender je dio malog slova koji se proteže iznad srednje crte fonta (x-visina) . S druge strane, silazni je dio slova koji se proteže ispod osnovne crte fonta.

Uspon

15. Siroče / Udovice

Udovice i siročad su retci teksta koji se pojavljuju na početku ili na kraju odlomka, a koji ostaju sami na vrhu ili na dnu retka. Postoje neke rasprave o točnim definicijama tih pojmova, ali u pravilu:

  • Siroče: A je jedna riječ ili vrlo kratak redak koji se pojavljuje na kraju odlomka ili na početku stupca ili stranice, odvojeno od ostatka teksta.
  • Udovica: Redak sa završetkom odlomka koji pada na početak sljedeće stranice ili stupca, odvojen od ostatka teksta. Ili početak novog odlomka koji započinje na dnu stupca ili stranice.
udovica

16. Vrlo povodnik

Lorem Ipsum jednostavno je lažni tekst koji koristi dizajnerska industrija. Koristi se kao rezervirani tekst i ima manje-više prosječnu raspodjelu slova, što izgleda poput čitljivog engleskog jezika, za razliku od upotrebe 'Dodaj sadržaj ovdje, dodaj sadržaj ovdje' unutar dizajna kada kopija nije sasvim spremna.

linija-presjek

Boje

17. RGB

RGB boja model je u kojem se crvena, zelena i plava svjetlost na različite načine zbrajaju za reprodukciju širokog spektra boja. RGB se obično koristi u zaslonske svrhe.

rgb-boja

18. Šesterokut

Hex je šesteroznamenkasti broj koji se koristi u HTML-u, CSS-u i softverskim aplikacijama za dizajn kako bi predstavio boje.

hex

19. Paleta

Paleta boja sastoji se od boja koje se mogu koristiti za bilo koje ilustracije ili dizajnerske radove koji predstavljaju vašu marku. Odabrane boje trebaju biti osmišljene tako da skladno djeluju jedna s drugom.

paleta

20. Jednobojni

Jednobojni se koristi za opisivanje dizajna ili fotografija u jednoj boji ili različitim nijansama jednobojne boje.

jednobojna

21. Analogno

Analogne sheme boja koriste boje koje se nalaze jedna pored druge na kolu s bojama. Obično se dobro podudaraju i stvaraju spokojan i udoban dizajn.

Analogan

22. Dopunski

Boje koje su jedna nasuprot druge na kolu s bojama smatraju se komplementarnim bojama (primjer: crvena i zelena).

Pozdravni

23. Trijadični

Trijadijska shema boja koristi boje koje su ravnomjerno raspoređene oko kotača boja.

Trijadični

24. CMYK

CMYK je model u boji koji se koristi za tisak. CMYK boje počinju kao bijele, a zatim postaju tamnije kako se kombinira više boja.

CMYK boje

kako pronaći videozapise na facebooku -

( preko )

25. Pantone

Pantone Matching System (PMS) standardizirani je sustav reprodukcije boja. Svaka nijansa dobiva broj, što ljudima olakšava referenciranje i reprodukciju istih boja.

panton

26. Tople boje

Tople boje izrađuju se s crvenom, narančasto žutom i raznim kombinacijama tih boja. Daju prijateljsku, sretnu, ugodnu vibraciju.

27. Hladne boje

Hladne boje poput plave, zelene i svijetloljubičaste imaju sposobnost smirivanja i smirivanja.

toplo-hladno

28. Teorija boja

Teorije boja stvaraju logičnu strukturu za boju. Tamo su tri osnovne kategorije teorije boja : Kotačić boja, sklad boja i kontekst upotrebe boja. Razumijevanje načina upotrebe različitih boja za prenošenje značenja važan je dio dizajna i marketinga. Evo kratkog vodiča o tome kako boje utječu na naš mozak:

Želite li naučiti više o teoriji boja? Provjeri: Zašto je Facebook plavi? Znanost o bojama u marketingu .

29. Gradijent

Gradijent je postupna promjena boja (poput zelene koja se postupno pretvara u plavu) ili boja koja prelazi u prozirnost. Dvije su uobičajene vrste gradijenata: radijalni i linearni.

30. Neprozirnost

Neprozirnost nam omogućuje da element dizajna učinimo transparentnim. Što je manja neprozirnost, element je prozirniji. Na primjer, 100% neprozirnost znači da je objekt čvrst.

neprozirnost

31. Hue

U osnovi je nijansa način opisivanja boje. A nijansa može biti bilo koje boje na kolu s bojama. Na primjer, crvena, plava i žuta sve su nijanse.

32. Nijansa

Nijansa je raznolika boja. Craftsy to objašnjava Nijanse stvaraju se kada dodate bijela na bilo koju nijansu na kolu s bojama. Ovo olakšava i desaturati nijansu, čineći je manje intenzivnom.

nijansa

Brendiranje i logotipi

33. Logotip

Logotip je naziv tvrtke koja je dizajnirana na vizualno jedinstven način za upotrebu te tvrtke. Većinu vremena kada se ljudi pozivaju na logotip, misle na logotip marke.

34. Logomark / žig

Oznaka logotipa obično ne sadrži naziv tvrtke, već apstraktnije predstavlja tu tvrtku pomoću simbola ili znaka.

logo

35. Ikona

Ikone su slike koje se koriste za predstavljanje radnje ili predmeta. Na primjer, ikona olovke može predstavljati nekoga tko piše (radnja) ili jednostavno olovka (predmet). Kada upotrebljavate ikone, dobro razmislite što želite označiti i koliko je to jasno vašoj publici.

36. Vodič za stil

Vodič za stil skup je standarda za dizajn bilo čega što je povezano s vašom markom, bilo da se radi o odredišnoj stranici web stranice, posjetnici ili tiskanom dokumentu. Razlog za stvaranje vodiča za stil je osiguravanje potpune ujednačenosti stila i oblikovanja gdje god se marka koristi da se ne osigura razrjeđivanje te marke.

Kao primjer možete pogledati naš Vodič za stil bafera ovdje .

37. Rešetka

Mreža se gradi od ravnomjerno podijeljenih stupaca i redova. Poanta mreže je pomoći dizajnerima da dosljedno rasporede elemente. Evo primjera mreže koju koristimo u Bufferu:

rešetka

Pomoću rešetke dizajna pufera stranica se može podijeliti na petine, četvrtine, trećine i polovice - i bilo koju njihovu kombinaciju. Svaki red mreže mora sadržavati dijelove koji se zbrajaju u jednu cjelinu. Na primjer, jedna četvrtina + polovica + jedna četvrtina.

linija-presjek

Uvjeti i tehnike dizajna

38. Skala

U dizajnu, mjerilo se odnosi na veličinu predmeta u odnosu na drugi objekt. Dva elementa iste veličine mogu se smatrati jednakima. Dok se elementi s jasnim varijacijama u veličini obično vide kao različiti.

Kad sastavljate dizajn, razmislite o tome kako možete koristiti ljestvicu koja će vam pomoći da ilustrirate značenje iza svoje slike. Uzmimo donji primjer, čini se da je veći krug utjecajniji i važniji od manjeg. Možete čak reći da je manji krug možda pomalo plah ili sramežljiv.

ljestvica

39. Omjer slike

Omjer stranica je proporcionalni odnos između širine i visine pravokutnika (pravokutnik se koristi jer je velika većina zaslona šira nego što je visoka). Omjer slike definiran je matematičkim omjerom, s dva broja odvojena dvotočkom.

  • širina Visina
  • To znači da bi 4 inča širine i 3 inča visine bio omjer 4: 3

40. Tekstura

Tekstura se definira kao površinske karakteristike vaše slike. U dizajnu možete koristiti teksture poput platna i cigle kako biste zrcalili vizualni izgled stvarne teksture.

41. Kucanje

Kucanje je čin slaganja različitih predmeta tako da budu pod kutom od 90 stupnjeva, a zatim fotografiranje odozgo. Ova tehnika stvara vrlo simetričan izgled koji je ugodan oku. Slike koje sadrže knolling obično se postavljaju na kontrastnoj čvrstoj pozadini.

kucanje

( preko )

42. Bijeli prostor

Razmak, često poznat i kao negativni prostor, odnosi se na područje dizajna koje je ostalo prazno. To je razmak između grafičkih elemenata, slika, kopija i bilo čega drugog na stranici. Iako je poznat kao prazan prostor, to može biti bilo koja boja.

Izvrstan primjer praznine je Googleova početna stranica. Gotovo je ispunjen razmakom da potakne korisnike da se usredotoče na traku za pretraživanje:

Google

43. Rješenje

Razlučivost slike određuje kvalitetu. U pravilu je, što je veća razlučivost, to je veća kvaliteta. Slika visoke razlučivosti bit će jasna i oštra, dok će se slika niske razlučivosti osjećati pomalo pikselirano i mutno.

visoke razlučivosti

44. Kontrast

Kontrast se javlja kada se dva elementa na stranici razlikuju. Na primjer, to mogu biti različite boje između teksta i boje pozadine ili tamne ili svijetle boje.

kontrast

Jedan od glavnih razloga za korištenje kontrasta u dizajnu je privlačenje pozornosti. Na primjer, zloglasni oglasi s iPod siluete bili su tako nezaboravni jer postoji ogroman kontrast između bijelog iPoda i slušalica te svijetle pozadine i siluete.

ipod2

45. Zasićenje

Zasićenost se odnosi na intenzitet ili čistoću boje. Što je boja zasićenija, to se čini živopisnijom ili svjetlijom. Dok se zasićene boje čine malo mutnijima.

zasićenje

Visoko zasićene slike imaju tendenciju da se ističu i privlače pozornost, što daje izgled veće težine od manje zasićenih slika. Ako dodajete sloj teksta preko slike i želite da se ističe, upotreba manje zasićene pozadine može biti izvrstan način za to.

46. ​​Zamućenje

Zamućenje čini slike nejasnijima ili manje razgovjetnima. Korištenje zamućenja može biti izvrstan način da tekst istaknete kada se na njega nanese sloj. Kada tekst stavite preko slike, dva elementa mogu stvoriti donekle konkurentan odnos (primjer slijeva dolje) , malo zamućenja može učiniti da se tekst više ističe i čini mnogo čitljivijim (desno dolje) .

zamagljivanje teksta

47. Usjev

Kad obrežete sliku, odsiječete i odbacujete nepotrebne dijelove slike. Obrezivanje omogućuje promjenu naglaska ili smjera slike.

usjev

48. Piksel

Piksel je malo područje zaslona (riječ dolazi od 'element slike'). Pikseli su najmanja osnovna jedinica programabilne boje na računalu, a slike se sastoje od mnogih pojedinačnih piksela.

49. Skeumorfizam

Skeuomorfizam je kada je digitalni element dizajniran da izgleda poput replike fizičkog djela. Na primjer, pomislite na iPhone-ov kalkulator ili Appleov kiosk gdje police s knjigama i časopisi izgledaju i osjećaju se kao u stvarnom životu.

Skeuomorfizam

50. Stan

Ravni dizajn je minimalistički pristup koji se fokusira na jednostavnost i upotrebljivost (gotovo suprotno od skeuomorfizma) . Obično sadrži obilje otvorenog prostora, svježe rubove, svijetle boje i dvodimenzionalne ilustracije.

ravan

( preko )

51. Raster

Rasterske slike sastoje se od postavljene mreže piksela. To znači da kada promijenite veličinu rastezanja rasterske slike može se malo zamagliti i izgubiti na jasnoći.

52. Vektor

Vektorske slike a sastoje se od točaka, linija i krivulja. Svi oblici unutar vektora izračunavaju se pomoću matematičke jednadžbe što znači da se slika može povećati bez gubitka kvalitete. Za razliku od rastera, vektori se neće mijenjati pri skaliranju. Na web lokacijama poput, možete pronaći neke izvrsne vektorske slike za upotrebu u svojim dizajnom Vecteezy .

crta-kraj

Preko tebe

Nadam se da vam je ovo zaranjivanje izraza i definicija dizajna bilo korisno. Nevjerojatno je koliko brzo trgovci mogu pokupiti alate poput Canve i Pabla kako bi stvorili slike prekrasnog izgleda.

Radoznao sam čuti postoje li neki drugi izrazi dizajna koje redovito čujete i želite li pojašnjenja? Slobodno podijelite sva pitanja ili razmišljanja u komentarima u nastavku.

Daljnje čitanje:



^