Minimalistyczny design: nakazy i zakazy

Oto rzecz w minimalistycznym designie: kiedy robisz to dobrze, jest absolutnie piękna. Kiedy robisz to źle, jest to ohydne z dokładnie tych samych powodów. Właściwe wykonanie to tak naprawdę równoważenie zaledwie kilku elementów projektu.

Podobnie jak w przypadku wielu dzieł sztuki i projektowania, odróżnienie czegoś, co po prostu działa, od czegoś, co po prostu nie działa , może wymagać bardzo bystrego oka.

I właśnie tych rzeczy, które po prostu nie działają , chcesz uniknąć podczas projektowania stron internetowych. Jeśli pracujesz w kierunku minimalizmu i chcesz, aby Twoja witryna wywoływała „ oooch” odwiedzających zamiast eww , mam dla Ciebie całą masę rzeczy, które powinieneś robić (i wiele rzeczy, których nie powinieneś) .

Tak: Użyj koloru!

Ludzie często myślą, że minimalistyczny design jest monochromatyczny lub, co gorsza, czarno-biały i/lub w odcieniach szarości.

Nie nie nie. Nie.

W minimalistycznym designie, niemal paradoksalnie, nie chodzi o to, by mieć bardzo mało; chodzi o maksymalizację bardzo mało. Twoim zamiarem powinno być jak najlepsze wykorzystanie tego, co masz.

Oznacza to, że jeśli chodzi o kolory, powinieneś… używać koloru. Spójrz na ten przykład z Epoch Design:

Użycie koloru jest tutaj minimalne, ale projektant zmaksymalizował jego użycie, aby upewnić się, że go widzisz.

A tutaj, od Boorboola:

Tło bichromii uderzające i niezapomniane, ale nie uderza cię w twarz.

Nie: Używaj WSZYSTKICH kolorów!

Po drugiej stronie tych zachwycających projektów minimaliści mają wiele mrocznych impulsów do używania wszystkich kolorów, zastępując jedynie czystość swoich projektów praktycznie każdym odcieniem ze spektrum.

No dobrze, więc może nie jest tak źle, ale nadużywanie koloru z innymi minimalistycznymi estetykami może być niesamowicie rozpraszające i autodestrukcyjne.

Takich jak Rogue + Co. Próbują używać czystych linii minimalizmu i asymetrycznych rozmiarów kart, aby przyciągnąć uwagę użytkownika. Ale dodali do wszystkiego zbędne kolory, a potem ożywili to bez powodu. Odciąga użytkownika od treści, zamiast go wciągać.

To znaczy przeciwieństwo minimalistycznego designu.

A potem jest Bolden, który całkowicie rozumie minimalizm. Z wyjątkiem koloru. Zbyt wiele kolorów i próba sprytu sprawiły, że musieli dodać zbędną animację. Musisz najechać myszą na rogi ekranu, aby zobaczyć tekst.

To po prostu nie jest minimalne, prawda?

Wykonaj: Użyj animacji

Widzisz, te animacje powyżej… nie mają znaczenia. Nie dodają niczego do serwisu. Ale wykresy kinowe, takie jak Rogue & Co, mogą działać; muszą tylko ulepszyć witrynę, a nie ją zaśmiecać.

W większości przypadków zadziałają mikrointerakcje — najechanie kursorem na przycisk lub wyróżnienie karty. Nawet ładowanie, przewijanie lub animacje w tle, które nie są natrętne, mogą poprawić minimalistyczny projekt, do którego dążysz.

Największą przeszkodą jest upewnienie się, że animacja pasuje do Twojego projektu. Nie dodawaj ich tylko tam, gdzie nie należą. Zobacz, jak rozwijana stopka na naszej stronie Divi przyciąga Twoją uwagę podczas przewijania, ale nie umniejsza tego, jak korzystasz ze strony.

Nic dziwnego, że Divi ma wbudowaną funkcję umożliwiającą wykonywanie tego rodzaju mikro interakcji.

Wykonaj: Użyj spacji

Podobnie jak kolorowe plamy, białe znaki (lub ujemna przestrzeń) mogą być jedną z najbardziej przydatnych broni w twoim arsenale. Na przykład absurdalnie popularny Medium to prawie wszystkie białe znaki i to działa.

I zobacz, jak jedyny kolor służy do przyciągnięcia Twojej uwagi do przycisków i linków, których absolutnie potrzebujesz?

