Tlumené barvy:

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.

FireShot-Capture-1789-BO Tlumené barvy: Definition and How to Use Them In Websites and Apps

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.

FireShot-Capture-1790-Fut Muted Colors: Definition and How to Use Them In Websites and Apps

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.

exploration-pastel-color-2- Muted Colors:

exploration-pastel-color-2- Tlumené barvy:Tlumené barvy jsou v tištěné reklamě všudypřítomné: Definice a jak je používat na webových stránkách a v aplikacích

. 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.

FireShot-Capture-1776-Air Tlumené barvy: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.

FireShot-Capture-1778-Rot Tlumené barvy: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í.

FireShot-Capture-1780-Vic Tlumené barvy:

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:

FireShot-Capture-1781-VR- Tlumené barvy:

  • Nižší hodnota
  • Nižší sytost
  • Míchání se sousedními barvami
  • Kombinace některé z výše uvedených
  • 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ů.

    zvíře-800-x-600-large-1 Tlumené barvy:

    animal-800-x-600-large-1 Tlumené barvy: Co je to ale tlumená paleta barev: Definice a jak je používat na webových stránkách a v aplikacích

    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.

    FireShot-Capture-1784-AMA Tlumené barvy:„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.

    FireShot-Capture-1785-Des Muted Colors: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

    FireShot-Capture-1783-Tim Tlumené barvy: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.

    FireShot-Capture-1786-Kve Ztlumené barvy: V porovnání s odvážnějšími a jasnějšími možnostmi působí lehčeji, měkčeji a působí uklidňujícím dojmem: Definice a jak je používat na webových stránkách a v aplikacích

    .

    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

    FireShot-Capture-1787-Céd Tlumené barvy: Definice a jak je používat na webových stránkách a v aplikací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é.

    story-app-exploration-large Tlumené barvy: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

    FireShot-Capture-1782-Wha Tlumené barvy: Definice a jak je používat na webových stránkách a v aplikací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ů.

    unsplash-app-exploration-la Tlumené barvy:

    unsplash-app-exploration-la Tlumené barvy:Závěrečné zamyšlení nad tlumenými barvami

    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 logo

    Napsat komentář

    Vaše e-mailová adresa nebude zveřejněna.