Trend projektowania: gradienty mono

Monotone palety kolorów zawsze były popularne. To klasyczna kolorystyka, która tak naprawdę nigdy nie wychodzi z mody. Ostatnio widzieliśmy wiele białych lub ciemnych monotonnych palet dominujących w tym stylu.

Ale pojawiło się nowe spojrzenie na kolory monotonne, które są trendy: gradienty mono. Oto spojrzenie na trend i sposób, w jaki projektanci w pełni go wykorzystują.

Udostępniamy różne przykłady gradientów mono w akcji i dzielimy się wskazówkami, w jaki sposób możesz użyć go we własnych projektach.

Co to jest gradient mono?

Gradienty mono są tylko rozszerzeniem zastosowania monotonnej palety kolorów.

Dwa kolory, które są podobne pod względem odcienia i nasycenia, są używane do tworzenia zanikania, które można zastosować w projekcie. Gradient mono może być subtelny, na przykład dwa odcienie niebieskiego, które prawie nie widać zanikania, lub bardziej wyraźne, takie jak powyższy gradient od czerwonego do fioletowego.

Gradienty mono są przedłużeniem dwóch trendów - monotonicznych palet kolorów i zastosowania gradientów. To prawie naturalna ewolucja tych trendów w projektowaniu. Rezultat może być całkiem oszałamiający!

Tradycyjny monotoniczny

Tradycyjny gradient monotoniczny to zanikanie między podobnymi kolorami. (Kliknij powyższy przykład z Quadangles, aby zobaczyć cztery różne gradienty mono - czerwony, niebieski, zielony i różowy).

Piękno tego prostego gradientu jest subtelne. W zależności od odmiany odcieni gradient może być tak miękki, że na pierwszy rzut oka możesz go nie zauważyć. (I to jest ok.)

Ten styl gradientu mono może działać na wiele rzeczy, od koloru tła po wypełnienie przycisku.

Wiele gradientów mono

Gradienty mono mogą być wystarczająco interesujące, aby łączyć i nakładać warstwy w projekcie.

Danki używa gradientu mono na dwa sposoby w powyższym przykładzie.

  • Jako mono gradientowy akcent do podkreślenia kluczowych słów i fraz w tekście
  • Z efektem nadruku, aby stworzyć wiele stopni koloru z gradientem mono

Oba zastosowania mają piękną prostotę, która jest interesująca i nie przytłacza użytkowników. (Wybór koloru zielonego jest również wyjątkowo miły.)

Gradient mono jako akcent

Element gradientu mono może być uzupełniającym akcentem w całkowicie monotonicznej kolorystyce.

EPR Solutions robi to z niebieskim wzorem, który zawiera mono gradient wewnątrz ekranu tabletu. Gradient mono pomaga przyciągnąć wzrok odrobiną dodatkowego koloru - a także ruchem w tym przykładzie - w celu stworzenia przepływu przez projekt.

Ten projekt wykorzystuje tę samą koncepcję z innymi kolorami w zwoju. (Zdecydowanie powinieneś rzucić okiem, różne zastosowania gradientów mono - czarny i fioletowy - są wyjątkowo dobrze wykonane).

Nakładka monochromatyczna

Nakładki gradientowe były kiedyś własnym trendem. Wiele z tych wzorów zawierało jasne odcienie o niemal tęczowym stylu.

Dzisiejsza nakładka gradientowa jest bardziej subtelna dzięki monofonicznej kolorystyce - nawet jeśli odcienie są jasne, jak na powyższym przykładzie.

Ten styl gradientu mono może działać jako nakładka pełnego obrazu lub dla mniejszych części, jak widać tutaj. W tym zwoju ten projekt wykorzystuje nakładkę gradientową dla innych pełnych zdjęć w celu uzyskania efektu.

Zaletą mono-gradientowej nakładki jest to, że może dodać nieco więcej popu do zdjęć, które nie do końca nadają się do projektowania; może stworzyć kolorową ścieżkę do śledzenia wzroku i pomóc przywiązać markę do wydarzenia lub nowego projektu.

I jest fajnie. Graj przy użyciu różnych kolorów marki dla nakładki gradientowej ze zdjęciami lub filmami w swoim projekcie.

Gradient mono z animacją

Może to zabrzmieć jak wiele rzeczy naraz - monotoniczny gradient i animacja. Ale możesz sprawić, że będzie działać.

W powyższym przykładzie gradient mono jest jasnożółty, który zanika na białym tle. Obraca się i ma pulsującą żółtą nakładkę pośrodku. Podczas gdy dzieje się tutaj wiele rzeczy, wybór koloru oszczędza projekt.

Ponieważ żółty jest miękki, a reszta projektu jest bardzo prosta, nie przytłacza cię wcale.

Mono Gradientowe Tło

Gradienty nie są najłatwiejsze w użyciu, jeśli chodzi o schemat kolorów tła. Wynika to często z różnic w kolorze, które mogą utrudniać czytanie elementów pierwszego planu (szczególnie tekstu).

Gradient mono rozwiązuje ten problem. Użycie palety monotonicznej sprawi, że tło będzie ciemne lub jasne, dzięki czemu kontrastujący tekst na pierwszym planie będzie łatwiejszy do dostosowania.

Otrzymujesz wizualne zainteresowanie gradientem bez problemu czytelności.

Luc Hohler świetnie sobie radzi z powyższą stroną internetową swojego portfolio. Monotonne bloki gradientowe tworzą ładny wzór tła, który ma większą głębię niż gdyby miał opcje dla pojedynczego gradientu mono dla pełnego płótna.

Gradient prawie mono

Nie możesz przegapić gradientów dla Arbitraer.

Kolory naturalnie się przenikają

Gradient pomarańczowy do czerwonego nie jest całkiem gradientem mono, ale jest blisko. (Przewijaj dalej, a projekt oferuje jeszcze kilka par prawie gradientowych).

Jest nieco odważniejszy niż niektóre powyższe opcje czysto mono, ale nie ma też bardziej tęczowego stylu, jaki widzieliśmy.

To, co utrzymuje ten schemat kolorów w rodzinie gradientów mono, to użycie kolorów, które są blisko koła kolorów i mają podobne nasycenia. Kolory rozlewają się ze sobą naturalnie, tak jak można się spodziewać po każdym innym gradiencie mono.

Ta opcja może być nieco większym wyzwaniem w użyciu, ponieważ może być konieczne użycie kolorów poza paletą marki lub rozważenie sposobu włączenia innych elementów o odważniejszych odcieniach. Jak pokazuje ten projekt, działa ładnie z bardziej minimalnym projektem, który nie ma wiele kolorów w innym miejscu. (Można to powiedzieć o wielu stylach gradientu mono).

Wniosek

Gradienty mono to zabawny trend w projektowaniu, którego często obserwujemy. Istnieje wiele sposobów ich wykorzystania.

Przede wszystkim, gdy patrzy się na te projekty wspólnie, jest to, że wiele z nich nie zawiera innych elementów artystycznych (zdjęć, filmów lub ilustracji). Ta technika jest w większości przypadków wystarczająco silna, aby stać się samodzielną i może być dobrym rozwiązaniem, jeśli rozważasz projekt bez sztuki.

© Copyright 2024 | computer06.com