Kiedy i jak używać minimalizmu w projektowaniu stron internetowych

Najpierw pozbądźmy się błędnego przekonania na temat minimalizmu. To, że jest mniej do zobaczenia, nie oznacza, że ​​jest łatwiej. W rzeczywistości jest zupełnie odwrotnie. Im mniej masz, tym więcej czasu musisz poświęcić, aby upewnić się, że każdy posiadany element jest odpowiedni dla pieniędzy.

W końcu, jeśli masz zatłoczony interfejs, to jeśli coś jest wyrównane nieco na lewo od środka lub czcionka, która nie jest optymalna dla tego, czego używasz, prawdopodobnie nawet nie zostanie zauważona wśród innych szczegółów.

Nie będzie to jednak prawdą, jeśli używasz minimalistycznego projektu internetowego, ponieważ nie ma nic do ukrycia się za twoim błędem lub złym wyborem. Będą się wyróżniać rażącymi szczegółami – jak neon na japońskim domu. Oznacza to, że jeśli próbujesz po prostu złożyć stronę, minimalizm nie jest dobrym rozwiązaniem. Minimalizm jest dla perfekcjonistów, obsesyjno-kompulsywnych, skupionych na laserze, którzy nie śpią do trzeciej nad ranem, aby zdobyć ten tytuł w sam raz dla projektantów stron internetowych. Jeśli to nie ty, to nie dla ciebie.

Jeśli tak, to czytaj dalej, czytaj dalej! Idziemy w dół króliczej nory.

Negatywna przestrzeń

Zacznijmy od przyjrzenia się temu, czego minimalistyczna witryna będzie miała najwięcej – negatywnej przestrzeni, choć możesz ją znać jako „tło". Z tym wyjątkiem, oczywiście, że w minimalistycznym designie wcale nie jest to „powrót”. Zamiast tego jest z przodu i na środku, gdzie odgrywa istotną rolę, ponieważ manipuluje przepływem wizualnym użytkownika.

Siła ujemnej przestrzeni polega na tym, że im więcej jej masz, tym więcej wszystkiego, co masz na stronie, będzie się pojawiać. Dlatego projektanci przemysłowi często stosują minimalistyczne układy. W ten sposób ich produkty, zamiast zanikać we wszystkim innym, przyciągną uwagę, której szukają. A ponieważ to właśnie próbują sprzedać lub przynajmniej pokazać, to podejście jest bardzo atrakcyjne dla nich i każdego, kto ma statyczne obiekty do pokazania, na przykład projektantów wnętrz i fotografów.

Negatywna przestrzeń może być potężnym narzędziem do stworzenia oazy spokoju, a także sprawić, by użytkownicy nie czuli się przytłoczeni. Dlatego często na tego typu układy decydują się spa i centra odnowy biologicznej.

Zauważ, że ujemna przestrzeń nie oznacza, że ​​nic tam nie ma. Oczywiście przestrzeń musi być czymś wypełniona i choć biel jest wyborem oczywistym, to nie jedynym. Co więcej, różne kolory mają zupełnie inny wpływ na użytkowników, więc poświęć trochę czasu na rozeznanie. Jedną rzeczą, na którą chciałbym zwrócić uwagę, jest to, że nie wybierasz przesyconego koloru. To podstawowy błąd popełniany przez wielu początkujących projektantów. Problem polega na tym, że może to być dość bolesne dla użytkowników, co powoduje, że jedna z wielkich zalet minimalizmu jest nieważna.

Zdjęcia

Jeśli tylko jeden kolor to za dużo, istnieje oczywiście możliwość wykonania jakiegoś zdjęcia. Oczywiście, jeśli wybierzesz obraz, upewnij się, że jest on zgodny z duchem minimalizmu, do którego dążysz. Obraz nie może być zbyt zajęty.

Mam na myśli to na dwa sposoby.

1. Oczywiście upewnij się, że zdjęcie nie jest zbyt zagracone przedmiotami lub ludźmi, ponieważ zniweczy to cały cel twojego minimalistycznego projektu.
2. To jednak nie wystarczy, ponieważ implikacja szybkiego ruchu lub niebezpieczeństwa jest w stanie przyciągnąć wzrok do obrazu i odwrócić go od głównego elementu, który próbujesz wyświetlić. W rzeczywistości nawet okazywanie negatywnych emocji może odwrócić uwagę ludzi od tego, na czym naprawdę chcesz, aby się skupili.

Z tego powodu podczas przeglądania minimalistycznych stron internetowych zobaczysz wiele zdjęć z bardzo neutralnym i statycznym tłem. Oto kilka świetnych przykładów.

Typografia

