Tompa színek:

Hirdetés

A tompított színek használatának koncepciója a tervezésben nem újdonság. Ha összevetjük a szinte mindenhol tapasztalható élénk színtrenddel, akkor biztosan valami újdonságnak tűnik.

Minden modern UX-tervező tudja, hogy a minimalista, lapos trend az elmúlt években egyre nagyobb teret hódít.

Az olyan cégek, mint a Microsoft, az Apple vagy a Twitter, mind kihasználják ezt a feltörekvő stílust, amikor digitális termékeiket tervezik.

A flat design kéz a kézben jár a minimalista megközelítéssel.

A flat design az árnyékolás és a gradiensek mellőzésével megszünteti a mélységet, és az egydimenziós geometriát részesíti előnyben.

FireShot-Capture-1789-BO Tompított színek: 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.

A dolgok túlságosan egyszerűvé tétele valójában az ellenkező hatást váltotta ki, mint amire szükség lett volna, és a felhasználók nehezebben találják ki, hogy hova és miért kattinthatnak.

Hála Istennek, van egy harmadik trend is, amely ezen segít. A tompított színek is felkapottá váltak.

exploration-pastel-color-2- Muted Colors: Definíció és felhasználásuk weboldalakon és alkalmazásokban

A nyomtatott reklámokban mindenhol megtalálhatóak a tompított színsémák. Egy nyomtatott kampányban azonban nincs szükség minimalista dizájnra vagy lapos hatásra, hiszen a felhasználó nem egy papírdarabbal lép interakcióba, hanem csak néznie kell.

A funkcionális UX-gyakorlatokban azonban a tompított színpaletta az elsődleges szerepe mellett valójában új szerepet kapott.

FireShot-Capture-1776-Air tompított színek: Definíció és hogyan használd őket weboldalakon és alkalmazásokban

Ha megpróbálod megtalálni a tompított színek definícióját, azt találod, hogy a “Mik azok a tompított színek” kérdésre a legjobb válasz az, hogy ezek a színek a modernséget, a hatékonyságot és a progresszivitást képviselik.

A nézőnek azt közvetítik, hogy bármilyen anyagot is néz, az releváns, és nem elavult. A tompított színeket például Drake “Hotline Bling” című videójában láthatod.”

FireShot-Capture-1778-Rot Tompított színek: Definíció és hogyan használd őket weboldalakon és alkalmazásokban

A színek és a tompított pasztellszínek nagyon is szándékosak voltak, és a mai kultúrához és a tömegekhez szólnak. Valamit a pillanatnak is jeleznek. Mivel sokkal könnyebb rájuk nézni, mint a harsány, éles színekre, koncepcionálisan is nagyon divatosak.

FireShot-Capture-1780-Vic Tompított színek: Definíció és használatuk weboldalakon és alkalmazásokban

Hirdetés

A UX-tervezőknek manapság már tudniuk kell, hogy a színválasztásuk valójában a dizájnválasztásuk, és a szín sok mindent jelezhet, akárcsak a flow, a tartalom, a használhatóság és a funkció.

Az élénk zöld vagy a zöld tompa árnyalatai közötti választás dönthet a felhasználó webhelyen maradása és azonnali távozása között. Csakúgy, mint ahogy egy nehézkes felhasználói felület kicsit analógnak tűnhet, azok az élénk, vibráló színek úgy tűnhetnek, mintha a múltból érkeztek volna.

A tompított színek azért tűnnek úgy, ahogyan tűnnek:

FireShot-Capture-1781-VR- Tompított színek: Definíció és hogyan használd őket webhelyeken és alkalmazásokban

  1. Kisebb érték
  2. Kisebb telítettség
  3. Keveredés a szomszédos színekkel
  4. A fentiek bármelyikének kombinációja

A lapos színek palettájának vannak olyan változatai, amelyeket már ezerszer láttál, és sokszor egyszerűen nem illenek bele az általad megcélzott designesztétikába. Még akkor sem, ha minden más tetszik hozzá.

Ez az a pont, ahol egy visszafogott színválasztás csodákra képes, hiszen ha egy lapos esztétikával együtt használod, akkor egy klasszikus, csiszolt megjelenés lesz, amely eléggé különbözik ahhoz, hogy kitűnjön az összes többi lapos projekt közül.

animal-800-x-600-large-1 visszafogott színek: Definíció és használatuk weboldalakon és alkalmazásokban

animal-800-x-600-large-1 Tompított színek: Definíció és használatuk weboldalakon és alkalmazásokban

De mi is az a tompított színpaletta?

Ez a beszélgetés szempontjából bármilyen árnyalat, amely erősen telített, és egy tónus, árnyalat vagy árnyalat hozzáadása visszafogottá és kevésbé élénkké teszi. Ennek eredményeképpen gyakran egy lágyabb, nyugodtabb színt kapunk, amellyel könnyebb dolgozni, valamint jobban illeszkedik az általános dizájnhoz.

FireShot-Capture-1784-AMA Tompított színek: Definíció és használatuk weboldalakon és alkalmazásokban

