Bibliotēka

Kāpēc katram tirgotājam 2018. gadā ir jābūt (nepilnas slodzes) dizainerim: 52 dizaina noteikumi un padomi līmeņa paaugstināšanai

Kad es pirmo reizi sāku darbu mārketingā, es īsti neprognozēju, ka arī es būtu nepilnas slodzes dizainers.





Tagad, 201. gadā, vizuālais saturs ir vairāk nekā 40 reizes biežāk tiek kopīgoti sociālajos tīklos nekā cita veida saturs, un mums visiem tirgotājiem ir kļuvis acīmredzams un pat nepieciešams, lai mums būtu vismaz dažas pamatzināšanas par galvenajiem dizaina noteikumiem.

Par laimi, mēs dzīvojam brīnišķīgā pasaulē, kur ikviens var pāriet no iesācēja uz vidējo un izveidojiet labi noformētus attēlus sociālajiem medijiem. Ir tādi rīki kā Pablo un Canva kas padara šo dizaina darbu sasniedzamu (un skaistu).





Tomēr, ja vēlaties atstāt mārketinga prasmes nākamajā līmenī, ir svarīgi uzlabot izpratni par dizainu.

Vai esat kādreiz domājuši, kas varētu būt iespējams, ja jūsu aizmugurējā kabatā ir tikai nedaudz papildu dizaina zināšanas?


OPTAD-3

Izrādās, jūsu sociālo mediju attēlu pārņemšana no laba uz lielisku ir saprātīgs lēciens. Un viss sākas ar labu pamatu un dažu galveno dizaina terminu un principu izpratni.

Ja jūs vēlaties ņemt savu sociālo mediju attēli uz nākamo līmeni un kļūsti par labāku mārketingu, skatiet šo dizaina vārdnīcu, lai uzzinātu, kā labāk izprast dizainu.

-

52 dizaina noteikumi, kas izskaidroti tirgotājiem

1. Zelta attiecība

Zelta attiecība notiek ar diviem objektiem, kuru lielāko dalot ar mazāko, tiek iegūts skaitlis 1,6180 (vai arī tur). Visslavenākā zelta attiecība ir zelta taisnstūris, kuru var sadalīt ideālā kvadrātā un taisnstūrī ar tādu pašu malu attiecību kā sākotnējam taisnstūrim. Tas varētu būt redzams attēlu kompozīcijā vai vietnes dizainā un režģa izkārtojumā.

zelta attiecība

( caur )

Izmantojot zelta koeficientu, jūs varat pārliecināties, ka attēli ir pievilcīgi un skaisti noformēti. Lūk piemērs zelta attiecība, kas tiek izmantota, lai sadalītu vietu starp vietnes pamattekstu un sānjoslu:

zelta attiecība - tīmekļa dizains

Zemāk ir vēl viens piemērs kur visi dizaina galvenie elementi ietilpst citā Zelta koeficienta sadaļā:

132-1324x1649

2. Trešdaļu likums

Jūs varat piemērot trešdaļu kārtulu, iedomājoties 3 × 3 režģi, kas atrodas virs attēla un pēc tam izlīdzina attēla priekšmetu ar vadošajām līnijām un to krustošanās punktiem (piemēram, novietojot horizontu augšējā vai apakšējā līnijā) vai ļaujot attēla elementi viegli plūst no sadaļas uz sekciju.

trešdaļu likums

( caur )

Kad jūsu režģis ir ievietots vietā, plankumi kur līnijas krustojas viens otrs norāda galvenos fokusa apgabalus jūsu dizainā:

kontaktpunkti

Tipogrāfija, teksts un fontu termini

3. Tipogrāfija

“Tipogrāfija ir rakstītā vārda vizuālā sastāvdaļa,” Praktiskā tipogrāfija skaisti izskaidro . Viss vizuāli attēlotais teksts, neatkarīgi no tā, vai tas ir uz papīra, ekrāna vai reklāmas stenda, ietver tipogrāfiju.

4. Serif

Serifs ir mazs papildu trieciens vai līknes burtu galos.

5. Sans-serifs

“Sans” burtiski nozīmē “bez”, un sans serif fonts burtu galos neietver nekādu papildu vēzienu.

serif

Lai gan nav noteiktu noteikumu, kad lietot serif vai sans serif fontu, tas tiek ieteikts sans serif fontus vajadzētu izmantot tiešsaistes pamattekstam un serif fontus virsrakstiem un drukāšanai.

