Termeni de design pe care orice non-designer trebuie să-i cunoască

Poate fi foarte distractiv să lucrezi cu un designer până când realizezi că vorbești două limbi diferite. Când nu ai idee ce înseamnă cealaltă persoană sau trebuie să cauti pe Google orice alt cuvânt pe care îl spun, știi că este timpul să perfecționezi termenii de design.

Deci, în acest blog, vă oferim o detaliere a diferiților termeni pe care designerii îi folosesc, astfel încât să știți exact cu ce aveți de-a face.

Termeni de design de branding

Marca de combinație

Acesta este ceva care reunește sau combină logo-ul și logotipul.

Logomark

Siglele sunt cunoscute și ca marcă de marcă și sunt simboluri care reprezintă o marcă. Nu conțin numele mărcii și sunt mai degrabă abstracte și simple.

Logotip

Acesta este, de obicei, numele companiei concepute într-un mod unic, cu atracție estetică.

Pictogramă

O pictogramă este o metodă foarte simplă de a transmite ideea către cititor. De asemenea, simplifică și separă textul în orice design web. Ele nu trebuie confundate cu un logomark și pot fi utilizate într-o gamă largă de aplicații.

Termeni de design legat de culoare

CMYK

Acesta înseamnă Cyan, Magenta Yellow și Key și este un model de culoare care este utilizat pentru modele de imprimare. Cum funcționează este că sunt așezate puncte mici din aceste culori. Iar atunci când sunt folosite în combinații diferite, vor prezenta culori diferite. Dacă adaugi, de exemplu, toate cele patru culori împreună, vei ajunge la negru.

Paleta de culori

Acesta este un set de culori care se completează reciproc și vor reuni elementele într-un design.

Gradient

Un gradient vă va permite să adăugați profunzime și dimensiune designului pe care îl creați. De asemenea, va permite ochilor spectatorilor să curgă lin de la o culoare la alta. Folosirea culorilor plate poate crea o ieșire finală la fel de plată. Utilizarea haotică a culorilor poate fi prea ocupată, dar cu degradeuri puteți asigura ordinea și atractivitatea estetică. Există câteva tipuri de gradienți pe care le puteți folosi.

• Linear – aici culoarea va trece de la un punct de plecare și se va termina într-o linie dreaptă.
• Radial – aici culorile se vor răspândi din punctul de plecare central într-un model circular.
• Unghi – modelul curge în sens invers acelor de ceasornic. Linia care denotă începutul și sfârșitul răspândirii culorii este vizibilă clar.
• Reflectat – culoarea se răspândește în mod egal pe ambele părți ale punctului de plecare. Este fantastic de folosit atunci când proiectați ceva cu un finisaj lucios.
• Diamant – culoarea se răspândește sub forma unui diamant. Acest punct de plecare ar fi de obicei un colț al formei de diamant.

Nuanțe, nuanțe, tonuri și nuanțe

O nuanță este, practic, orice culoare de pe roata culorilor și aceste culori pot veni împreună pentru a crea alte culori secundare și primare.

Acum, când amestecați negru, alb sau ambele într-o nuanță (culoare) pe roata de culori, obțineți variații. Aceste variații sunt ceea ce numim nuanțe, tonuri și nuanțe.

Când amestecați albul în orice nuanță, obțineți nuanțe. Este o versiune ușoară și desaturată a culorii care nu este la fel de intensă. Sunt cunoscute și ca pasteluri și sunt culori mai calme.

Când amestecați alb-negru cu o nuanță, obțineți un ton. În esență, adaugi gri la nuanță. Puteți face tonul mai deschis sau mai întunecat în funcție de cantitățile de alb-negru pe care le adăugați.

Dacă adăugați pur și simplu negru la o nuanță, obțineți o nuanță. Aceasta este mai întunecată și mult mai intensă decât nuanța originală. Adăugarea de negru poate fi dificilă, deoarece doar o cantitate mică poate fi cu adevărat copleșitoare.

Spațiu negativ/alb

Aceasta se referă la spațiul care înconjoară elementele vizuale pe care le ai în designul tău. Acestea fiind spuse, spațiul nu este negativ și nici nu trebuie să fie alb. Este doar mai mult spațiu de respirație în design și poate avea orice culoare, model și textură. Spațiul alb este, de asemenea, destul de important atunci când proiectați. Ajută la crearea unui accent pe punctele potrivite de focalizare și, de asemenea, la evocarea unei dispoziții.

Opacitate

Acest termen se referă la cât de transparentă este imaginea dvs. De obicei, este afișat ca procent. 0% înseamnă că imaginea este ascunsă și 100% înseamnă că imaginea este complet transparentă.

Pantone

Acestea sunt culori care reprezintă o nuanță specifică. În esență, puteți comunica exact culoarea de care aveți nevoie printr-un cod pantone. Acesta este considerat limbajul de bază pentru culorile în grafică. Formula care a fost dezvoltată de pantone este cunoscută ca culoare spot. Aceasta înseamnă că paleta Pantone este formată din 18 culori de bază și nu ecrane sau puncte.

RGB

Acest model de culoare este folosit pentru ecrane și reprezintă roșu, albastru și verde. Când adăugați toate aceste culori, puteți obține culoarea albă.

Saturare

Acest termen descrie intensitatea culorii din imagine. O imagine saturată va avea culori prea luminoase. Dacă imaginile dvs. sunt subexpuse, de exemplu, puteți utiliza grafica pentru a crește saturația culorii în ele.

Termenii de proiectare a tipului de imagine

Imagini raster

Acestea sunt uneori numite și imagini bitmap și sunt formate din mii de pixeli care vor continua să determine culoarea și forma imaginilor. De exemplu, fotografiile sunt imagini raster. Redimensionarea acestora poate fi dificilă, deoarece aceste imagini sunt făcute dintr-o cantitate finită de pixeli.

Când, de exemplu, oferiți unei imagini raster dimensiuni mai mari în Photoshop, software-ul va trebui să inventeze date pentru a adăuga dimensiunea imaginii și acest lucru va duce la o calitate slabă. Există mai multe tipuri diferite de fișiere despre care trebuie să știți în imaginile raster.

• GIF – Formatul Graphics Interchange este un fișier raster care va suporta transparență și animație. GIF-urile au capacitatea de a afișa doar până la 256 de culori, ceea ce face ca dimensiunile fișierelor lor să fie foarte mici.
• JPEG – înseamnă Joint Photographic Experts Group și este cel mai utilizat format raster atunci când vine vorba de design web. Acestea se încarcă rapid și sunt fișiere comprimate.
• PNG – aceste fișiere nu își pierd calitatea chiar și atunci când sunt comprimate și reprezintă Portable Network Graphics. Au un format bazat pe web. Aceste fișiere au fost de fapt dezvoltate astfel încât calitatea fișierelor GIF să poată fi îmbunătățită.
• PSD – atunci când un designer creează o imagine de fișier raster de lucru necomprimată în Adobe Photoshop, aceasta devine un fișier PSD. Literele reprezintă documentul Photoshop.
• TIFF – Tagged Image File Format este folosit destul de frecvent pentru schimbul de imagini raster între aplicații. Are o calitate ceva mai mare decât JPEG sau PNG și este folosit mai ales de fotografi și de industriile editoriale.

Imagini vectoriale

Imaginile vectoriale sunt formate din mai multe puncte. Aceste puncte au o coordonată X sau Y. Aceste puncte vor uni apoi trasee și vor forma forme și apoi puteți adăuga culoare în interiorul acestor forme. Vectorii pot fi măriți în dimensiune fără să vă faceți griji cu privire la calitate. Ele sunt de obicei folosite pentru logo-uri și grafice care pot fi folosite cât mai multe rezultate diferite, de la pliante până la panouri publicitare. Să ne uităm la diferitele tipuri de imagini care se încadrează în această categorie.

• AI – aceasta înseamnă document Adobe Illustrator. Acest format de fișier a fost creat de sistemele Adobe și au modele vectoriale cu o singură pagină.
• EPS – Encapsulated Post Script poate fi redimensionat și este utilizat pe scară largă pentru modele vectoriale. Are o calitate foarte înaltă și este folosit în multe elemente de imprimare, cum ar fi logo-uri, broșuri și cărți de vizită.
• PDF – dezvoltat de Adobe, Portable Document Format este un tip de fișier care poate fi descărcat și vizualizat de orice computer. Sunt ideale pentru a partaja previzualizările lucrării, deoarece sunt vizibile universal.

