Efektywne wykorzystanie białej przestrzeni w projektowaniu WordPress

Strony internetowe różnią się zarówno wizerunkiem, jak i intencją. To, co działa na jednego, nie zadziała na innego. Biorąc to pod uwagę, istnieją pewne elementy projektowania responsywnego, które mają zastosowanie do większości, jeśli nie wszystkich, witryn i powinny być istotną częścią wszystkich narzędzi i strategii marketingu cyfrowego. Jednym z tych elementów jest dobre wykorzystanie „białej przestrzeni”.

W projektowaniu stron internetowych zawsze dąży się oczywiście do znalezienia idealnego punktu między wyglądem a skutecznością. Niezależnie od tego, czy jesteś początkującym blogerem, czy zaawansowanym programistą, który próbuje to osiągnąć, wyzwanie pozostaje takie samo.

W szczególności projekt WordPress jest dobry w przypadku białej przestrzeni. Zobacz WPTavern, aby zobaczyć świetny przykład witryny dobrze wykorzystującej białe znaki. Nie musisz do tego używać motywu bloga. Zapraszam do eksperymentowania.

Kolejną wielką zaletą WordPressa jest to, jak szeroko jest używany.

Skutkuje to przewagą użytkowników, którzy udzielają wielu wskazówek na temat tego, co składa się na łatwo zrozumiałą stronę internetową.

Tyle informacji wstępnych. Zakończmy ten akapit i cieszmy się małą przestrzenią, aby stworzyć wyraźne rozgraniczenie między tą sekcją a następną.

Co to jest biała przestrzeń?

Do pewnego stopnia biała przestrzeń jest taka, jak się wydaje. To jest to, co znajduje się na stronie, na której brakuje treści. Nie daj się jednak zwieść myśleniu, że ta przestrzeń musi być biała. Nie, może to być dowolny kolor. WordPress oferuje doskonałe niestandardowe wskaźniki kolorów dotyczące tego, co najlepiej sprawdzi się w Twoim projekcie, w tym oczywiście wybrany odcień białej przestrzeni.

Jako przykład warto przyjrzeć się bajecznemu wykorzystaniu opcji kolorystycznych w białej przestrzeni w witrynie Narodowego Muzeum Sztuki Afrykańskiej stworzonej za pomocą projektu WordPress. Tworzą ciche tło, które pięknie uzupełnia prezentowane obrazy.

Tak więc biała przestrzeń jest przestrzenią dowolnego koloru, która z pozoru nie ma wiele funkcji.

Albo to jest?

Spójrz poza twarz, a pojawi się funkcja. Podobnie jak w przypadku każdej aplikacji projektowej, przestrzeń może mieć ogromne znaczenie pod względem przejrzystości, kontrastu, kontekstu i kadrowania. W odpowiednim czasie przyjrzymy się tym (i innym) powodom używania spacji.

Rodzaje białej przestrzeni

Najpierw przyjrzyjmy się odmianom białej przestrzeni, które możesz napotkać.

Mikro i makro

Pierwsza to stosunkowo niewielka ilość białej przestrzeni, która zasadniczo umożliwia zrozumienie. Obejmuje to odstępy między wierszami tekstu. Bez tego strona z pewnością nie będzie funkcjonować jako narzędzie komunikacji pod żadnym względem, poza informowaniem użytkownika, że ​​nie należy projektować stron internetowych.

To ostatnie odnosi się do większych przestrzeni między widocznymi komponentami. Tak więc przestrzeń, która tworzy granice strony, a także przestrzeń, która daje przestrzeń obrazom i fragmentom tekstu, które chcesz wyraźnie docenić i zrozumieć. A jasne zrozumienie jest kluczem do sukcesu Twojej witryny.

Łatwo jest zbadać sposoby usprawnienia projektowania WordPress w tym obszarze.

Pasywny i aktywny

Bierna biała przestrzeń pojawia się niezależnie od tego, czy projektant miał na to ochotę, czy nie. Jest to automatyczna obecność spacji, którą edytor tekstu wstawi podczas tworzenia wierszy i akapitów.

