Inspirujące przykłady dwutonowych schematów kolorów w projektowaniu stron internetowych

Paleta duotone jest używana w designie od dłuższego czasu, ale już nie w web designie – aż do teraz. To, czy Spotify rozpoczął nowy trend, może być dyskusyjne, ale ta cyfrowa usługa muzyczna z pewnością zasługuje na uznanie za sposób, w jaki wykorzystali techniki prania kolorów, aby wywrzeć tak duży wpływ na swoją stronę internetową i marketing.

Co to jest bichromia? Zasadniczo używa dwóch uzupełniających się kolorów, aby stworzyć paletę. Na stronie mogą znajdować się inne kombinacje kolorów i wielokolorowe obrazy, ale wzór bichromii albo dominuje, albo pomaga użytkownikowi skupić się na konkretnym obrazie. Efekty bichromii można zastosować do obrazu bohatera, białych przestrzeni lub obrazów tła, w tym wideo.

Fajne połączenie dwóch podstawowych kolorów

Technika duotone, podobnie jak nazwa, wywodzi się z czasów, w których prasa drukarska była głównym źródłem informacji. Wydruki Duotone składały się z dwóch odcieni jednego koloru lub czerni i jednego koloru.

W projektowaniu stron internetowych większość efektów bichromii jest tworzonych przez umieszczenie nakładki w jasnych kolorach na górze obrazu, co powoduje, że ciemności i światła tworzą oszałamiający efekt wizualny.

Podwójne kolory i odcienie jednego

Technik bichromii można używać na wiele sposobów. Możesz użyć bichromii jako podstawowego elementu pełnoekranowego, aby na przykład podkreślić markę. Możesz go używać w białych przestrzeniach, aby uzyskać ciekawe, nieinwazyjne tło lub zaakcentować inne elementy projektu lub bloki treści.

Ta technika ogólnie działa najlepiej, gdy jest używana jako pojedynczy element projektu, ale powinna być używana z umiarem. Jak zauważysz, może to być przytłaczające.

Projektowanie stron internetowych i branding w dwóch odcieniach

Duotone to stary tryb gotowości, któremu nadano nowe życie. Stał się trendem w projektowaniu stron internetowych. Chociaż często używane są dwa uzupełniające się kolory, jeden kolor używany z czernią lub różne odcienie tego samego koloru często dają piękniejszy i mocniejszy efekt. Dobrym porównaniem byłby nadruk w sepii w stylu vintage.

Społeczność twórcza potrzebowała trochę czasu, aby zaakceptować technikę bichromii – głównie ze strachu przed zakłóceniem harmonii ich ogólnych schematów projektowych. Dziś wielu z tych samych twórców zaczęło stosować techniki bichromii, zdając sobie sprawę z piękna i mocy jasnych kolorów i odcieni oraz subtelnego wykorzystania odcieni.

Czarny i czerwony, czerwony i czarny – i zielony

Zastosowanie Duotone to sprawdzony sposób na przyciągnięcie uwagi i jako taki, może nadać silną atrakcyjność wizualną Twojej stronie głównej. Przyciąga użytkowników, a nie rozczarowuje ich, zanim odczują pełny, pozytywny wpływ UX Twojej witryny.

Użycie duotone to również idealny sposób na wyróżnienie Twojej witryny na tle konkurencji. Może dać ci unikalną tożsamość, którą Twoi goście uznają za atrakcyjną.

Pracuj nad osiągnięciem właściwej równowagi między wybranymi kolorami a strukturą (i intencją) projektu. Strony internetowe zbudowane wokół tradycyjnych interfejsów siatki mogą skorzystać na wykorzystaniu ciemnych tonów i odcieni. Jasne odcienie mogą również przyciągać uwagę, zwłaszcza na stronach internetowych z warstwowymi projektami. Masz wiele dostępnych opcji, a to, co tu widzisz, powinno dostarczyć Ci więcej niż kilka pomysłów do pracy.

Dlaczego powinieneś go używać

Maksymalne wykorzystanie kolorów Duo

Dwie rzeczy, na które warto zwrócić uwagę na poniższej stronie szwedzkiej drużyny sportowej: Numer jeden; jak tło bichromii może zwiększyć czytelność. Osiąga się to poprzez nałożenie dwutonowego koloru, aby spłaszczyć różnice kolorystyczne tła i sprawić, że tekst będzie się wyróżniał – bez względu na to, gdzie może być umieszczony na obrazie. Numer dwa; zwróć uwagę, jak kolory logo zespołu są przenoszone na całej stronie internetowej, aby wzmocnić markę.

Relaksujący efekt tła dwutonowego

Już zauważono, jak subtelny efekt duotonu można wykorzystać do podkreślenia marki. Może być również używany jako metoda na nadanie Twojej witrynie nowego, świeżego wyglądu, bez konieczności uciekania się do całkowitego remontu.

Przy minimalnym wysiłku możesz przekształcić swoją i tak już niesamowitą witrynę w jeszcze lepszą witrynę. Wyobraź sobie szary obraz tła, a następnie zobacz, jak zmiana go na chłodny niebieski kolor sprawia, że ​​tekst wyróżnia się jeszcze bardziej, a jednocześnie zapewnia chłodną, ​​relaksującą atmosferę.

Potężny efekt jasnego po wyciszeniu

Poniższe zdjęcia witryny mogą być nieco zbyt uderzające dla niektórych bardziej konserwatywnych projektantów stron internetowych, ale mają tendencję do przyciągania użytkowników. Nie bój się wyjść poza swoją strefę komfortu podczas eksperymentowania z technikami bichromii. Kolory nie zawsze muszą się zgadzać i zawsze możesz wprowadzić zmiany lub skorzystać z testów A/B, aby zobaczyć, co działa, a co nie.

Od subtelnych i konserwatywnych po dzikie i cudowne

Sporo projektantów stron internetowych podjęło trend bichromii, a inni dołączają do parady. Wielu z tych projektantów wypróbowało kontrasty kolorystyczne i schematy, które są co najmniej rzadkie i niezbyt popularne – i udało im się przyciągnąć użytkowników.

Wniosek

To, co widzieliście tutaj, to przykłady, w których techniki bichromii wydają się w naturalny sposób pasować do tematu witryny oraz inne przykłady, w których użycie bichromii można lepiej opisać jako „nowoczesne”, a nawet ryzykowne. Korzystanie z tej techniki może być rzeczywiście ryzykowne i zdecydowanie stanowi wyzwanie; ale gdy zrobisz to dobrze, Twoi użytkownicy zyskują lepsze wrażenia.

Możesz użyć bichromii, aby nadać jej dramatyzmu, nadać swojej witrynie bardziej dyskretny, spokojny wygląd, wyróżnić treść lub po prostu ją ożywić. To zależy od Ciebie i zdecydowanie warto spróbować.