Istnieje równowaga w efektywnym korzystaniu z białych znaków. Chcesz zrównoważyć czytelność i użyteczność z estetycznym wyglądem. Efektywnie wykorzystana biała przestrzeń jest niewiarygodnie potężna i sprawia, że ​​Twój minimalistyczny projekt zapada w pamięć. kaszel Google kaszel kaszel

Nie: używaj TYLKO spacji

Na drugim końcu spektrum nadużywanie białych znaków sprawia, że ​​korzystanie z witryny jest prawie bezużyteczne dla odwiedzających. Widzisz, użycie przez Google spacji podkreśla, jak chcą, abyś korzystał z witryny: wpisz coś w polu.

Jeśli jednak użycie spacji nie kieruje użytkownika do celu witryny lub nie zapewnia mu lepszego doświadczenia w witrynie, możesz potrzebować bardziej wyraźnych elementów, aby go skierować.

Na przykład Thru You Too to niesamowity projekt. Ale zajęło mi dużo czasu, aby dowiedzieć się, jak tego użyć (musisz najechać na duży tekst pośrodku, czego nie zrobiłem, ponieważ zostałem narysowany w prawym górnym rogu). Chociaż nawigacja jest prosta, gdy ją zrozumiesz, białe znaki nie skierowały mnie tam.

Tak: używaj odpowiednio niesamowitych czcionek

Jedną z rzeczy, na których opiera się prawie każdy minimalistyczny design, jest efektywne wykorzystanie czcionek. Wybór odpowiedniego kroju pisma dla swojej witryny to sposób, w jaki pokazujesz swoją osobowość i osobowość swojego produktu lub firmy.

Chcesz więc czcionki, która emanuje tożsamością Twojej marki od momentu, gdy ludzie ją zobaczą. Czyste linie z eleganckim napisem. Nierówne krawędzie i może kilka pociągnięć pędzla. Elegancki i elegancki. Niezależnie od tego, do czego chcesz, wybierz odpowiednią czcionkę.

Spójrz na przykład na Squarespace. Dokładnie wiesz, czego oczekiwać od ich firmy, po prostu patrząc na formularz rejestracyjny i używane czcionki. Czysto, prosto i przejrzyście. Emanuje elegancją, którą reklamują, przede wszystkim poprzez wybraną czcionkę. (Ponieważ to naprawdę jedyny element projektu, który możesz tutaj zobaczyć.)

A ludzie z Folks wybierają folklorystyczny styl, więc zdecydowanie znaleźli czcionkę, która jest w porządku. Ich publiczność jest oczywista, podobnie jak ich podejście do ich produktów. I nie jest to wyraźnie powiedziane.

Nie używaj NIEODPOWIEDNIO Awesome Fonts

Na przeciwległym końcu tego spektrum wybór zbyt odważnej czcionki może spowodować niewłaściwy rodzaj wallop. Każdy chce, aby jego witryna była wyjątkowa i wyróżniała się. Ale nie chcesz, żeby wyróżniał się z niewłaściwych powodów.

Wyobraź sobie, że szukasz linii kryzysowej, aby pomóc członkowi rodziny w potrzebie i znajdujesz stronę, która wygląda tak:

A co z lekarzem, który chciał się upewnić, że wiesz, że jest najlepszym wyborem, by uratować ci życie?

Lub jeśli szukasz fantastycznego, współczesnego projektanta stron internetowych i widziałeś tylko to:

Ok, więc nie mogłem się oprzeć kopaniu Comic Sans. Pozwać mnie. Ale rozumiesz, że wybór czcionki ma znaczenie. Zwłaszcza, gdy używasz minimalistycznego projektu, ponieważ wybór kroju pisma może być największą częścią projektu.

Idź naprzód i minimalizuj!

I zminifikuj też, ale to zupełnie inny artykuł. #iamadelight

Żarty na bok, pamiętaj, że kolor, kroje pisma i negatywna przestrzeń to pewnego rodzaju podstawy projektowania. Musisz tylko ćwiczyć dyskrecję, aby używać ich poprawnie. Dopóki robisz to, co mówię, a nie to, czego ja nie robię, jeśli chodzi o minimalistyczny design, nie powinieneś się o nic martwić.

Jakie są Twoje wytyczne, gdy projektujesz minimalistyczne witryny?

Miniatura artykułu autorstwa Boo-Tique / shutterstock.com