Aktywna biała przestrzeń to miejsce, w którym projektant celowo pozostawił więcej miejsca między elementami strony, z powodów, które omówimy poniżej. Zgodnie z ogólną zasadą, im bardziej różnią się od siebie elementy, tym więcej powinno być między nimi przestrzeni. Możemy być bardzo prymitywnymi stworzeniami i mamy tendencję do pracy z mentalnością „sklejania się ptaków z piór”.

Powody korzystania z białej przestrzeni

Przyjrzyjmy się teraz, dlaczego biała przestrzeń jest wykorzystywana w projektowaniu stron internetowych.

Przejrzystość

To niezwykle ważne; bardzo częstym błędem popełnianym przez projektantów witryn jest umieszczanie zbyt wielu elementów na stronie, a tym samym zaśmiecanie i zaciemnianie głównych komunikatów, które próbujesz przekazać. Pamiętaj, że czysty układ to dobry układ.

W sytuacji, gdy elementy projektu cierpią na brak dyscypliny, użytkownicy mogą spotkać się z konsternacją i w rezultacie przedwcześnie opuścić witrynę. Jeśli zapewniasz takie słabe wrażenia użytkownika, możesz oczekiwać wysokiego wskaźnika wyjść.

Nadmierne zaśmiecanie prawdopodobnie wpłynie przede wszystkim na prędkość ładowania, a duża prędkość ładowania = wysokie wskaźniki porzucania.

Na szczęście istnieje wiele sposobów na przyspieszenie WordPressa.

Kontrast

Obraz lub ramka tekstu mogą mieć znacznie większy wpływ, jeśli otoczysz je przestrzenią o kontrastowym kolorze. Ten rodzaj schematu kolorów daje przestrzeń do trawienia, dzięki czemu użytkownik może przeżuwać to, co jest przekazywane, zanim napotka następny materiał.

Kontrast poprzez spację można również wykorzystać do wyróżnienia konkretnego elementu serwisu, zachęcając w ten sposób użytkownika do wybrania określonej trasy, np. poprzez kliknięcie w pole CTA.

Kontekst

Czasami będziesz potrzebować trochę miejsca, aby zapobiec niewłaściwemu zastosowaniu kontekstu. Niefortunne zestawienie poważnego punktu z humorystycznym obrazem nie przyniesie żadnych korzyści.

Ramy

To jest czysto estetyczne. Obrazy po prostu lepiej wyglądają z ramkami.

A ramka jest w rzeczywistości przestrzenią wokół obrazu, aby powstrzymać inne bodźce przed wkradaniem się i wnikaniem.

Kadrowanie brzmi trochę trywialnie, ale jest niezwykle ważne. Dla każdego, kto chce założyć sklep internetowy, częścią całej transakcji nieuchronnie będzie kolekcja zdjęć produktów. Spróbuj przykleić te obrazy mocno do siebie bez ramek. Rezultatem jest bałagan. Oko w naturalny sposób potrzebuje oprawy, aby właściwie docenić to, co znajduje się przed nim. Nawiasem mówiąc, projekt WordPress ma kilka świetnych funkcji startowych.

Jeśli działa…

Biała przestrzeń towarzyszy nam od dawna. Ma swoje korzenie w podejściu kaligrafów i artystów w Chinach początku XX wieku. Pracując z atramentem i papierem ryżowym, ci rzemieślnicy znaleźli znaczenie nie tylko w tym, co dodali do arkusza, ale także w tym, co pozostało puste. W ten sam sposób cisza w rozmowie może być bardziej wyrazista niż jakiekolwiek słowa, a spacja na stronie może przekazać znaczenie, jeśli zostanie użyta we właściwy sposób we właściwym czasie.

Od tego momentu biała przestrzeń charakteryzowała modernizm, który stał się globalną dominacją w XX wieku. Ten fajny neoklasycyzm wciąż odbija się echem i jest skrótem na elegancję i jakość. To dlatego tak wiele marek używa go z doskonałym skutkiem w swoich projektach wizerunkowych. WordPress może dostarczyć go w szpic dzięki minimalistycznym motywom.