6. Skripts

Skriptu burtveidoli ir fonti vai tipi, kuru pamatā ir vēsturiski vai mūsdienīgi rokraksta stili, un tie ir plūstošāki nekā tradicionālie burtveidoli.

Pāris skriptu fontu piemēru ietver:

Alekss Brušs

alex-brush-font

Un, Grand viesnīca :

grand-hotel-font

7. Plātnes serif

Plātņu serifu fontiem ir ģeometriska izjūta nekā tradicionālajiem serifiem, un tie ir kvadrātveida un lielāki, drosmīgāki.

Lielisks plāksnes serif fonta piemērs ir Plātņu muzejs :

muzejs-plāksne

8. Minivens

Vienpusējs fonts, (pazīstams arī kā fiksēta soļa, fiksēta platuma vai neproporcionāls fonts) ir fonts, kura burti un rakstzīmes katrs aizņem vienādu daudzumu horizontālās vietas.

9. Hierarhija

Tipogrāfiskā hierarhija ir būtiska jebkura dizaina vai izkārtojuma sastāvdaļa, un, pat ja jūs nezināt šo terminu, jūs noteikti redzējāt hierarhiju darbībā jebkurā vietnē, laikrakstā vai žurnālā.

tuts + paskaidrot :

Tipogrāfiskā hierarhija ir tipa organizēšanas sistēma, kas nosaka datu svarīguma secību, ļaujot lasītājam viegli atrast meklēto un pārvietoties saturā. Tas palīdz lasītājam pievērst uzmanību sadaļas sākumam un beigām, vienlaikus ļaujot lietotājam izolēt noteiktu informāciju, pamatojoties uz konsekventu stila izmantošanu visā teksta daļā.

Šis piemērs ilustrē hierarhijas nozīmi:

hierarhija 2

10. Kernings

Kernings attiecas uz atstarpi starp diviem konkrētiem burtiem (vai citām rakstzīmēm: cipariem, pieturzīmēm utt.), Un šīs atstarpes pielāgošana uzlabo salasāmību.

kerning-gif

11. Vadīšana

Leading nosaka, kā teksts ir izvietots vertikāli līnijās. Priekšraksts tiek izmantots, ja saturam, kurā ir vairākas lasāmā teksta rindas un kurš nodrošina attālumu no iepriekš minēto vārdu apakšdaļas līdz zemāk esošo vārdu augšdaļai, ir piemērota atstarpe, lai tie būtu salasāmi.

vadošais

12. Izsekošana

Izsekošana ir līdzīga kodolam, jo ​​tā attiecas uz atstarpi starp burtiem vai rakstzīmēm. Tomēr tā vietā, lai koncentrētos uz atstarpi starp atsevišķiem burtiem (kodolu), izsekošana mēra atstarpi starp burtu grupām.

13. X augstums

X augstums attiecas uz attālumu starp bāzes līniju un burtu vidējo mazo burtu līniju.

x augstums

14. Pacelties / nokāpt

Augšupejošais ir tā mazā burta daļa, kas stiepjas virs fonta vidējās līnijas (x augstums) . No otras puses, nolaišanās ir burta daļa, kas stiepjas zem fonta bāzes līnijas.

Pacelties

15. Bāreņi / atraitnes

Atraitnes un bāreņi ir teksta rindiņas, kas parādās rindkopas sākumā vai beigās un kuras atstāj vienas pašas rindas augšdaļā vai apakšā. Ir dažas debates par precīzu šo terminu definīciju, bet parasti:

  • Bārenis: A ir viens vārds vai ļoti īsa rinda, kas parādās rindkopas beigās, kolonnas vai lapas sākumā, atdalīta no pārējā teksta.
  • Atraitne: Rindkopas beigu rinda, kas atrodas nākamās lapas vai kolonnas sākumā, tādējādi atdalīta no pārējā teksta. Vai arī jaunas rindkopas sākums, kas sākas kolonnas vai lapas apakšdaļā.
atraitne

16. Ļoti pavadas

Lorem Ipsum ir vienkārši fiktīvs teksts, ko izmanto dizaina industrija. Tas tiek izmantots kā viettura teksts, un tam ir vairāk vai mazāk vidējs burtu sadalījums, padarot to izskatāmu kā lasāmu angļu valodu, pretstatā noformējumos izmantot “Pievienot saturu šeit, pievienot saturu šeit”, kad kopija nav gluži gatava.

līnijas posms

Krāsas

