Reklama
Koncept použití tlumených barev v designu rozhodně není nový. Když ho srovnáte s trendem živých barev, který máme téměř všude, určitě se zdá být něčím novým.
Každý moderní designér UX ví, že minimalistický, plochý trend v posledních několika letech nabírá na obrátkách.
Existují společnosti jako Microsoft, Apple nebo Twitter a všechny tento nastupující styl při navrhování svých digitálních produktů využívají.
Plochý design jde ruku v ruce s minimalistickým přístupem.
Plochý design eliminuje hloubku tím, že nepoužívá stínování a gradient a upřednostňuje jednorozměrnou geometrii.
The minimalist design will eschew unnecessary features and content, replacing it with a clean, sleek monochromatic approach. Together, the two approaches will give you legibility and clarity, and reject ornamentation and excess.
Get 300+ freebies in your inbox!
Subscribe to our newsletter and receive 300+ design resources in your first 5 minutes as a subscriber.
However, even though these two practices make the UI interface very simple, their intersection has created some usability issues for certain users.
Přílišné zjednodušení mělo ve skutečnosti opačný efekt, než bylo požadováno, a pro uživatele bylo obtížnější zjistit, kam a proč mohou kliknout.
Naštěstí existuje třetí trend, který tomu pomáhá. Trochu se zvedly i tlumené barvy.
. V tiskové kampani však nepotřebujete minimalistický design nebo plochý efekt, protože uživatel neinteraguje s listem papíru, ale stačí mu se jen dívat.
Ve skutečnosti však tlumená barevná paleta kromě své primární role ve funkčních postupech UX získala novou roli.
Pokud se pokusíte najít definici tlumených barev, zjistíte, že nejlepší odpověď na otázku „Co jsou tlumené barvy“ spočívá v tom, že tyto barvy představují modernost, efektivitu a progresivitu.
Sdělují divákovi, že jakákoli látka, na kterou se dívá, je relevantní a není zastaralá. Tlumené barvy můžete vidět například ve videoklipu „Hotline Bling“ od Drakea.
Tyto barvy a tlumené pastelové odstíny byly použity zcela záměrně a promlouvají k moderní kultuře a masám. Znamenají také něco aktuálního. Vzhledem k tomu, že se na ně mnohem lépe dívá než na ostré a ostré barvy, jsou také velmi koncepčně módní.
Reklama
Dnes by návrháři UX měli vědět, že volba barev je vlastně volbou designu a že barva může naznačit mnohé, stejně jako tok, obsah, použitelnost a funkce.
Výběr mezi zářivě zelenou nebo tlumenými tóny zelené může znamenat rozdíl mezi tím, zda uživatel na webu zůstane, nebo jej okamžitě opustí. Stejně jako neohrabané uživatelské rozhraní může působit trochu analogově, mohou tyto jasné, zářivé barvy vypadat jako výbuch z minulosti.
Tlumené barvy vypadají tak, jak vypadají, kvůli:
Existují varianty palety plochých barev, které jste viděli tisíckrát a často se prostě nehodí k estetice designu, o kterou usilujete. A to i v případě, že se jí vše ostatní líbí.
Tady dokáže tlumená barevná varianta zázraky, protože když ji použijete s plochou estetikou, je to klasický, uhlazený vzhled, který je dostatečně odlišný na to, aby se odlišil od všech ostatních plochých projektů.
Co je to tlumená paleta barev?
Pro účely tohoto rozhovoru je to jakýkoli vysoce sytý odstín a přidání tónu, odstínu nebo odstínu, aby byl tlumený a méně jasný. Často tak získáte jemnější a klidnější barvy, se kterými se lépe pracuje a které také lépe ladí s celkovým designem.
„Barva“ je vlastně velmi nepřesný pojem, který denně používáme. Skládá se ze tří hlavních složek, a to z odstínu, sytosti a hodnoty.
Máte-li balónek, kde rovník je odstín na 360 stupních, svislá osa je hodnota a vodorovná je sytost, lze barvy vizualizovat na vnitřním objemu.
Existují další pojmy, které mohou pomoci při řešení této otázky, například „stínování“ a „tónování“. Například smíchání jakékoli barvy s černou se nazývá „stínování“ a výsledkem je trochu tlumenější barva.
Naproti tomu přidání bílé barvy do barvy je známé jako „tónování“ a vede k jasnější barvě. Ne všechny barvy však mohou být světlé nebo tmavé, jako například žlutá. Její ztmavení ji změní na hnědou.
Tónování v tlumených barvách
Přidáním bílé barvy k barvě neboli tónováním získáte barvu, která je výrazně světlejší než původní a obvykle se označuje jako pastelová. Mohou se pohybovat od téměř bílé až po o něco světlejší než plně sytá barva.
.
Jsou velmi oblíbené u ilustrací a také na fotografiích dělají divy. Odpadnou od hlavní estetiky a nejčastěji se používají, když máte jiný ústřední bod na rozdíl od hlavní estetiky.
Odstíny v tlumených barvách
Odstíny naopak způsobují, že barva působí na oko těžším dojmem, a pohybují se od téměř černé barvy až po barvu o odstín tmavší než původní. Dobře fungují v různých prostředích, zejména při použití s menším množstvím černé.
Existují projekty, které jsou opravdu tmavé a mají hodně černé, což s sebou nese problémy s čitelností, pokud je neprovedete výjimečně dobře. Lidé se často nesprávně domnívají, že odstíny musí vypadat černě, ale pokud vyvíjíte některou z barev tradičních plochých designových schémat, není tomu tak.
Tóny v tlumených barvách
Kombinací černé a bílé s barvou, která působí jemněji, získáte tóny. Většina barev se ve skutečnosti vytváří pomocí tónů, protože se jedná o komplexní barvy s téměř univerzální působivostí.
To je dáno tím, že čerpají z několika různých částí barevného spektra, a proto jsou tóny první volbou umělců a designérů pro většinu jejich projektů.
Nezávisle na tom, zda se odkloníte od některých tradičních barev plochého designu, není výběr jedné z výše uvedených barevných technik vaší jedinou volbou. Můžete kombinovat odstíny, zabarvení a tóny a vytvořit tak něco, co bude jiné a naprosto poutavé.
Poučení z těchto jednoduchých studií je, že se nesmíte nechat chytit za nos, že musíte použít trend „podle knihy“. Použijte jiný druh techniky a vytvořte si vlastní trend. Barevná paleta a její změna může být úžasná, a přesto můžete získat plochý design.
Pokud se vám líbil tento článek o tlumených barvách, měli byste se podívat i na tyto:
- Fotografické webové stránky:
- Design sportovních webových stránek: Tipy, inspirace a osvědčené postupy
- Design webových stránek restaurací:
Neomezené stahování: 1,000,000+ Fonts, InDesign Templates, Photoshop Actions, Mockups & Design Assets via