Czarno-biały wzór: 10 oszałamiających przykładów (+ wskazówki)

Czarno-biały schemat projektu może być jedną z najbardziej uderzających kombinacji dla projektu. Głęboki kontrast i uproszczony charakter tych kolorów (lub ich brak) dają wiele możliwości odkrywania innych technik, aby jak najlepiej wykorzystać projekt.

Czarno-białe wzory zawsze były dość popularne, ostatnio przechodząc do bardziej minimalistycznych stylów z głównie białym tłem i czarnymi elementami. Ale jak zobaczysz z tej kolekcji oszałamiających czarno-białych projektów, istnieje wiele innych opcji do zbadania.

Poznaj elementy Envato

1. Fotografia czarno-biała

Najlepsze wykorzystanie tego stylu fotografii ma miejsce od samego fotografa zaangażowanego w projekt.

Fotografia czarno-biała może być świetnym sposobem na stworzenie bezbarwnego projektu z dużym efektem wizualnym. W czarno-białym obrazie jest coś, co sprawia, że ​​zatrzymujesz się i patrzysz. (Może dlatego, że nie są one zbyt częste.)

Imagista używa pięknej kolekcji czarno-białych zdjęć - a także strzałów w głowę pod zwojem - do głównego projektu strony. Nawet wyskakująca reklama na stronie głównej ma tę samą czarno-białą estetykę. Nawet bez koloru chcesz tylko spojrzeć na obrazy i dokładnie zrozumieć, co projekt chce przekazać.

Musisz dokładnie zaplanować użycie fotografii czarno-białej - nie chodzi tylko o włączenie filtra fotograficznego. Najlepsze wykorzystanie tego stylu fotografii ma miejsce od samego fotografa zaangażowanego w projekt.

2. Czarno-białe powyżej zwoju

Nie wszystkie czarno-białe wzory są tylko czarno-białe. Wiele z nich ma wzór elementów czarno-białych w porównaniu z kolorowymi.

North Street Creative dobrze sobie radzi z czarno-białym nagłówkiem, stopką i kolorowymi elementami rozrzuconymi pomiędzy nimi. Stwarza to poczucie brandingu agencji (czarno-biały) i pracy projektowej (w kolorze).

Ta technika jest skutecznym sposobem na utworzenie separacji między elementami i przesyłaniem komunikatów w całym projekcie. Pomaga użytkownikom zrozumieć, gdzie znajdują się w treści oraz w jaki sposób elementy się ze sobą wiążą lub nie.

3. Bogata czerń

Czarno-biały wzór nie musi być czarny. Projektanci pracujący w druku mogą być przyzwyczajeni do pracy z czernią K (lub czystą), aby zapewnić lepszą jakość końcową. To ograniczenie nie istnieje online.

Wybierz bogatą czerń, aby stworzyć fajne lub ciepłe skojarzenia i zapewnić bardziej wciągającą czarno-białą paletę.

Black M robi to na swojej stronie internetowej. Tło i obraz wykorzystują bogatą czerń z dużą ilością niebieskawych odcieni i bardziej kremową biel. Ten nowoczesny spin na prawdziwej czerni i bieli jest nieco bardziej interesujący wizualnie i jest tym, co może odróżnić czarno-biały wzór od każdego innego wzoru używającego tej kolorystyki.

4. Głównie biały

Czarno-białe palety mogą komunikować ostro różne rzeczy.

Projektując w czerni i bieli, stosuj te same zasady, co w przypadku każdej innej palety kolorów i wybierz jedną z opcji, aby być dominującym kolorem. Możesz również myśleć o tym jako o opcji tła i tekstu oraz koloru elementu.

Ale większość najlepszych czarno-białych schematów kolorów może faktycznie być czarno-biała.

Witryna kolekcji Kalpa jest ładna, ponieważ biel jest bardziej „lekką” opcją, a nie czystą bielą. Może to być znacznie łatwiejsze dla oczu - szczególnie w przypadku podświetlenia ekranów i urządzeń - dzięki czemu najczęściej biały projekt jest dość łatwy do odczytania. Tło i główny obraz są subtelnie różne, ale prawie zanikają. Tekst stoi w wyraźnym kontraście.

5. Głównie czarny

Z drugiej strony, możesz projektować głównie w kolorze czarnym i używać białych akcentów i tekstu dla podkreślenia.