Możesz wyciąć wiele rzeczy ze swojej minimalistycznej strony, na przykład pasek menu, przyciski mediów społecznościowych i reklamy, ale jedną rzeczą, bez której nie możesz się obejść, są słowa. W końcu trochę będziesz potrzebować. Ale jak je przedstawisz? Powinieneś bardzo dokładnie rozważyć, jakiej czcionki zdecydujesz się użyć (i jeśli zdecydujesz się stworzyć własną), zwłaszcza biorąc pod uwagę, że różne czcionki będą wywoływać różne emocje i różne stany umysłu.

Na przykład czcionki szeryfowe (to te, w których faliste bity wystają poniżej i powyżej linii) są czytane płynniej niż czcionki bezszeryfowe i dlatego są uważane za łatwiejsze do zrozumienia. Podobnie, ponieważ instrukcje są napisane czystszą, bardziej czytelną czcionką (jak na przykład Ariel) są postrzegane jako bardziej zrozumiałe niż te, które są napisane bardziej mylącymi i bardziej zajętymi czcionkami, co oznacza, że ​​te instrukcje są uważane za łatwiejsze do wykonania.

Ale oczywiście czytelność nie jest jedyną rzeczą, którą należy wziąć pod uwagę, trzeba także pomyśleć o tym, jakie emocje wywołują czcionki. Tak, to prawda, różne czcionki wpływają na ludzi w różny sposób, a czcionki takie jak Times New Roman częściej kojarzą się z emocjami takimi jak „zabawny” i „zły” niż Ariel.

Ostrzegałem, że minimalizm nie jest dla osób o słabym sercu!

Kolejną rzeczą do rozważenia jest to, jakich typów czcionek używasz, ponieważ oczywiście nie musisz używać tej samej czcionki przez cały czas. A ponieważ nie ma nic innego, co mogłoby rozpraszać uwagę odbiorców, jeśli użyjesz różnych stylów czcionek i typografii, użytkownik będzie o wiele bardziej skłonny je zauważyć.

Może to być zatem bardzo skuteczna strategia, aby zwrócić uwagę odbiorców na określone obszary. Rozważ na przykład napisanie tego tekstu, który użytkownicy mają czytać jako pierwszy, pogrubionym stylem, grubymi pociągnięciami, a części, które mają zostać zauważone później, napisane bardziej neutralną czcionką. Wzrok użytkownika zostanie natychmiast przyciągnięty do pogrubionego tekstu, podczas gdy drugi tekst zostanie wykorzystany później.

Kontrast i pozycjonowanie

Jednym z najpotężniejszych narzędzi dostępnych dla minimalistycznego projektanta stron internetowych jest kontrast. Jeśli chcesz użyć kontrastu, aby uzyskać najlepszy efekt, musisz wybrać jasne tła – biały jest dominującym wyborem, ponieważ pozwala to uzyskać najlepszy efekt. Właśnie dlatego minimalistyczne strony często używają czerni na białym tle, ponieważ te ostre linie są niezwykle atrakcyjne wizualnie. Oto dobry przykład. Co więcej, najmniejszy odrobina koloru, na przykład odrobina żółtego, może być bardzo skuteczna. Pomyśl tylko o płaszczu dziewczyny z Listy Schindlera.

Projektant może stworzyć umowę z wieloma różnymi rzeczami, w tym kolorem, kształtem, lokalizacją, skalą i rozmiarem. Jeśli jest używany poprawnie, może być niezwykle przydatny w kierowaniu użytkownika do tych części, na które powinien zwrócić uwagę w pierwszej kolejności (podobnie jak wyjaśniłem powyżej w zakresie typografii, kiedy omawiałem pogrubione i bardziej neutralne teksty). Nie jest to jednak łatwe i aby wykorzystać je z jak najlepszym skutkiem, konieczna jest podstawowa wiedza o tym, w jaki sposób użytkownicy korzystają ze stron internetowych.

Badania ruchów gałek ocznych dały nam doskonały wgląd w to, gdzie ludzie najpierw patrzą, zwykle zaczynając od lewego górnego rogu, a następnie, w zależności od tego, czy tekstu jest dużo, czy nie, skanują stronę w literę „F” lub odpowiednio wzór „Z”.

Twoja minimalistyczna strona nie będzie zawierała dużej ilości tekstu, dlatego najważniejsze elementy strony powinny być ułożone we wzór typu Z, z rzeczami, na które użytkownicy powinni zwrócić uwagę w pierwszej kolejności (jesteś opcjami menu), biorąc ogólnie pod uwagę pozycja bardziej w lewym górnym rogu strony, podczas gdy te rzeczy, które należy później zauważyć (np. roszczenia dotyczące praw autorskich) schodzą niżej i bardziej w prawo. W ten sposób sprawisz, że korzystanie z Twojej strony będzie bardziej płynne i naturalne.

Przycisk Hamburger i inne układy