17. RGB

RGB krāsa ir modelis, kurā sarkanā, zaļā un zilā gaisma tiek dažādi apvienota, lai atveidotu plašu krāsu gammu. RGB mēdz izmantot ekrāna vajadzībām.

rgb-krāsa

18. Hex

Hex ir sešciparu skaitlis, ko HTML, CSS un dizaina programmatūras lietojumprogrammās izmanto krāsu attēlošanai.

sešstūris

19. Palete

Krāsu palete sastāv no krāsām, kuras var izmantot jebkuram ilustrācijas vai dizaina darbam, kas pārstāv jūsu zīmolu. Izvēlētās krāsas jāveido tā, lai tās savstarpēji harmoniski darbotos.

palete

20. Vienkrāsains

Vienkrāsains tiek izmantots, lai aprakstītu dizainu vai fotogrāfijas vienā krāsā vai dažādos vienas krāsas toņos.

vienkrāsains

21. Analogs

Analogās krāsu shēmās tiek izmantotas krāsas, kas atrodas blakus krāsu lokam. Parasti tie labi sakrīt un rada mierīgu un ērtu dizainu.

Līdzīgi

22. Papildinošs

Krāsas, kas krāsu paletē atrodas pretī, tiek uzskatītas par papildkrāsām (piemēram: sarkana un zaļa).

Bezmaksas

23. Triadika

Triadiskā krāsu shēmā tiek izmantotas krāsas, kas vienmērīgi izvietotas ap krāsu riteni.

Triādes

24. CMYK

CMYK ir krāsu modelis, ko izmanto drukāšanas vajadzībām. CMYK krāsas sākas kā baltas un pēc tam kļūst tumšākas, jo vairāk krāsu tiek apvienotas.

CMYK krāsas

kas buferē mobilajā telefonā

( caur )

25. Pantone

Pantone Matching System (PMS) ir standartizēta krāsu atveidošanas sistēma. Katram nokrāsai tiek piešķirts numurs, tādējādi cilvēkiem ir viegli atsaukties un atveidot tās pašas krāsas.

pantone

26. Siltas krāsas

Siltās krāsas tiek izgatavotas ar sarkanu, oranži dzeltenu un dažādām šo krāsu kombinācijām. Viņi dod draudzīgu, priecīgu, mājīgu atmosfēru.

27. Vēsas krāsas

Vēsas krāsas, piemēram, zila, zaļa un gaiši violeta, spēj nomierināt un nomierināt.

silti-forši

28. Krāsu teorija

Krāsu teorijas rada loģisku krāsu struktūru. Tur ir trīs krāsu teorijas pamatkategorijas : Krāsu palete, krāsu harmonija un krāsu izmantošanas konteksts. Izpratne par dažādu krāsu izmantošanu nozīmes nodošanai ir svarīga gan dizaina, gan mārketinga sastāvdaļa. Šeit ir īss ceļvedis par to, kā krāsas ietekmē mūsu smadzenes:

Vai vēlaties uzzināt vairāk par krāsu teoriju? Pārbaudiet: Kāpēc Facebook ir zils? Krāsu zinātne mārketingā .

29. Gradients

Gradients ir pakāpeniska krāsu maiņa (piemēram, zaļā krāsa pakāpeniski kļūst zila) vai krāsas izbalēšana caurspīdīgumā. Ir divi izplatīti gradientu veidi: radiālie un lineārie.

30. Necaurredzamība

Necaurredzamība ļauj mums padarīt dizaina elementu caurspīdīgu. Jo mazāka necaurredzamība, jo elements ir caurspīdīgāks. Piemēram, 100% necaurredzamība nozīmē, ka objekts ir ciets.

necaurredzamība

31. Hue

Būtībā nokrāsa ir veids, kā aprakstīt krāsu. Un nokrāsa var būt jebkura krāsa krāsu ritenī. Piemēram, sarkanā, zilā un dzeltenā krāsā ir visas nokrāsas.

32. Tonis

Tonis ir dažādas krāsas. Amatniecība to izskaidro Krāsas tiek izveidoti, kad pievienojat balts uz jebkuru krāsu toņa nokrāsu. Tas atvieglo un desaturāti nokrāsa, padarot to mazāk intensīvu.

nokrāsa

Zīmolu veidošana un logotipi

33. Logotips

