CRAP
CRAP (Contrast, Repetition, Alignment, Proximity) jsou základní principy vizuálního designu, které zajišťují přehlednost, konzistentnost a uživatelskou přívětivost.
CRAP (Contrast, Repetition, Alignment, Proximity) definovala Robin Williams v knize The Non-Designer’s Design Book z roku 1994. Chtěla pomoci lidem bez formálního grafického vzdělání pochopit základní principy dobrého designu. CRAP je praktické vodítko, které umožňuje vytvářet vizuálně efektivní a profesionální návrhy. Principy jsou široce využívány nejen v grafickém designu, ale i pro návrh uživatelských rozhraní.
Kontrast (Contrast) zvýrazňuje důležité prvky pomocí rozdílných barev, velikostí nebo tvarů. Pomáhá uživatelům snadno rozlišit jednotlivé části a zaměřit se na podstatné informace. Například v uživatelském rozhraní je důležité, aby bylo tlačítko „Koupit“ dostatečně odlišné od ostatních prvků na stránce, jinak ho uživatel snadno přehlédne.
Opakování (Repetition) dosáhnete použitím stejných vizuálních prvků, jako jsou barvy, písma a styly. Design se sjednocuje. Opakování podporuje konzistentnost a pomáhá uživatelům lépe se orientovat. Příkladem je webová stránka, kde nadpisy, tlačítka a navigační prvky mají stále stejný vzhled, což usnadňuje jejich rozpoznání.
Zarovnání (Alignment) zajišťuje vizuální propojení prvků a pomáhá vytvářet strukturovaný a profesionální vzhled. Bez něj může design působit neuspořádaně a chaoticky. Například texty na webu by měly být zarovnány k jednomu okraji, aby se lépe četly a působily organizovaně.
Blízkost (Proximity) seskupuje související prvky k sobě a odděluje nesouvisející. Tím se zlepšuje organizace obsahu a usnadňuje jeho pochopení. Typickým příkladem je formulář – tlačítko „Odeslat“ by mělo být hned pod textovými poli, aby bylo jasné, že s nimi souvisí.
Při návrhu rozhraní se často v těchto principech chybuje: Nedostatečný kontrast: Světlý text na světlém pozadí je špatně čitelný. Řešením je zkontrolovat přístupnost barevného kontastu. Příliš mnoho různých fontů nebo barev: Design působí nesourodě a rušivě. Doporučuje se používat maximálně dvě až tři písma a omezenou paletu barev. Špatné zarovnání: Náhodně rozmístěné prvky narušují čitelnost. Důležité je držet se jasné mřížky. Nedostatečné využití blízkosti: Pokud například popisek v dotazníku není těsně nad vstupním polem, může být pro uživatele matoucí, kam danou informaci zadat.
Kromě principů CRAP se setkáte i s dalšími pravidly vizuálního navrhování. Gestalt principy popisují, jak lidský mozek přirozeně organizuje vizuální informace. Principy vizuální hierarchie pak určují, které prvky upoutají pozornost jako první – například větší písmo a sytější barvy přitahují pohled dříve než malé a nevýrazné prvky.