Pierwszą rzeczą, którą możesz zauważyć, patrząc na te przykłady jeden po drugim, jest to, jak różne są „odczucia”. Czarno-białe palety mogą komunikować ostro różne rzeczy. Ważne jest, aby upewnić się, że tworzysz pożądane emocjonalne połączenie z użytkownikami w odniesieniu do palety kolorów.

Dubois jest fajny, ponieważ proste czarne tło jest rozjaśnione kropkami i piękną typografią z dużą ilością miejsca wokół niego.

6. Brak wtórnego koloru

Podczas gdy większość czarno-białych wzorów zawiera niektóre kolory, możesz wykonać projekt bez akcentu trzeciorzędowego.

Grafika jest czysto czarno-biała. Jedynym elementem z pewną zmiennością kolorów jest czarno-biały obraz na środku ekranu. Wynik jest absolutnie oszałamiający.

7. Aluzja koloru akcentu

Zbyt duża ilość akcentu w czarno-białym wzorze może faktycznie osłabić znaczenie akcentu

Odcień koloru w czarno-białym wzorze to po prostu przyciągnięcie uwagi do konkretnego szczegółu lub elementu w projekcie. Ta technika jest popularna w wielu bezbarwnych projektach.

Wyzwaniem jest znalezienie odpowiedniego koloru akcentu i użycie go w sposób precyzyjny, aby rzeczywiście coś znaczył. Zbyt duża ilość akcentu w czarno-białym wzorze może faktycznie osłabić znaczenie akcentu, czyniąc go mniej ważnym.

Strona demonstracyjna projektu Wolf Themes wykorzystuje wyraźną czarno-białą paletę kolorów z nutą czerwieni. Ten kolor przyciąga najpierw użytkowników do tej części obrazu, a następnie bezpośrednio po ekranie w poziomie do wiadomości. Kolor akcentu jest wizualnym punktem wejścia do projektu.

8. Bez art

Czarno-biały wzór może być rozwiązaniem, gdy nie masz żadnych elementów artystycznych do pracy. Oszałamiająca para kolorów (i akcent) może stworzyć punkt centralny nawet bez prawdziwej sztuki.

Violet robi to dobrze dzięki prostemu wzornictwu z jednokolorowym przyciskiem wezwania do działania. Projekt tworzy głębię za pomocą wielu czarnych cieni w kształcie kanciastym, aby oddzielić elementy i utrzymać przepływ projektu w dół strony.

9. Wskazówki dotyczące animacji

Dodanie odrobiny animacji może zapewnić bardziej złożoną wizualną obecność w projekcie.

Wiele z tych projektów jest z natury minimalnych. (Jest tylko tyle rzeczy, które możesz zrobić z czarno-białym wzorem, zanim zacznie się zaśmiecać.)

Dodanie odrobiny animacji może zapewnić bardziej złożoną wizualną obecność w projekcie. Wypróbuj coś subtelnego, aby użytkownicy nie musieli zbyt ciężko pracować, aby zrozumieć, co się dzieje, i stworzyć animację, która ma jakiś cel.

Airnauts wykorzystuje proste przesunięcie w tekście oraz ruchomą linię, aby przyciągnąć użytkowników do dyrektywy przewijania na dole ekranu. Dzięki całej przestrzeni oko natychmiast przechodzi do animacji, która stanowi wyraźny punkt zainteresowania czymś, co mogłoby być prawie nudnym czarno-białym wzorem.

10. Utwórz intensywność

Czarno-biały wzór ma z natury pewne poczucie intensywności. Są ostrzejsze i wyraźniejsze niż niektóre inne wzory.

Zwróć uwagę, aby podkreślić i stworzyć jeszcze większą intensywność dzięki elementom używanym w projekcie. Uderzający wizerunek psa - z bursztynowymi oczami, nie mniej - trudno oderwać wzrok. Biały tekst mówi coś. To prawie dostaje się w twarz. Intensywny design może albo poruszać użytkowników i chcieć zobaczyć, jakie inne tajemnice i zaskakujące elementy nadejdą.

Wniosek

Chociaż większość ludzi natychmiast myśli „minimalnie”, kiedy słyszy czarno-biały wzór, nie musi tak być. Jak pokazują powyższe przykłady, czarno-biały wzór może mieć charakter minimalny lub złożony i intrygujący.

Większość projektantów lubi dodawać odrobinę koloru do czarno-białego projektu, aby uzyskać dodatkowe interesujące elementy. Szukaj kolorów z ostrym kontrastem, aby uzyskać maksymalny efekt.