Logotips ir uzņēmuma nosaukums, kas ir veidots vizuāli unikālā veidā, lai to varētu izmantot šis uzņēmums. Lielāko daļu laika, kad cilvēki atsaucas uz logotipu, viņi atsaucas uz zīmola logotipu.

34. Logomark / Brandmark

Logotipa zīmē parasti nav uzņēmuma nosaukuma, un tā abstraktāk attēlo uzņēmumu, izmantojot simbolu vai zīmi.

logo

35. Ikona

Ikonas ir attēli, ko izmanto, lai attēlotu darbību vai objektu. Piemēram, pildspalvas ikona var attēlot kādu, kas raksta (darbība), vai vienkārši pildspalvu (objektu). Lietojot, ikonas rūpīgi pārdomā, ko vēlaties apzīmēt un cik tas ir saprotams jūsu auditorijai.

36. Stila ceļvedis

Stila ceļvedis ir standartu kopums, lai izstrādātu visu, kas saistīts ar jūsu zīmolu, neatkarīgi no tā, vai tā ir vietnes galvenā lapa, vizītkarte vai drukāts dokuments. Stila rokasgrāmatas izmantošanas iemesls ir nodrošināt pilnīgu stila un formatējuma vienmērīgumu visur, kur tiek izmantots zīmols, lai nodrošinātu šī zīmola neatšķaidīšanu.

Piemēram, jūs varat pārbaudīt mūsu Bufera stila ceļvedis šeit .

37. Režģis

Režģis tiek veidots no vienmērīgi sadalītām kolonnām un rindām. Režģa mērķis ir palīdzēt dizaineriem konsekventi sakārtot elementus. Šis ir režģa piemērs, ko izmantojam buferī:

režģis

Izmantojot bufera dizaina režģi, lapu var sadalīt piektajās, ceturtajās, trešdaļās un pusēs - un jebkurā to kombinācijā. Katrā režģa rindā jābūt daļām, kas veido vienu veselumu. Piemēram, viena ceturtā daļa + puse + viena ceturtā daļa.

līnijas posms

Dizaina noteikumi un paņēmieni

38. Mērogs

Dizainā mērogs attiecas uz objekta lielumu attiecībā pret citu objektu. Divus vienāda lieluma elementus var uzskatīt par vienādiem. Tā kā elementus ar skaidru izmēru variāciju mēdz uzskatīt par atšķirīgiem.

Veidojot dizainu, padomājiet par to, kā jūs varat izmantot mērogu, lai palīdzētu jums attēlot sava attēla nozīmi. Veikt zemāk redzamo piemēru, šķiet, ka lielāks aplis ir daudz ietekmīgāks un svarīgāks par mazāko. Jūs pat varētu teikt, ka mazāks aplis var būt nedaudz kautrīgs vai kautrīgs.

mērogs

39. Malu attiecība

Malu attiecība ir proporcionāla attiecība starp taisnstūra platumu un augstumu (tiek izmantots taisnstūris, jo lielākā daļa ekrānu ir platāki nekā tie ir augsti). Malu attiecība tiek noteikta, izmantojot matemātisko attiecību, divus skaitļus atdalot ar kolu.

  • platums augstums
  • Tas nozīmē, ka 4 collas plata un 3 collas augsta būtu attiecība 4: 3

40. Tekstūra

Tekstūra tiek definēta kā attēla virsmas īpašības. Dizainā varat izmantot tādas faktūras kā audums un ķieģeļu mūris, lai atspoguļotu faktiskās faktūras vizuālo izskatu.

41. Knollings

Knolling ir dažādu objektu sakārtošana tā, lai tie būtu 90 grādu leņķī viens no otra, pēc tam tos fotografējot no augšas. Šī tehnika rada ļoti simetrisku izskatu, kas jūtas patīkams acīm. Attēli ar ritināšanu parasti tiek iestatīti uz kontrastējoša cieta fona.

knolling

( caur )

42. Baltā telpa

Atstarpes telpa, ko bieži dēvē par negatīvo atstarpi, attiecas uz tukša atstāta dizaina laukumu. Tā ir atstarpe starp grafiskajiem elementiem, attēliem, kopijām un jebko citu lapā. Lai arī to sauc par atstarpi, tā var būt jebkura krāsa.

Lielisks atstarpes piemērs ir Google sākumlapa. Tas ir gandrīz piepildīts ar atstarpi, lai mudinātu lietotājus koncentrēties uz meklēšanas joslu:

Google

43. Rezolūcija

