Vyváženost: základní principy designu

Obsah:

Vyváženost: základní principy designu
Vyváženost: základní principy designu
Anonim

Vyváženost v designu je rozložení prvků designu. Balance je vizuální interpretace gravitace v designu. Velké, husté prvky se zdají být těžší, zatímco menší prvky se zdají být lehčí. Návrhy můžete vyvážit třemi způsoby:

  • symetrické vyvážení
  • asymetrické vyvážení
  • nesouladné nebo nevyvážené
Image
Image

Sečteno podtrženo

Rovnováhu ve webovém designu najdete v rozvržení. Pozice prvků na stránce určuje, jak vyvážená stránka vypadá. Velkou výzvou k dosažení vizuální rovnováhy ve webovém designu je záhyb. Můžete navrhnout rozvržení, které je v počátečním zobrazení dokonale vyvážené, ale když čtenář posouvá stránku, může to vyvést z rovnováhy.

Jak zahrnout rovnováhu do návrhů webových stránek

Nejběžnějším způsobem, jak začlenit rovnováhu do webových návrhů, je rozvržení. Ale můžete také použít vlastnost stylu float k umístění prvků a jejich vyvážení na stránce. Velmi běžný způsob, jak symetricky vyvážit rozvržení, 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áří určitou formu rovnováhy 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í pro návrhy mřížky kvůli čtvercovému charakteru webových tvarů.

Sečteno podtrženo

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

Asymetrický zůstatek

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

Nesouladné nebo nevyvážené

Někdy kvůli účelu návrhu dobře funguje nevyvážený nebo nesouhlasný design. Návrhy, které jsou nevyvážené, naznačují pohyb a akci. Způsobují lidem nepohodlí nebo neklid. Pokud má být obsah vašeho návrhu také nepohodlný nebo přimět lidi k zamyšlení, může dobře fungovat nesouhlasně vyvážený design.

Doporučuje: