Dzisiaj mocno w stronę UI.
👉 Linie i ramki
Pomagają użytkownikom zrozumieć, jak zorganizowana jest treść, ustalając rytm i hierarchię na stronie. Separatory należy stosować ostrożnie i zazwyczaj w przypadku, gdy treści nie da się skutecznie podzielić w inny sposób.
Zamiast separatorów staraj się dzielić stosując odstępy i białą przestrzeń. Mniej linii w projekcie sprawi, że będzie przejrzysty i bardziej nowoczesny. Zbyt wiele linii może przeciążyć szumem wizualnym i stworzyć niepotrzebne zamieszanie.
Grupując elementy zacznij od:
- ułożenia elementów w jednej linii
- sprawienia, by wyglądały podobnie
- manipulacji pustą przestrzenią
Jeśli mimo powyższych, wizualnie elementy nie zostaną rozdzielone, wtedy warto rozważyć widoczne kontenery lub separatory.
👉 Kiedy je stosować?
Z drugiej strony mogą być pomocne w celu grupowania podobnych elementów. Separatorem lepiej rozdzielić grupę, a nie każdy element z osobna. Tyle linii może wprowadzić chaos.
👉 Nie rozciągaj w grupie
W przypadku separatorów, które grupują pozycje wewnątrz podobnych elementów, spróbuj nie rozciągać linii na całą szerokość. Skrócenie separatora sugeruje powiązanie z innymi grupami.
