Kolor bichromii: wskazówki i przykłady dotyczące tego tętniącego życiem trendu
Kolejny duży trend w projektowaniu stron internetowych jest już dostępny i jest żywy, kolorowy i piękny!
Dzięki Spotify duotone zyskuje na popularności niemal codziennie. Efekt, który wykorzystuje parę kolorów na zdjęciu, jest uderzający, zabawny i żywy. Jest również dość modny, a nowe strony niemal codziennie zmieniają się w format bichromii. Oto kilka sposobów na maksymalne wykorzystanie tej techniki projektowania na gorąco.
Co to jest Duotone?
Po pierwsze mały podkład: Duotone to użycie dwóch kolorów.
Nazwa i technika pochodzą od maszyn drukarskich. Wydruki Duotone są wykonywane w dwóch odcieniach tego samego koloru lub w czerni i jednym odcieniu. Proces wykorzystuje dwie kolorowe płytki wykonane z ekranem ustawionym pod różnymi kątami.
Koncepcja dwukolorowa jest duża. Pantone nazwał tę parę kolorem roku, minimalizm zmusił projektantów do myślenia o ograniczonych paletach, a duotony są interesujące wizualnie i dość łatwe do stworzenia. Możesz stworzyć efekt za pomocą Adobe Photoshop i dwukolorowego gradientu lub narzędzia takiego jak Colofilter.css, aby zastosować go w kodzie.
Ale to, co najprawdopodobniej pomogło duotone z ziemi, to wykorzystanie przez Spotify. Schematy kolorów Duotone są używane w aplikacji do odtwarzania muzyki i różnych promocyjnych witrynach. Duotone dodaje unikalny element projektu do obrazów znanych i szeroko wykorzystywanych artystów.
Technika, która była niegdyś zszywką z nadrukiem, znalazła nowe życie w Internecie i jest trendem, którego prawdopodobnie zobaczymy o wiele więcej w nadchodzących miesiącach.
Jako obraz dominujący
Użyj bichromii, aby stworzyć dominujący obraz.
Główna grafika w New Deal Design jest uderzająca dzięki odważnemu wyborowi kolorów i dziwaczna, dzięki zabawnym obrazom i kolorom. Nie obawiaj się wychodzić poza wygodę, jeśli chodzi o pracę z obrazami bichromii; można sparować odcienie, które mogą się nie zgadzać. Celem jest stworzenie wizualizacji, która wymaga uwagi i zawiera dużo kontrastu, aby obraz mógł się pokazać.
Oto kilka wskazówek dotyczących maksymalnego wpływu:
- Wybierz dwa kontrastujące kolory lub sparuj kolory marki.
- Wybierz zdjęcie z zogniskowanym obszarem obrazu. Krajobraz może być trudny w użyciu.
- Zacznij od obrazu wysokiej jakości. Rozmyte lub słabe obrazy i bichromii nie mieszają się.
- Zwiększ kontrast.
- Rozważ miejsce na przyciski lub typografię.
- Wybierz kolory odzwierciedlające nastrój zdjęcia.
- Ustaw obraz bichromii z kolorową ramką lub miksuj i dopasowuj opcje kolorów za pomocą suwaka przewijania lub efektów paralaksy.
Jako prosta paleta kolorów
Duotone nie musi być skomplikowane. Czasami najbardziej uderzające projekty dwukolorowe są z natury proste.
Assurance Life Insurance wykorzystuje parę czerwonych i czystą typografię. Zwój zawiera również bardziej styl półtonów. Kolory są jasne i wciągające. Czerwony jest rodzajem koloru, który prawie sprawia, że użytkownicy na niego patrzą.
Sztuczka polega na tym, że jest wystarczająco prosty, aby był skuteczny. Użytkownik nie jest przytłoczony elementami. Czerwony przyciąga cię, tak że słowa na ekranie stają się fokusowe. Ten rodzaj efektu bichromii jest prawie stworzony dla stron o bardziej formalnym wyglądzie, ponieważ pozwala na stosowanie trendu bez poczucia siły lub przytłaczania.
Jako sposób na zwiększenie czytelności
Użyj bichromii, aby działać jako stabilizator kolorów, który zapewnia tekstowi dużo przestrzeni i kontrastu. Dwutonowa nakładka koloru może pomóc „spłaszczyć” wariacje kolorów na obrazie, dzięki czemu tekst można umieścić za pomocą jednego koloru prawie w dowolnym miejscu na obrazie i nadal być czytelny.
Wybór kolorów bichromii nie będzie tak jasny dla tego zastosowania i prawdopodobnie będzie wyglądał na bardziej wyciszony, ale może służyć świetnemu celowi. Holm Marcher & Co. robi to z koralowym i niebieskim duotonem, który jest interesujący i tworzy czytelne tło dla liter. Jako dodatkowy bonus elementy nawigacyjne używają odcieni niebieskiego z palety kolorów, aby zachęcić do poruszania się po stronie.
Jako akcent
Podczas gdy efekty bichromii nadają się do dużych obrazów, mogą również działać w mniejszych miejscach. Zastanów się nad akcentem bichromii w nawigacji, w przypadku obrazów wtórnych lub określonych rodzajów treści.
Miłą rzeczą w mniejszych obszarach duotonu jest to, że masz nieco więcej swobody w grze, jeśli jesteś zastraszony tą techniką lub nie jesteś pewien, jak sprawić, by działała dla Ciebie. W przypadku użycia w mniejszych przestrzeniach wizualnie interesująca może być gra z wieloma parami kolorów dla różnych elementów w projekcie.
Rozważ elementy bichromii dla elementów w stylu karty, jako nakładkę na linki do filmów lub dla podkreślenia wezwań do działania. Akcenty bichromii mogą być również skutecznymi narzędziami do stosowania w minimalnym lub czarno-białym schemacie kolorów ze względu na tworzony kontrast kolorów.
Jako tło
Nie ma nic takiego jak subtelny efekt bichromii, aby stworzyć interesujący obraz tła lub wzór. Jest to idealne zastosowanie do markowych kolorów lub jako sposób na wprowadzenie modnego odcienia lub techniki do projektu bez pełnego remontu.
Skompletowane tło duotone dla Join Radio jest perfekcyjne. Zmiana koloru jest prawie niezauważalna i płynnie łączy się z innymi elementami interfejsu użytkownika w projekcie. Prosta animacja porusza się po kolorach, która jest kojąca i ma ruch podobny do wody. Przejście ze światła do ciemności następuje po naturalnych wzorach oczu i czytania, które przesuwają się z lewego górnego rogu strony głównej do prawego dolnego rogu, gdzie użytkownik jest zachęcany do przewijania i klikania.
Wniosek
Trudno znaleźć technikę projektowania, która byłaby bardziej zabawna niż kolor. Duotony są równie atrakcyjne dla projektantów. Efekt może urozmaicić nadużywany obraz, dodać zabawny element, gdy go brakuje, i po prostu pomóc wizualnie zaangażować użytkowników.
Poza tym Ty, projektant, naprawdę możesz eksperymentować, kiedy używasz efektów bichromii. Możesz sparować kolory, których nie wyobrażałeś sobie, aby uzyskać duży efekt, lub połączyć kolory z subtelnymi wariacjami, aby uzyskać niewielki element zaskoczenia. Tak czy inaczej, tworzenie tego efektu koloru prawie zawsze wygląda na niestandardowe i może być przyjemne w pracy.