Rezoluţie

Există 2 tipuri aici de care trebuie să fii conștient de care este DPI și PPI.

• DPI este ceva de care trebuie să vă îngrijorați atunci când lucrați pentru a produce o ieșire tipărită. De asemenea, reprezintă puncte pe inch. Aceasta se referă în esență la numărul de puncte pe inch pe o pagină imprimată. Cu cât este mai mare numărul de puncte aici, cu atât mai mare este calitatea imaginii. Standardul pentru o imagine de imprimare este de 300 DPI.
• PPI înseamnă pixeli pe inch. Dacă creați o imagine mare în Photoshop, va trebui să creșteți numărul de pixeli pe inch, unde Photoshop va alcătui datele și veți pierde și o oarecare calitate.

Rezoluția se va aplica numai imaginilor raster, deoarece vectorii nu vor funcționa cu pixeli.

Termeni de design pentru font, text și tipografie

Ascendent

Aceasta este o extensie liniară a unei litere afișate deasupra liniei mediane.

De bază

Aceasta este linia chiar vizibilă pe care se vor așeza toate literele pe care le-ați introdus în designul dvs.

Înălțimea capacului

Aceasta este distanța dintre linia de bază și partea de sus a literelor mari.

Descendent

Acesta este un prelungitor pe o scrisoare care va apărea sub linia de bază. Zonele cu roșu din exemplul de mai jos sunt descendenții pentru literele date.

Kerning

Aceasta se referă la ajustarea distanței dintre caracterele unui anumit font, astfel încât să existe un rezultat mai plăcut din punct de vedere vizual. De exemplu, poate doriți să aveți puțin spațiu între t și i, astfel încât brațul lui t să nu se îmbine cu i. Va trebui, de asemenea, să vă asigurați că kerningul pe care îl faceți este corect atunci când vine vorba de utilizarea majusculelor precum T sau A în orice titlu.

Orfani și văduve

Când lucrați cu tipărire, văduvele sunt paragrafele care se termină cu o linie la începutul paginii următoare sau al coloanei. Acum orfanii, pe de altă parte, sunt paragrafe care încep în partea de jos a paginii sau a coloanei. Ele nu arată prea atrăgătoare și, de obicei, trebuie să fie completate cu mai multe copii, sau designerul dvs. poate încerca să le repare. Dacă există cuvinte unice care se încadrează la linia finală a oricărui paragraf, încercați să lucrați la ele, deoarece arată inestetic.

Sans Serif

Acestea sunt un grup de fonturi care nu folosesc liniile și stub-urile de la sfârșitul caracterelor, ca în cazul serif-urilor. Unele dintre fonturile populare care se încadrează în acest grup sunt Helvetica, Arial și Geneva. Fonturile San Serif sunt puțin greu de citit. Ele sunt adesea folosite doar în texte scurte, cum ar fi legendele și titlurile.

Scenariul

Aceste fonturi imită scrisul de mână care este cursiv. Are o notă personală ca în cazul caligrafiei. Puteți alege dintre două tipuri diferite de fonturi de script – formale și casual. Grupul formal are o mulțime de accente fanteziste în ele. Ele sunt, de asemenea, foarte ușor de identificat, deoarece au bucle și flori care ies în exterior de la serif. Acum, pe de altă parte, fontul script casual are mai puține bucăți de curling. Dacă doriți să oferiți designului dvs. o senzație familiară, puteți utiliza acest tip de font. Cu toate acestea, atunci când alegeți un font precum scripturile, trebuie să fiți atenți, deoarece lizibilitatea poate fi mai mică.

Serif

Serifurile sunt un tip de font folosit în mod obișnuit. Literele din acest caz au cioturi decorative pe ele, așa cum se arată în imaginea de mai sus, unde puteți vedea biții verzi evidențiați. Există patru tipuri principale de fonturi Serif.

• Stil vechi
• Tranzitorie
• Didone
• Slab Serif

Urmărire

Urmărirea se referă fie la creșterea (în cea mai mare parte), fie la reducerea spațiului dintre litere dintr-o linie sau dintr-un bloc de text. De obicei se aplică orizontal. Liderarea are loc atunci când același principiu este aplicat vertical. Acest lucru se referă practic la menținerea aceluiași spațiu între 2 linii. Scopul principal aici este să vă asigurați că tipul dvs. este lizibil și că descendenții nu se vor îmbina cu linia imediat dedesubt.

