Shh! Nu împărtășiți acest secret insider despre principiile de proiectare CRAP

Utilizarea principiilor de design CRAP este o modalitate uimitoare de a crea un design vizual eficient.

„CE?!” ați spus cu toții, nu-i așa? Ei bine, asta a fost cu siguranță o surpriză pentru tine dacă nu ai auzit niciodată de CRAP până acum. Robin Patricia Williams, o minunată autoare americană care a scris multe cărți legate de computer, a descris un set de principii de design grafic în cartea sa, The Non-Designer's InDesign Book. Ea l-a numit CRAP.

(Puteți citi și un scurt interviu cu ea aici ).

Deci, ce este CRAP? Nu cea pe care o cunoaștem, desigur!

Ei bine, pentru a crea modele eficiente și atrăgătoare, ar trebui să fim consecvenți. Consecvența vine cu implementarea elementelor de bază și fundamentale care sunt întotdeauna necesare. Aceste elemente de bază sunt esențiale stricte pe care orice designer ar trebui să le ia în considerare în mod constant.

În calitate de designer grafic, treaba ta este să produci ceva care hipnotizează spectatorul într-un mod în care nu poate părăsi site-ul web. Spectatorii trebuie să fie lipiți de locurile lor cu designul dvs. grafic captivant și, pentru asta, vine CRAP.

CRAP este un acronim care înseamnă Contrast, Repetition, Alignment, and Proximity.

1. Contrast

Contrastul este descris ca „juxtapunerea unor elemente diferite (cum ar fi culoarea, tonul sau emoția) într-o operă de artă”. Contrastul este ceea ce face ca elementele să iasă în evidență. Înainte de a intra în el, există un sfat pe care ar trebui să îl luați în considerare. Dacă utilizați de prea multe ori o funcție de contrast, pur și simplu reduceți contrastul, nu îl creșteți. De ce? Pentru că contrast înseamnă ceea ce înseamnă atunci când vrei să iasă în evidență câteva elemente. Dacă totul iese în evidență, nimic nu iese în evidență! Ca element important în principiile designului porcării, trebuie să știi să-l folosești bine. Deci, să trecem la asta!

Culoare

Puteți folosi diferența de culori pentru a crea contrast. Consorțiul World Wide Web (W3C) a creat linii directoare privind contrastul minim necesar între text și fundal. Deși a avea un contrast ridicat este o necesitate când vine vorba de text și fundal, acest lucru nu este adevărat atunci când vorbim despre diferite elemente. A avea un contrast ridicat între diferite elemente poate încorda ochii utilizatorilor. Puteți privi o versiune în tonuri de gri a designului dvs. pentru a vedea dacă a fost utilizat sau nu contrastul optim.

Ca regulă generală, folosirea nuanțelor de culori complementare care nu creează un contrast ridicat epuizant poate fi o practică bună.

mărimea

Diferențele de dimensiuni ale elementelor, mai ales când vine vorba de text, pot fi o sursă de contrast. Menținerea dimensiunii unui element mult mai mare decât a altora din jurul acestuia îl va face atrăgător. Butoanele de apel la acțiune (CTA) pot beneficia și de această dimensiune mai mare. Spectatorii tăi le vor observa mai mult și te vor ajuta cu CRO. De asemenea, dacă aveți nevoie de mai mult ajutor cu strategiile dvs. CRO, consultați acest ghid.

Formă

Avand forme diferite poate genera contrastul pe care il cautati. Puteți vedea în mod eficient contrastul de formă utilizat în infografice. Utilizarea unor forme diferite una lângă alta poate ajuta la captarea minții cititorilor. Adăugarea colțurilor rotunde la formele patrulatere sau utilizarea elementelor pătrate împreună cu elemente rotunde, circulare pot fi, de asemenea, exemple de contrast în formă.

Font

Putem clasifica fonturile în diferite grupuri. Serif, Sans-serif, script, monospaced și display sunt clasificările de bază dactilografiate. Utilizarea diferitelor grupuri de fonturi poate crea contrast pentru textul pe care vrem să-l semnificăm. De asemenea, folosirea diferitelor greutăți de font (aldine sau obișnuite), stiluri de font (italice, opace sau normal) și decorațiuni de font (subliniat, barat etc.) vă poate duce jocul la următorul nivel.

2. Repetiţie

Ca ființe umane, mințile noastre sunt programate în tipare de plăcere; Îi căutăm peste tot. Ce creează tipare? Repetiţie! De asemenea, creăm un sentiment de identitate atunci când întâlnim o repetare a lucrurilor. Gândiți-vă la o piesă muzicală pe care temele principale nu se repetă. Te-ai simți pierdut.

Exact același lucru se întâmplă în design. Trebuie să repetăm ​​culorile, formele, texturile, dimensiunile și alte atribute în designul nostru pentru a-l face consistent și pentru a-i conferi un fel de identitate. De asemenea, companiile folosesc repetarea în design pentru a crește gradul de conștientizare a mărcii. Ei repetă un set predefinit de culori și fonturi pentru a aduce consistență în diferitele lor platforme și canale.

Repetarea în proiectare este un alt principiu important în cele patru principii CRAP ale proiectării. Utilizatorul trebuie să se simtă în siguranță, nu pierdut. Ajută la optimizarea UX a site-ului dvs.

3. Aliniere

Alinierea, ca un alt factor crucial în principiile de proiectare CRAP, specifică poziționarea unui element în proiect. Este ceea ce dă coeziune și un sentiment de ordine unui design. În ceea ce privește elementele, le puteți alinia în funcție de marginile sau centrele lor. Cu toate acestea, textele pot fi aliniate la stânga, la dreapta, la centru sau pot fi pur și simplu justificate. În funcție de limbajul textului folosit, aliniamentele stânga și dreapta, fiind LTR sau RTL, sunt cele mai populare. Putem folosi alinierea la centru pentru intervale scurte de text (dar este dificil de citit pe textele mai lungi). Justificarea este o alegere bună atunci când lungimea liniei este lungă, dimensiunea fontului este mică și cuvintele sunt mai scurte (folosirea acesteia pe linii înguste care constau din cuvinte lungi reduce lizibilitatea).

Fiecare design ar trebui să aibă niște linii verticale care acționează ca ghiduri de aliniere orizontală. Textul care plutește peste tot pe pagină derutează spectatorul. Telespectatorii ar trebui să poată realiza pur și simplu relația dintre fiecare parte a paginii una cu cealaltă.

4. Proximitate

Nu în ultimul rând, proximitatea este un alt principiu care joacă un rol vital în proiectarea CRAP. Proximitatea în design prevede că ar trebui să punem elemente care se leagă unele de altele și sunt asociate strâns unele cu altele. Are sens, nu-i așa? Nu vrei să cauți un link legat de articolul pe care îl citești în bara de navigare, nu-i așa? De asemenea, distanțarea uniformă a elementelor pe toată pagina face ca designul să fie mai greu de urmărit. Grupați elementele aferente cât mai mult posibil pentru a facilita spectatorului dvs. să găsească informațiile dorite.

Regula celor 3 secunde

„Este nevoie de doar 3 secunde pentru a te îndrăgosti.”

Deci, testul final la care poți merge pentru a vedea dacă designul tău CRAP este impecabil este să verifici dacă este eficient în 3 secunde. Poți s-o faci singur, clarificându-ți mintea și privind în altă parte, apoi revenind la asta. De asemenea, puteți cere părerile unui prieten sau unei rude după 3 secunde. Noi decidem dacă ceva ne atrage și dacă vrem să continuăm cu el sau nu în doar 3 secunde.

Relația

Nu ar trebui să folosim aceste principii izolat. Repetarea și alinierea lucrează împreună pentru a oferi starea „normală”, care vă permite să schimbați forma sau locația unei bucăți de text pentru a genera contrast. În plus, repetiția și proximitatea lucrează împreună pentru a produce formate eficiente, cum ar fi listele cu marcatori – repetarea marcanților pune accent pe proximitatea punctelor.

Concluzie

Oscar Wilde, în prefața celei mai faimoase cărți a sa, „The Picture of Dorian Gray”, spune: „Artistul este creatorul de lucruri frumoase. Scopul artei este de a dezvălui arta și de a ascunde artistul.”

În cele din urmă, obiectivul este ca efortul pe care îl depuneți în crearea unui document să dispară, să devină invizibil, permițând cititorului sau spectatorului acces nelimitat la ideile pe care încercați să le comunicați - atât direct în text, cât și atât de subtil, prin intermediul alegerea dvs. de componente de design. În acest sens, este o muncă ingrată, deoarece puțini oameni vor remarca (sau chiar vor observa) calitatea designului - dar vor observa și vor acționa pe baza mesajului. Nu despre asta e vorba?