Motywy i szablony

Projektanci motywów na całym świecie udostępnili użytkownikom WordPress mnóstwo niestandardowych opcji motywów, które mogą pomóc w korzystaniu z białej przestrzeni. Niezależnie od tego, czy chcesz użyć motywu e-commerce, czystego motywu, czysto eleganckiego motywu czy elastycznego motywu, warto przyjrzeć się, jak projekt WordPress oferuje szeroką gamę opcji motywów.

Motyw Total WordPress oferuje szereg ustawień, na przykład, których możesz użyć do dodania i dostosowania aktywnego białego miejsca w swojej witrynie. Użyj opcji szerokości witryny, odstępów między kolumnami, wierszy na pełnym ekranie i nie tylko, aby dodać białe miejsce do postów i stron.

Możesz też wyjść na całość z Blank Canvas, który jest w pełni minimalistyczny i bardziej uniwersalny.

Szablony również mogą pomóc we wdrażaniu białej przestrzeni. WordPress daje projektantowi piękne szablony do użycia, niezależnie od tego, czy chcesz szablon strony docelowej, czy coś bardziej ogólnego.

Uzyskaj właściwą równowagę

Ważną rzeczą w przypadku białej przestrzeni jest osiągnięcie udanej równowagi. Jak wspomniano, nie można ryzykować przeciążenia ekranu i użytkownika zbyt dużą ilością na raz. Z drugiej strony musisz wyglądać, jakbyś rzeczywiście miał coś do powiedzenia i usługi do zaoferowania.

To, ile pustej przestrzeni należy wykorzystać, może w dużej mierze zależeć od tego, o czym jest strona internetowa. Podobnie jak w przypadku wszystkich narzędzi marketingowych, to, co sprzedajesz, może kształtować sposób, w jaki to sprzedajesz. Czy potrzebuje dużo ekspozycji? Jeśli produkt jest bardzo dobrze znany, to użytkownik nie będzie potrzebował tak wielu informacji kontekstowych.

Na przykład witryna Walta Disneya, stworzona przy użyciu projektu WordPress, zawiera mało informacji na stronie docelowej. Masz nazwę Disneya nakładającą się na obraz, co ma ogromny wpływ. To, czego na pewno nie dostajesz i nie potrzebujesz, to jakiekolwiek informacje wyjaśniające, kim jest Disney i o co chodzi.

Firma rozpoczynająca działalność z nowymi produktami będzie musiała zbadać inne kwestie i pomysły SaaS. Kuszące jest, aby wszystkie te informacje były łatwo przedstawiane w górnej części linii.

Jednak można uczciwie powiedzieć, że nawet jeśli masz masy do przekazania, powinieneś błądzić po stronie mniej niż więcej. Zawsze możesz odesłać użytkowników do podstron z większą ilością szczegółów, gdy tylko wykażą chęć do nauki. Aby zobaczyć przykład tego naprawdę dobrze, zobacz stronę docelową WooCommerce.

Strony internetowe działają najlepiej, gdy przyciągają uwagę poprzez dobry wygląd, a następnie zwracają uwagę na dobry użytek, ułatwiając konstruktywną komunikację. Jak się przekonaliśmy, przekazywanie informacji nie zależy wyłącznie od ilości treści. Jeśli dasz wszystko na raz w celu uzyskania danych do czytnika, może to spowodować przeciążenie.

Możesz to usprawnić za pomocą białej spacji. A białą przestrzeń można wykorzystać do najlepszego efektu w WordPress, niezależnie od tego, czy jesteś ekspertem w dziedzinie projektowania, czy kimś, kto dopiero zaczyna.

Biała przestrzeń daje miejsce, a to może być konieczne, aby zdobyć punkt, aby trafić do domu. Czasami najbardziej wymowną częścią rozmowy może być ciąża…. pauza.