Jedyną rzeczą, o której należy pamiętać w przypadku minimalistycznego projektu, jest to, że to, że na stronie nie ma wiele do zobaczenia, nie oznacza, że ​​ogólnie nie ma dużo treści; przez większość czasu wszystkie te informacje są po prostu schowane w podmenu i na stronach drugorzędnych. Jednym z popularnych (choć kontrowersyjnych) sposobów na to jest tak zwany „przycisk hamburgera” lub trzy linie, które teraz widzisz wszędzie, na przykład w chromie w prawym górnym rogu, a także na iPhonie. I tak, jeśli wypiłeś kilka drinków, wygląda to trochę jak hamburger (nazwy nie wymyśliłem).

Osobiście nie jestem wielkim fanem, ponieważ jest to sprzeczne z moimi minimalistycznymi instynktami. Jaki jest sens tworzenia uporządkowanej strony, jeśli zamierzasz utworzyć zagracone menu do przeglądania reszty witryny? Dla mnie znacznie lepszą strategią jest podzielenie przycisku hamburgera na kilka opcji menu, które są oczywiste i łatwe do zrozumienia i zaangażują czytelników, ale ostatecznie zależy to od ciebie.

Jednym z ważnych czynników, które należy wziąć pod uwagę, zastanawiając się, czy utworzyć kilka pozycji menu, czy użyć jednego przycisku, jest wiek odbiorców. Im są starsi, tym mniej będą zaznajomieni z tym projektem i tym bardziej prawdopodobne, że nie znajdą twoich podmenu, co może sprawić, że twoja strona będzie bezużyteczna. Czy Twoja strona jest skierowana głównie do millenialsów? Śmiało i użyj tego. Służysz emerytom? Prawdopodobnie mądrze jest pomyśleć jeszcze raz.

Styl wizualny

A potem jest sposób, w jaki twoja strona powinna być ułożona. Decydując się na styl minimalistyczny, musisz wybrać jeden styl układu, a następnie trzymać się go. Dzieje się tak dlatego, że Twoi odbiorcy natychmiast zaczną przyjmować nieświadome założenia dotyczące tego, jak Twoja strona internetowa pasuje do siebie, a jeśli następnie naruszysz te założenia, Twoi użytkownicy poczują, że Twoja strona jest „niechlujna” i „niezorganizowana”. To koniec minimalizmu (i większości innych stron, prawdę mówiąc).

Z tego powodu musisz wybrać siatkę, która zasadniczo oznacza kolumny, w których podzieliłeś swoją stronę, i trzymać się jej. Ile chcesz kolumn? Jak będą rozmieszczone? Ile negatywnej przestrzeni pozostanie między nimi? To wszystko są ważne pytania, na które musisz odpowiedzieć, zanim jeszcze zaczniesz układać stronę.

Nie chodzi o to, że obrazy nie mogą przekraczać granic tych linii siatki. Często obrazy zajmują całą stronę. W takim przypadku tekst o obrazie przedstawionym poniżej byłby ułożony w wybranych przez Ciebie kolumnach. Podobnie, jeśli masz kilka obrazów na swojej stronie, powinny one być zgodne z utworzoną siatką, aby Twoja strona ogólnie wyglądała czysto i profesjonalnie.

Czy warto przejść na minimalizm?

Szczerze mówiąc, zależy to od tego, co próbujesz zrobić (i oczywiście od tematu strony). Jeśli próbujesz zredukować swoją pracę, to jak już powiedziałem, minimalizm nie jest dla ciebie. Z drugiej strony, jeśli ten rodzaj układu instynktownie przemawia do Ciebie i pasuje do rodzaju produktu, który promujesz, to jest to właściwy krok.

Rzecz w tym, że minimalizm wymaga innego zestawu umiejętności niż standardowe projektowanie, ponieważ nie można po prostu użyć zwykłych elementów i połączyć ich razem, aby stworzyć stronę. Jeśli spróbujesz to zrobić, skończysz z czymś, co nie jest atrakcyjne wizualnie ani tak pouczające. Innymi słowy, najgorsze z obu światów.

Zamiast tego będziesz musiał spędzić trochę czasu, ucząc się, jak obalić swoje podstawowe instynkty, które wyniosłeś z poprzednich projektów stron, które wykonałeś. Następnie będziesz musiał usiąść i dowiedzieć się, co jest istotne dla Twojej strony.

I będziesz musiał poradzić sobie z umowami, typami czcionek i zdjęciami, jak nigdy wcześniej. To prawie tak, jakbyś uczył się nowego języka projektowania. To może być trudne.

Rzecz w nauce nowego języka polega jednak na tym, że uświadamiasz sobie rzeczy w swoim oryginalnym języku, których nigdy wcześniej nie zauważyłeś. Dotyczy to również nauki minimalistycznego projektowania stron internetowych. Sama próba nauczenia się projektowania w ten sposób sprawi, że zdasz sobie sprawę z rzeczy o projektowaniu, których wcześniej nie znałeś.

I to może sprawić, że całe pocenie się i ciężka praca będą tego warte.

Zapominając na chwilę, że minimalistyczne strony są oczywiście po prostu piękne.