Attēla izšķirtspēja nosaka kvalitāti. Parasti kā augstāka izšķirtspēja, jo augstāka kvalitāte. Augstas izšķirtspējas attēls būs skaidrs un gaišs, savukārt zemas izšķirtspējas attēls jutīsies nedaudz pikseļots un neskaidrs.

augsta izšķirtspēja

44. Kontrasts

Kontrasts rodas, ja divi lapas elementi atšķiras. Piemēram, starp tekstu un fona krāsu var būt dažādas krāsas vai tumšas vai gaišas krāsas.

kontrasts

Viens no galvenajiem iemesliem kontrasta izmantošanai dizainā ir uzmanības pievēršana. Piemēram, bēdīgi slavenie iPod silueta sludinājumi bija tik neaizmirstami, jo starp balto iPod un austiņām un spilgto fonu un siluetu ir milzīgs kontrasts.

ipod2

45. Piesātinājums

Piesātinājums attiecas uz krāsas intensitāti vai tīrību. Jo piesātinātāka ir krāsa, jo spilgtāka vai spilgtāka tā parādās. Tā kā desaturētās krāsas šķiet nedaudz blāvākas.

piesātinājums

Ļoti piesātināti attēli mēdz izcelties un pievērst uzmanību, tāpēc tiem ir vairāk svara nekā mazāk piesātinātiem attēliem. Ja virs attēla pievienojat teksta slāni un vēlaties, lai tas izceļas, mazāk piesātināta fona izmantošana var būt lielisks veids, kā to izdarīt.

46. ​​Izplūšana

Izplūšana padara attēlus neskaidrākus vai mazāk atšķirīgus. Aizmiglojuma izmantošana var būt lielisks veids, kā tekstu izcelt, pārklājot to ar attēlu. Ievietojot tekstu virs attēla, abi elementi var veidot nedaudz konkurējošas attiecības (piemērs kreisajā pusē zemāk) , nedaudz izplūdis, teksts var izcelties vairāk un šķiet daudz lasāmāks (labajā pusē zemāk) .

teksta izplūdums

47. Kultūra

Apgriežot attēlu, jūs izgriežat un izmetat nevajadzīgās attēla daļas. Apgriešana ļauj mainīt attēla uzsvaru vai virzienu.

kultūraugu

48. Pikselis

Pikselis ir neliels ekrāna laukums (vārds nāk no “attēla elementa”). Pikseļi ir mazākā programmējamo krāsu vienība datorā, un attēlus veido daudzi atsevišķi pikseļi.

49. Skeumorfisms

Skeuomorfisms ir tad, kad digitālais elements tiek veidots tā, lai tas izskatītos pēc fiziskā darba kopijas. Piemēram, padomājiet par iPhone kalkulatoru vai Apple kiosku, kur grāmatu plaukts un žurnāli izskatās un jūtas kā reālajā dzīvē.

Skeuomorfisms

50. Plakans

Plakanais dizains ir minimālistiska pieeja, kas koncentrējas uz vienkāršību un lietojamību (gandrīz pretējs Skeuomorfismam) . Tajā parasti ir daudz brīvas vietas, asas malas, spilgtas krāsas un divdimensiju ilustrācijas.

plakans

( caur )

51. rastrs

Rastra attēlus veido noteikts pikseļu režģis. Tas nozīmē, ka, mainot rastra attēla izmēru, tas var nedaudz izplūst un zaudēt zināmu skaidrību.

52. Vektors

Vektoru attēli, kas sastāv no punktiem, līnijām un līknēm. Visas formas vektorā tiek aprēķinātas, izmantojot matemātisko vienādojumu, kas nozīmē, ka attēls var mērogoties, nezaudējot kvalitāti. Atšķirībā no rastriem, mērogojot, vektori neskaidrosies. Jūs varat atrast dažus lieliskus vektora attēlus, ko izmantot savos dizainos tādās vietnēs kā Vecteezy .

līnijas beigas

Pār jums

Es ceru, ka jums noderēja šī iegremdēšanās dizaina terminos un definīcijās. Tas ir pārsteidzoši, cik ātri tirgotāji var uzņemt tādus rīkus kā Canva un Pablo, lai izveidotu skaistus attēlus.

Man ir interesanti uzzināt, vai ir kādi citi dizaina noteikumi, kurus jūs regulāri dzirdat un vai vēlaties saņemt skaidrojumu? Jūtieties brīvi dalīties ar visiem jautājumiem vai domām zemāk esošajos komentāros.

Papildu lasījums:



^