Dlaczego Negatywny jest pozytywny w projektowaniu stron WWW
Wszystkie terminy, które rzucają się na nas w trakcie naszej edukacji projektowej (czy to my, czy nauczeni przez instytucję), łatwo zrozumieć, dlaczego niektóre ziemie tylko rzucają ciosy z ledwie jakąkolwiek penetracją do naszej psychiki.
Te, które wkrótce znikną z naszego królestwa pełnego zrozumienia bez stałego poświęcenia im uwagi i poświęcenia. Właśnie tego chcemy dzisiaj zrobić, poświęcić trochę uwagi podstawowemu projektowi stron internetowych, negatywnej przestrzeni.
Czym jest przestrzeń ujemna?
Dla tych, którzy potrzebują przypomnienia, poświęćmy chwilę, aby podzielić je na podstawy: są dwa rodzaje przestrzeni w projekcie, przestrzeń pozytywna i negatywna. Pozytywna przestrzeń zawiera wszystkie elementy Twojej witryny, zawartość, nawigację, obrazy itp. Przestrzeń ujemna (często nazywana białą spacją) to cała pusta przestrzeń pomiędzy, przestrzeń wokół treści, która oddziela elementy i pomaga w strukturze i określić sposób interakcji użytkownika z treścią w przestrzeni dodatniej.
Skoro już to mamy, przejdźmy dalej, dobrze? Istnieją również dwa typy negatywnej przestrzeni, mikro i makro. Mikro-negatywna przestrzeń to przestrzeń pomiędzy mniejszymi elementami projektu. Rzeczy takie jak odstęp między akapitami, poszczególne linie tekstu, aż do spacji między literami i słowami. Przestrzeń ujemna makro to przestrzeń pomiędzy większymi, podstawowymi elementami projektu, takimi jak nagłówek i stopka.
Yeedor
Przyjaźń Hamburg
Firma Projektująca Moving Things
Mikro-negatywna przestrzeń
Najpierw przyjrzymy się mniejszej końcówce spektrum. Pamiętając o tym, że rozmiar nie wyznacza mikro strony do pozycji o minimalnym znaczeniu. Daleko stąd. Zachowanie dużej ilości białych znaków w naszych blokach tekstu może znacznie ułatwić czytelność strony, ułatwić jej skanowanie, a nawet pomóc ludziom lepiej zrozumieć to, co czytają.
I mówimy Micro, więc ta koncentracja i konserwacja muszą iść głęboko. Musimy zadbać o to, aby cała negatywna przestrzeń w naszych blokach tekstowych była napięta. Nie w zatłoczony sposób, ale ciasno w estetycznie zrównoważony i otwarty sposób. Dobrze rozumiesz? Oznacza to zajmowanie przestrzeni między nagłówkami i akapitami. Zwracając szczególną uwagę na wysokości linii w paragrafach. Upewnienie się, że spacja między elementami zamówienia na listach nie jest zakończona lub nie jest ukończona. Nawet przestrzeń między słowami i literami.
Nie zawsze jest to łatwe zadanie. Decydowanie o marginesach i dopełnieniu dla tego typu mikroprzylegania jest delikatną sztuką. Jeden, który musi być stworzony z każdą tworzoną przez nas stroną. Każda strona będzie miała własny bilans do znalezienia. Chociaż nie chcesz zbyt mało białych znaków, zbyt duże wpłynie na czytelność tak samo negatywnie.
Autostrada informacyjna
strawić
MakeMatter
Negatywna przestrzeń makro
Teraz zwiększmy nieco nasz zakres i skoncentrujmy się na stronie Macro tego spektrum. Mimo że ta strona jest tą, na którą zwracamy większą uwagę, nadal często nie dajemy jej więcej przestrzeni do oddychania. Ludzie lubią zagracać nagłówki wszystkim, co mogą pasować, ponieważ to pierwsza rzecz, którą widzą. Zamiast tego staraj się utrzymać ten obszar w kilku kluczowych elementach, aby użytkownicy wiedzieli dokładnie, gdzie się znajdują i nie są dusi, gdy tylko wejdą na stronę.
Podobnie jak nagłówek, dość łatwo wpaść w oglądanie stopek i pasków bocznych projektu jako czegoś w rodzaju catch-all. Miejsce do przesuwania i usuwania jak największej ilości informacji. W przeciwieństwie do nagłówka, prawdą jest, że można uzyskać więcej treści w tych obszarach, ale należy zachować ostrożność, aby upewnić się, że zostawiamy spore spacje zarówno wokół, jak i wewnątrz tych elementów.
Im bardziej pozostawiamy odpowiednią przestrzeń i odstępy, tym bardziej celowe wydają się nasze wtrącenia. Właśnie wtedy, gdy zagracamy (chyba że zrobimy to stylistycznie, co łatwo odróżnić od tego, o czym tutaj mówimy), często sprawiamy wrażenie, że nie poświęcamy wystarczająco dużo uwagi naszym etapom planowania. To prawda, że kiedy się zagracamy, z pewnością możemy zrzucić winę na naszych klientów, wiedząc, że większość z nich jest wykonywana na ich żądanie. Punkt, do którego niedługo dotrzemy i na które zasiądziemy.
Dlatego chcemy mieć pewność, że przestrzeń wokół każdego elementu bloku jest obszerna wokół całej sekcji (upewnij się, że pasek boczny nie jest przesunięty względem głównej zawartości witryny). Zachowując szczególną ostrożność, aby zapewnić dużo miejsca wokół wszystkich wezwań do działania. Niech CTA się wyróżnia.
Viva Audio
Dobra
Wykonaj Backflip
Dlaczego negatywna przestrzeń ma znaczenie
Wykorzystanie negatywnej przestrzeni odgrywa ogromną rolę w użyteczności. Które wskazywaliśmy przez cały czas. Użytkownicy nie tylko muszą mieć możliwość wygodnego czytania wszystkich treści na stronie, ale także muszą mieć możliwość łatwego znalezienia tego, czego szukają. Z bałaganu nie jest to łatwe zadanie. Wiele osób, zwłaszcza klientów, chce mieć wgląd w każdy dostępny cal ekranu, a następnie zastanawiać się, dlaczego strona wygląda na zagraconą i nieprzyjemną. Co więcej, dlaczego użytkownicy mają problemy z poruszaniem się po tej witrynie.
I w tym właśnie tkwi nasza siła perswazji i ufność w nasze wrażenia projektowe. Jako projektanci musimy przekonać ich do zrozumienia, dlaczego ta negatywna przestrzeń jest tak istotna i dlaczego dokonywanie wyborów dotyczących tego, jakie treści umieścić na ich stronie jest równie ważne. To nie jest strata ich pieniędzy. Nie jest to też strata miejsca na ekranie. Ale zamiast tego potrzebny element w tworzeniu ważnych informacji już na ekranie wyróżnia się w czystym i profesjonalnym środowisku. Musimy ich przekonać, żeby to zobaczyli.
Nadal możemy dopasować wszystko, co niezbędne na stronie. Po prostu upewnij się, że masz wszystko, by złapać oddech. Ludzie mogą przeglądać witrynę, w rzeczywistości jest to oczekiwane. "Powyżej zakładki" nie ma już mocy, której używał. Należy jednak pamiętać, że treści (szczególnie zawartość strony głównej) powinny być wybierane mądrze. Im więcej opcji jest podanych na stronie początkowej, tym trudniej będzie użytkownikowi wybrać, dokąd się udać, nie stając się przytłoczonym i prawdopodobnie rezygnując ze wszystkich stron.
Pure Fix Cycles
Nurun
Prawie niemożliwe
Jak korzystać z negatywnej przestrzeni w swoich projektach? Czy "negatyw" jest właściwym terminem dla białych znaków? Daj nam znać swoje myśli w komentarzach.