A “szín” valójában egy nagyon pontatlan kifejezés, amelyet naponta használunk. Három fő összetevőből áll, nevezetesen árnyalatból, telítettségből és értékből.

Ha van egy léggömb, ahol az egyenlítő a színárnyalat 360 fokon, a függőleges tengely az érték, a vízszintes pedig a telítettség, akkor a színeket a belső térfogaton lehet megjeleníteni.

FireShot-Capture-1785-Des Muted Colors: Meghatározás és használatuk weboldalakon és alkalmazásokban

A kérdésben segíthet néhány más fogalom is, például az “árnyékolás” és a “színárnyalat”. Például bármilyen színt feketével keverve “árnyékolásnak” nevezik, és egy kicsit tompább színt eredményez.

A fehér szín hozzáadása egy színhez viszont “árnyalás” néven ismert, és világosabb színt eredményez. Azonban nem minden szín lehet világos vagy sötét, mint például a sárga. Ha sötétebbé tesszük, akkor barna lesz belőle.

Tónusok tompított színekben

FireShot-Capture-1783-Tim Tompított színek: Definíció és használatuk weboldalakon és alkalmazásokban

A fehér szín hozzáadása egy színhez, vagyis a tónusozás, az eredetinél lényegesen világosabb színt eredményez, amelyet általában pasztellszínnek neveznek. Ezek a szinte fehértől a teljesen telített színnél valamivel világosabb színig terjedhetnek.

FireShot-Capture-1786-Kve Tompított színek: Definíció és használatuk weboldalakon és alkalmazásokban

Az érzetük könnyedebb, lágyabb, és nyugtatóbb esztétikát ad a merészebb, élénkebb lehetőségekhez képest.

Az illusztrációk esetében nagyon népszerűek, és a fotókon is csodákat művelnek. Elmaradnak a fő esztétikától, és leginkább akkor használod őket, ha a fő esztétikával szemben egy másik fókuszpontod van.

Tompított színek árnyalatai

FireShot-Capture-1787-Céd Tompított színek: Definíció és hogyan használd őket weboldalakon és alkalmazásokban

Az árnyalatok viszont nehezebbnek tűnnek a szem számára, és a szinte fekete színtől kezdve az eredeti színnél egy árnyalattal sötétebbig terjednek. Sokféle környezetben jól működnek, különösen, ha kevesebb feketével együtt használják őket.

story-app-exploration-large Muted Colors: Definíció és hogyan használd őket weboldalakon és alkalmazásokban

Vannak olyan projektek, amelyek igazán sötétek és sok feketét tartalmaznak, amelyek olvashatósági problémákkal járnak, hacsak nem hajtod végre őket kivételesen jól. Az emberek gyakran tévesen azt feltételezik, hogy az árnyalatoknak feketének kell látszaniuk, de ha a hagyományos flat design sémák egyik színét fejleszted, ez nem így van.

Tónusok a tompított színekben

FireShot-Capture-1782-Wha Tompított színek: Definíció és hogyan használd őket weboldalakon és alkalmazásokban

A fekete és fehér szín kombinálása egy színnel, hogy az lágyabbnak tűnjön, tónusokat ad. A legtöbb szín valójában tónusok használatával készül, mivel ezek összetett színek, amelyek szinte univerzális vonzerővel bírnak.

Ez annak köszönhető, hogy a színspektrum néhány különböző részéből merítenek, és ez az oka annak, hogy a tónusok a művészek és a tervezők első számú választása a legtöbb projektjükhöz.

unsplash-app-exploration-la Tompított színek: Definíció és használatuk weboldalakon és alkalmazásokban

unsplash-app-exploration-la Tompított színek: Definíció és hogyan használd őket weboldalakon és alkalmazásokban

Végső gondolatok a tompított színekről

Függetlenül attól, hogy elágazol-e néhány hagyományos lapos dizájnszíntől, a fenti színtechnikák egyikének kiválasztása nem az egyetlen választásod. Kombinálhatsz árnyalatokat, árnyalatokat és tónusokat, hogy valami olyat hozz létre, ami más és abszolút magával ragadó.

A tanulság ezekkel az egyszerű tanulmányokkal az, hogy nem ragadhatsz le azon, hogy egy “a könyv szerinti” trendet kell használnod. Használjon másfajta technikát, hogy saját trendet hozzon létre. A színpaletta és annak megváltoztatása csodálatos lehet, és még mindig kaphatsz egy lapos dizájnt.

Ha tetszett ez a cikk a tompított színekről, akkor ezeket is érdemes megnézned:

  • Fotográfiai weboldal: Design, ötletek, hogyan készítsünk egyet
  • Sportoldalak tervezése: Tippek, inspiráció és legjobb gyakorlatok
  • Restaurant Websites Design: Tippek, inspiráció és legjobb gyakorlatok

Korlátlan letöltések: 1,000,000+ Fonts, InDesign Templates, Photoshop Actions, Mockups & Design Assets via logo

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.