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

Question

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?

Danielillo · Answer

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

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

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

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

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:

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:

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

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

4 - Posiluje centrální osu obsahu:

Rafael Perozin · Answer

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:

Pokud máte pouze grafiku bez legendy, mezery by měly stačit k oddělení
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.
Pokud máte kombinaci tabulek a grafiky, budete potřebovat čáry div, aby nevypadaly jako nepořádek.