Jak sprawić, by kolorowe nakładki działały w twoim projekcie
Kolor jest ważną częścią niemal każdego projektu. Niezależnie od tego, czy jesteś fanem jasnych, odważnych odcieni, czy też wolisz bardziej minimalistyczną czerń i biel, sposób, w jaki używasz koloru, może mieć duży wpływ na ogólny wygląd.
Jednym ze sposobów użycia koloru do sformułowania oświadczenia jest zastosowanie projektu zawierającego nakładkę koloru. Oznacza to, że zakrywasz obraz lub film półprzezroczystym kolorowym pudełkiem. Efekt może nadać sens obrazowi, zwrócić uwagę na projekt i pomóc w dokonaniu większości ograniczonych wyborów artystycznych.
Dzisiaj przyjrzymy się różnorodnym kolorowym nakładkom, które będą inspiracją do tworzenia własnych.
Przeglądaj zasoby projektowe
Wypróbuj gradient
Gradienty znów są fajne. Stanowią również świetną (i przyciągającą wzrok) opcję, gdy chcesz pracować z nakładką koloru.
Szczególnie miłe w gradiencie jest to, że możesz pracować z kilkoma kolorami - tutaj możesz pomyśleć o swoim brandingu - lub użyć jednego koloru, aby uzyskać fokus. Jasne pary mogą pomóc przyciągnąć użytkowników do projektu i nadać zdjęciom trochę iskierki.
Wiele z tego trendu można powiązać z Spotify, która zaczęła używać nakładek gradientowych i bichromii do podświetlania list odtwarzania. Kolor nadał nowe życie obrazom, do których użytkownicy byli przyzwyczajeni (zdjęcia muzyków w prasie).
Jest to koncepcja, którą również można łatwo powielić.
- Wybierz zdjęcie.
- Utwórz gradient z kolorami marki.
- Baw się dobrze!
Jednolite kolory Ustaw ton
Nakładka w jednolitym kolorze może być tak samo uderzająca jak wzór gradientowy, ale często ma bardziej wyraźne znaczenie, które można powiązać z wyborem koloru. Rozważmy na przykład nakładkę w kolorze sepii. Natychmiast budzi uczucia z dawnych czasów i historii.
To samo można powiedzieć o wyborze modnego wyboru kolorów. Używając jednego z jasnych, nasyconych kolorów związanych z płaskim lub materiałowym wzornictwem, możesz wywołać poczucie modernizmu lub mody.
Kiedy używasz jednego koloru jako nakładki, pomyśl o stopniu nasycenia i przezroczystości koloru. Te elementy mogą również dodawać znaczenie. Cięższe kombinacje kolorów - mniej przezroczyste i bardziej nasycone - kładą większy nacisk na sam kolor niż na obraz za nim. Lżejsze, bardziej subtelne kombinacje kładą większy nacisk na obraz.
Rozważ ciemność lub jasność
Nie zawsze musisz użyć koloru jako takiego, aby utworzyć nakładkę. Czasami może być czarny, biały lub szary. Korzystanie z tych odcieni i tonów może naprawdę zmienić nastrój projektu.
Jak można się spodziewać, ciemniejsze nakładki tworzą bardziej nastrojowe środowisko. Lżejsze nakładki kojarzą się z zabawą. Kolejnym czynnikiem przyczyniającym się do tych uczuć i czerni i bieli jest sam obraz. Jak to działa z odcieniem lub tonem? Czy obraz, kolor i komunikaty działają razem?
Zadzwoń do mnie Ish (powyżej) używa białej nakładki, aby pomóc skupić się na słowach na ekranie na czarno-białym zdjęciu. Zwróć jednak uwagę na wyraz twarzy fotografa: uśmiecha się w szerokim uśmiechu. Połączenie kolorów i zdjęć zachęca i sprawia, że chcesz wchodzić w interakcje z fotografem, a nawet zatrudnić go do pracy.
Wybierz obrazy o wysokim kontraście
Planując nakładkę obrazu w projekcie, ważny jest układ zdjęcia (lub wideo). Nijaki obraz pozostawi efekt nijakiej kolorowej nakładki. Najlepsze wyniki uzyskasz, jeśli zaczniesz od zdjęcia z dużym kontrastem z ciemnymi i jasnymi przestrzeniami na obrazie.
Jeśli twój obraz nie ma wystarczającego kontrastu, rozważ dodanie kontrastu w oprogramowaniu do edycji zdjęć lub wybranie innego obrazu. W przeciwnym razie efekt obrazu może spaść.
Inną sztuczką w osiągnięciu tego efektu jest rozpoczęcie od czarno-białego zdjęcia. Szczególnie dla początkujących łatwiej jest zobaczyć i poprawić kontrast na czarno-białym obrazie. Just Actions stanowi doskonały przykład czarno-białego obrazu obok obrazów z kolorową nakładką. (Plus, to fajny efekt, aby sparować zdjęcia bez koloru i kontrastu w jaskrawych kolorach.)
Obrazy powinny wyglądać naturalnie (lub nie)
Jeśli chodzi o pracę z kolorowymi nakładkami, masz dwie opcje:
- Obrazy powinny nadal wyglądać naturalnie. Kolor, oświetlenie i cienie powinny pojawić się w naturalnym miejscu. Nakładka jest nieco subtelna, na przykład kawa Abednego (powyżej).
- Obrazy wyglądają na całkowicie zmienione. Nie trzeba zgadywać, że zastosowano nakładkę kolorową (jak większość przykładów w tym artykule).
Tak naprawdę nie ma tutaj środka. Jeśli obrazy nie mieszczą się w jednej z tych „skrajności”, użytkownicy mogą zastanowić się nad wyborem kolorów i nie koncentrować się na treści witryny. Nie chcesz rozpraszać się techniką nakładania kolorów; powinno poprawić wygląd.
Wypróbuj akcent nakładki
Podczas gdy poprzednie przykłady pokazały sposoby użycia kolorowej nakładki do dużych obrazów, takich jak opcje stylu nagłówka bohatera, nie jest to jedyny sposób, aby w pełni wykorzystać tę technikę. Efekty nakładek kolorowych również mogą działać całkiem dobrze jako akcenty.
Dwa powyższe przykłady pokazują różne sposoby skutecznego osiągnięcia tego celu.
Odzież Knot (u góry) używa jasnozielonego paska nawigacji z przezroczystością. Jest to dodatkowo podkreślone solidnym obrysem nad nim. Efekt pomaga utrzymać paletę kolorów marki w całym projekcie, jednocześnie prezentując przedmioty w różnych innych kolorach. Efekt jest prosty, pomaga stronie wyglądać nieco łagodniej niż w przypadku nawigacji w jednolitym kolorze i przyciąga wzrok w dół strony i poprzez projekt.
Nuts and Woods przyjmuje inne podejście. Projekt wykorzystuje nakładkę koloru jako efekt najechania kursorem, aby powiedzieć ci więcej o określonych elementach w witrynie. Każdy element, który uzyska czerwoną nakładkę, jest również elementem klikalnym. Godne uwagi w tym projekcie jest to, że kolorowa nakładka służy jako wizualna wskazówka dla użytkowników, mówiąc im dokładnie to, co chcą wiedzieć, i zapewniając ścieżkę do linków w całej treści.
Wniosek
Korzystanie z nakładki kolorowej jest jedną z tych technik, która nie zawsze działa. Większość projektantów odkrywa, że mogą sobie z tym poradzić tylko w przypadku jednego lub dwóch projektów, zanim wyda się to przesadzone. (W tym miejscu nakładka akcentująca może być lepszym rozwiązaniem).
Podobnie jak w przypadku każdej techniki projektowania, pamiętaj o zastosowaniu jej we właściwym kontekście. Nigdy nie powinieneś używać nakładki kolorowej tylko dlatego, że zainspirował Cię inny projekt; zapisz pomysł i użyj go do właściwego projektu.
