Skip to content

Balance: Základní principy designu

18 de Červenec de 2021
rocks balancing on driftwood sea in background 153081592 591bbc3f5f9b58f4c0b7bb16

Rovnováha v designu je distribuce prvků designu. Vyvážení je vizuální interpretace gravitace v designu. Velké, husté prvky se zdají být těžší, zatímco menší prvky se zdají být lehčí. Vzory můžete vyvažovat třemi způsoby:

  • symetrická rovnováha
  • asymetrická rovnováha
  • nesouhlasný nebo nevyvážený

Použití rovnováhy v designu

Rovnováhu ve webovém designu najdete v rozvržení. Pozice prvků na stránce určuje, jak vyváženě se stránka zobrazí. Jednou z velkých výzev k dosažení vizuální rovnováhy ve webovém designu je záhyb. Můžete navrhnout rozložení, které je v počátečním zobrazení dokonale vyvážené, ale když čtenář posouvá stránku, může se to vyvrátit.

Jak zahrnout zůstatek do webových návrhů

Nejběžnějším způsobem, jak začlenit rovnováhu do webových návrhů, je rozložení. Vlastnost float style můžete ale také použít k umístění prvků a jejich vyvážení napříč stránkou. Velmi častým způsobem, jak vyvážit rozložení symetricky, je vycentrovat text nebo jiné prvky na stránce. Většina webových stránek je postavena na mřížkovém systému, což okamžitě vytváří rovnováhu pro stránku. Zákazníci mohou vidět mřížku, i když tam nejsou žádné viditelné čáry. Webové stránky se dobře hodí k návrhům mřížek kvůli čtvercové povaze webových tvarů.

Symetrická rovnováha

Symetrické vyvážení je dosaženo rovnoměrným umístěním prvků do designu. Pokud máte velký a těžký prvek na pravé straně, budete mít odpovídající těžký prvek na levé straně. Centrování je nejjednodušší způsob, jak získat symetricky vyváženou stránku. Ale buďte opatrní, protože může být obtížné vytvořit středový design, který nevypadá plochý nebo nudný. Pokud chcete symetricky vyvážený design, je lepší vytvořit rovnováhu pomocí různých prvků – například obrázku vlevo a velkého bloku těžšího textu napravo od něj.

Asymetrická rovnováha

Asymetricky vyvážené stránky mohou být náročnější na design – protože nemají prvky shodné přes středovou linii designu. Například můžete mít velký prvek umístěný velmi blízko k ose návrhu. Abychom to vyvážili asymetricky, můžete mít malý prvek dále od středové čáry. Pokud si myslíte, že váš design je na balancéru nebo houpačce, lehčí prvek může vyvážit těžší tím, že je dále od těžiště. K vyvážení asymetrického designu můžete také použít barvu nebo texturu.

Nesouladný nebo nevyvážený

Někdy účel designu dělá dobře vyvážený nebo nesouhlasný design. Nevyvážené návrhy naznačují pohyb a akci. Dělají lidem nepohodlí nebo neklid. Pokud má být obsah vašeho návrhu také nepohodlný nebo přimět lidi myslet, může discordantně vyvážený design dobře fungovat.