Duotone Color: Tipy a příklady tohoto živého trendu
Další velký trend grafického designu webů je zde a je živý, barevný a krásný!
Díky Spotify duotone roste v oblibě téměř denně. Efekt, který na fotografii používá dvojici barev, je nápadný, zábavný a zářivý. Je to také docela módní a nové weby se téměř denně mění na duotonový formát. Zde je několik způsobů, jak co nejlépe využít tuto horkou konstrukční techniku.
Co je Duotone?
Za prvé, trochu primeru: Duotone je použití dvou barev.
Název a technika pochází z tiskařských lisů. Duotone výtisky jsou vyráběny ve dvou odstínech stejné barvy nebo s černým a jedním odstínem. Proces používá dvě barevné desky vyrobené s obrazovkou nastavenou v různých úhlech.
Dvoubarevný koncept je velký. Pantone jmenoval pár jako Barva roku, minimalismus nechal designéry přemýšlet o omezených paletách a duotony jsou vizuálně zajímavé a poměrně snadno vytvořitelné. Efekt můžete vytvořit pomocí aplikace Adobe Photoshop a dvoubarevného přechodu nebo pomocí nástroje, jako je například Colofilter.css, který jej použije v kódu.
Ale to, co pravděpodobně nejvíce pomohlo duotone ze země, je použití Spotify. Barevná schémata Duotone se používají v aplikaci pro přehrávání hudby a pro různé propagační micro-weby. Duotone přidává jedinečný designový prvek k obrázkům od umělců, kteří jsou dobře známí a široce využívaní.
Technika, která byla jednou tiskovou sponkou, našla nový život online a je to trend, který v nadcházejících měsících pravděpodobně uvidíme mnohem více.
Jako dominantní obraz
Pomocí duotonu vytvořte dominantní obraz.
Hlavní vizuální stránka pro New Deal Design je nápadná díky odvážné volbě barev a nepředvídatelným díky zábavným snímkům a barvám. Nebojte se jít mimo své pohodlí, pokud jde o práci s duotonovými obrazy; je v pořádku párovat odstíny, které se nemusí shodovat. Cílem je vytvořit vizuální prvek, který vyžaduje pozornost a obsahuje dostatek kontrastu, aby se obrázek mohl promítnout.
Zde je několik tipů pro maximální dopad:
- Vyberte si dvě kontrastní barvy nebo párujte barvy značky.
- Vyberte fotografii s zaostřenou oblastí obrázku. Použití krajiny může být obtížné.
- Začněte s vysoce kvalitním obrázkem. Rozmazané nebo špatné obrázky a duoton se nemíchají.
- Kontrast hry.
- Zvažte mezery pro tlačítka nebo typografii.
- Vyberte barvy, které odrážejí náladu fotografie.
- Vypněte duotonový obraz s barevným rámečkem nebo kombinujte možnosti barev s posuvným posuvníkem nebo paralaxy.
Jako jednoduchá barevná paleta
Duoton nemusí být komplikovaný. Nejvýraznější dvoubarevné projekty jsou někdy svou povahou jednoduché.
Assurance Life Insurance používá pár červených a čistých typografií. Svitek obsahuje také polotónový styl. Barvy jsou jasné a poutavé. Červená je druh barvy, díky kterému se na ni uživatelé téměř dívají.
Trik je v tom, že je tak jednoduchý, aby byl efektivní. Uživatel není ohromen prvky. Červená vás vtáhne tak, aby se slova na obrazovce soustředila. Tento typ duotonového efektu je téměř určen pro weby, které mají formálnější vzhled a dojem, protože umožňují použití trendu bez pocitu nucení nebo ohromení.
Jako způsob, jak zvýšit čitelnost
Používejte duoton jako stabilizátor barev, který dává textu dostatek prostoru a kontrastu. Dvojité překrytí barev může pomoci „vyrovnat“ barevné variace v obraze, takže text lze umístit pomocí jediné barvy téměř kdekoli na obrázku a stále čitelný.
Výběr barev Duotone nebude pro toto použití tak jasný a pravděpodobně se bude jevit méně tlumený, ale může sloužit skvělému účelu. Holm Marcher & Co. to dělá s korálovým a modrým duotonem, který je zajímavý a vytváří velmi čitelné pozadí pro nápisy. Jako bonus přidávají navigační prvky odstíny modré z palety barev, aby podpořily pohyb po webu.
Jako přízvuk
Zatímco duotonové efekty se hodí k velkým obrazům, mohou pracovat i na menších místech. Zvažte duotonový přízvuk v navigaci, pro sekundární obrázky nebo pro konkrétní typy obsahu.
Co je hezkého na menších oblastech duotonu je to, že máte trochu větší svobody hrát, pokud vás technika zastraší, nebo si nejste zcela jisti, jak to udělat pro vás. Při použití v menších prostorech může být vizuálně zajímavé hrát s několika barevnými páry pro různé prvky v designu.
Vezměte v úvahu prvky duotonu pro prvky stylu karty, jako překryv pro odkazy na video nebo pro zdůraznění výzev k akci. Duotone akcenty mohou být také účinnými nástroji pro použití v minimálním nebo černobílém barevném schématu, protože vytvářejí barevný kontrast.
Jako pozadí
Neexistuje nic jako jemný duotonový efekt, který by vytvořil zajímavý obrázek nebo vzor na pozadí. Toto je ideální použití pro barvy značky nebo jako způsob, jak do vašeho designu začlenit módní odstín nebo techniku bez celkové opravy.
Vystudované duotonové pozadí pro Join Radio je dokonalost. Změna barvy je téměř nepostřehnutelná a mísí se hladce s ostatními prvky uživatelského rozhraní v designu. Po barvách se pohybuje jednoduchá animace, která uklidňuje a má k tomu vodní dojem. Posun ze světla na tmavý následuje přirozené oko a vzory čtení, které se pohybují z levého horního rohu domovské stránky do pravého dolního rohu, kde je uživatel dále podporován posouváním a kliknutím.
Závěr
Je těžké najít techniku designu, se kterou je zábavnější hrát než barvu. Duotony jsou stejně poutavé pro designéry. Tento efekt může okořenit nadužívaný obraz, přidat zábavný prvek, když jeden chybí, a jen pomoci vizuálně zapojit uživatele.
Navíc, vy návrhář opravdu experimentovat při použití duotone efekty. Můžete párovat barvy, které jste si pravděpodobně nepředstavovali pro velký dopad, nebo kombinovat barvy s jemnými variacemi pro malý prvek překvapení. Ať tak či onak, vytvoření tohoto barevného efektu vypadá téměř vždy vlastní a může být zábavné s ním pracovat.
