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ā.
( 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:
Zemāk ir vēl viens piemērs kur visi dizaina galvenie elementi ietilpst citā Zelta koeficienta sadaļā:
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.
( caur )
Kad jūsu režģis ir ievietots vietā, plankumi kur līnijas krustojas viens otrs norāda galvenos fokusa apgabalus jūsu dizainā:
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.
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:
Un, Grand viesnīca :
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 :
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ā.
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:
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.
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.
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.
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.
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ļā.
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.
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.
18. Hex
Hex ir sešciparu skaitlis, ko HTML, CSS un dizaina programmatūras lietojumprogrammās izmanto krāsu attēlošanai.
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.
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.
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.
22. Papildinošs
Krāsas, kas krāsu paletē atrodas pretī, tiek uzskatītas par papildkrāsām (piemēram: sarkana un zaļa).
23. Triadika
Triadiskā krāsu shēmā tiek izmantotas krāsas, kas vienmērīgi izvietotas ap krāsu riteni.
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.
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.
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.
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.
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.
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.
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ī:
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.
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.
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.
( 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:
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.
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.
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.
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.
Ļ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) .
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.
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ē.
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.
( 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 .
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:
- 50 dizaina noteikumi, kas izskaidroti vienkārši dizaineriem no emuāra Canva
- 10 digitālā dizaina noteikumi, kas jums jāzina no Design Shack