Termeni generali de proiectare

Aliniere

Alinierea se referă în esență la modul în care elementele din designul dvs., care include text și imagini, sunt aranjate unul în raport cu celălalt. Aceste imagini pot fi aliniate pentru a se potrivi paginii, precum și pentru a arăta perfect unele cu altele.

Raportul de aspect

Aceasta se întâmplă să fie relația proporțională dintre înălțime și lățime. Îl vei vedea într-un format x:y. De exemplu, o imagine care are dimensiunile de 6 x 4 va avea un raport de aspect de 3:2. Aceasta va decide raportul și forma imaginii și nu dimensiunea acesteia.

Contrast

Acesta este un principiu în design care se întâmplă atunci când două elemente din vizual sunt destul de diferite în mod dramatic. Cu cât diferența este mai mare, cu atât contrastul este mai mare. Contrastul în design vă va ajuta să transmiteți mesajul prin ghidarea ochiului privitorului către punctele focale. De asemenea, ajută la îmbunătățirea lizibilității. Puteți vedea contrastul aplicat în ceea ce privește culoarea, dimensiunea, valoarea sau orice alt aspect al unui design.

Comprimare

Comprimarea unei imagini este în esență ceea ce se întâmplă atunci când dimensiunea în octeți a unui fișier grafic este redusă, fără ca aceasta să aibă un impact negativ asupra calității imaginii. Când dimensiunea fișierului este redusă, este mai ușor ca aceste fișiere să fie trimise prin e-mail și, de asemenea, vor ocupa doar mai puțin spațiu în stocare. Acestea vor fi apoi descărcate cu ușurință de pe paginile web.

Design plat

Un design plat este un stil de design al interfeței cu utilizatorul care are elemente foarte simple și bidimensionale, împreună cu culori strălucitoare și vibrante.

Echilibru

Aceasta se referă la echilibrarea elementelor din pagină, astfel încât componentele grafice și text să fie așezate corect și uniform. Există 3 modalități principale de a realiza acest lucru.

• Asimetric – Acest tablou de la Van Gogh este exemplul perfect de design asimetric, unde diferite obiecte și culori sunt folosite pentru a crea piesa perfectă care nu este distribuită uniform. În grafică, când există de exemplu o imagine pe o parte și text pe cealaltă, se spune că este asimetric.

• Simetric - toate elementele de design sunt echilibrate uniform pe ambele părți ale unei linii centrale.

• Radial – în acest tip de design, elementele ar radia dintr-un punct central, care, la rândul său, va crea echilibru în design.

Compoziția și aspectul

Compoziția unui design (alias forma) este aranjarea diferitelor elemente de design. Dacă compoziția are succes, ea va atrage privitorul și, de asemenea, îi va purta privirea pe întregul design. Este alcătuit din multe elemente diferite precum echilibrul, alinierea, proximitatea, spațiul alb și contrastul.

Scară

Dimensiunea unui element de design în comparație cu un alt element din același design.

Textură

În design grafic, când vorbești despre textură, te referi la simțul atingerii, al actualizării și al simțirii. Această caracteristică va ridica celelalte elemente ale designului dvs., cum ar fi culorile, conținutul, modelele și ilustrațiile.

Tăiați și sângerați

Dimensiunea Trim va reprezenta dimensiunile finale pentru designul pe care îl faceți. Sângerarea este practic atunci când designul se extinde dincolo de dimensiunea tăierii. Când proiectarea finală este gata, zona de sângerare va fi tăiată de cele mai multe ori. Scopul zonei de sângerare este de a se asigura că designul ajunge corect la toate colțurile fără a avea margini albe care ar putea arăta destul de inestetice.

Cunoașterea termenilor vă poate ajuta la încărcături

Ți-am adus o mulțime de lucruri despre care știm că te vor ajuta ca non-designer, dar învățarea despre design nu se termină aici! La fel ca tendințele în design, termenii de design se schimbă. Și cu cât încerci mai mult să rămâi la curent, cu atât vei putea să-ți urmezi mai bine munca. În acest fel, atunci când membrii echipei sau șeful dvs. vă vor spune ce trebuie să faceți și detaliile vin cu jargon, veți ști exact ce înseamnă.