it-swarm-eu.dev

Kdy použít gestalt princip společného regionu?

Obrázek níže, který je vidět na this medium article, používá čáry k oddělení různých grafik, ale mohl by také použít různá pozadí, což je něco docela běžného při navrhování dashboardů. Moje otázka zní: Nebyl by princip blízkosti dostatečný k tomu, aby seskupil související obrázky a text a oddělil je od ostatních prvků? Kdy použijeme tento princip?

enter image description here

13
Carla Graça

Princip blízkosti používaný jako rámec funguje správně, pokud generují virtuální limity kontejneru alespoň dva nebo tři prvky:

References points

Funguje to spíše jako zákon o uzavření :

enter image description here

Nebo má obsah střední vizuální osu dostatečně silnou, aby ji mohl interpretovat jako jediný prvek:

Central axis


Poté je horní text dokonalý, protože rámeček kontejneru definují čtyři ohraničující prvky:

Top text

V případě obrázků však nepravidelnost obsahu mění přibližovací zákon tím, že izoluje referenční osy od jediného prvku, dolního/pravého textu, což nás nebezpečně přibližuje ke čtvrté možnosti v horní grafice této odpovědi:

enter image description here

Možné řešení

1 - Zveličeně zvětšete okraje, abyste co nejvíce izolovali každý obraz, takže je interpretován jako jedinečné seskupené prvky:

margins

2 - Přidáním grafických nebo informačních prvků obnovte druhý nebo třetí referenční bod:

reference

3 - Použijte pozadí, funguje to jako nepravidelný kontejner

enter image description here

4 - Posiluje centrální osu obsahu:

axis

24
Danielillo

Nikdy jsem pro to neviděl pravidlo a věřím, že je pro něj velmi těžké vytvořit pravidlo , protože záleží na designu, fontech, barvách a zadejte zde zobrazené informace.

Například:

  1. Pokud máte pouze grafiku bez legendy, mezery by měly stačit k oddělení
  2. Pokud máte pouze tabulky, budou se kvůli designu automaticky oddělit, ale pokud vaše tabulka nemá žádný řádek, žádné pozadí by nemohlo vypadat jako jedna tabulka.
  3. Pokud máte kombinaci tabulek a grafiky, budete potřebovat čáry div, aby nevypadaly jako nepořádek.

Nejlepší způsob je vytvořit variace designu a porovnat. Je těžké se rozhodnout bez designu a podívat se na skutečné.

Při pohledu na některé příklady (špatné a dobré) vidíte, že by to nemělo ovlivnit uživatelský dojem.

Je lepší se o to starat:

  • Jaký typ grafiky použijete
  • Příkazy k zobrazení dat
  • Data, která tam uvidíte
  • Barvy a jak zdůrazníte, na čem záleží
  • Jak zabránit znečištěné obrazovce

enter image description hereenter image description hereenter image description hereenter image description here

3
Rafael Perozin