CRAP obuhvaća četiri osnovna principa koja čine temelj dobrog dizajna: Contrast (Kontrast), Repetition (Ponavljanje), Alignment (Poravnanje) i Proximity (Blizina).

Contrast

Kontrast pomaže u isticanju važnih elemenata i razlikovanju različitih dijelova sadržaja. Primjerice, naslovi ili gumbi koriste tamniju boju od pozadine kako bi odmah privukli pažnju korisnika i jasno pokazali što je važno.

image.png

Naslovna traka je druge boje kako bi bila uočljiva na svim stranicama.

image.png

Repetition

Ponavljanje vizualnih elemenata, poput boja, fontova ili stilova, stvara dosljednost u dizajnu i olakšava korisniku navigaciju kroz aplikaciju. Na primjer, svi interaktivni gumbi imaju isti oblik i stil, što korisniku daje osjećaj predvidljivosti i sigurnosti. Na slikama su prikazani neki od gumbova na stranici.

Snimka zaslona 2025-09-02 213415.png

image.png

Allignment

Poravnanje elemenata osigurava uredan i organiziran izgled stranice te povećava preglednost. Primjer: tekst, slike i gumbi poravnati su u retke ili stupce koristeći grid, što pomaže korisniku da intuitivno prati sadržaj i povezuje informacije.

image.png

Proximity

Grupiranje srodnih elemenata u blizini jedno drugog jasno pokazuje korisniku koje informacije ili funkcionalnosti pripadaju zajedno. Primjer je footer u kojem je tekst podijeljen na tri dijela kako bi se jasno vidjelo kojoj funkciji što pripada.

Snimka zaslona 2025-09-02 181316.png

Također, opis filma i gumb za dodavanje u watchlist smješteni su uz sliku, što vizualno povezuje funkciju i sadržaj.

image.png