A színek használata az ui-designban

Gyakorlati tanácsok és eszközök.

A színeket, mint minden mást, leginkább mérsékelten használják. Ha a színsémában legfeljebb három elsődleges színt használ, akkor jobb eredményeket érhet el. A színegyeztetés hatékonysága a tervezés során nagymértékben az egyensúlyon alapul, és minél több szín van, annál nehezebb elérni.

A szín nem minősül minőségi tervezésnek - növeli.

Ha további színekre van szüksége, mint azok, amelyeket kezdetben a palettájához választott, árnyékokat és árnyékokat használjon. Működtesse a kiválasztott gamma tartományon belül.

A 60-30-10. Szabály

Ez a tervezési szabály segít gyorsan létrehozni egy színsémát. A 60% + 30% + 10% arány tükrözi a színegyensúlyt. Ez a formula azért működik, mert egyensúlyt teremt, és lehetővé teszi, hogy a szem kényelmesen mozogjon egyik pontról a másikra. Ezenkívül ez a technika rendkívül könnyen használható.

60% -a domináns színe, 30% kiegészítő szín és 10% ékezetes szín.

A színek használata az ui-designban
Fali dekoráció, bútorok, kiegészítők.

A színek értéke

A tudósok évszázadokon át tanulmányozták egyes színek pszichológiai hatásait. Az esztétika mellett a színek érzelmeket és társulatokat is létrehoznak. A kultúrától és a körülményektől függően a színek értékei eltérőek lehetnek. Ezért látja a fekete-fehér butikokat. Elegánsnak és nemesnek tűnnek.

A színek használata az ui-designban
Az Asos teljesen fekete-fehér, zöld "cselekvésre ösztönzés". És nem csak ez.

  • Red. szenvedély, szerelem, veszély
  • Blue. nyugalom, felelősség, biztonság
  • Black. rejtély, elegancia, gonosz
  • White. tisztaság, csend, pontosság
  • Green. újdonság, frissesség, természet

Tudjon meg többet a színek jelentőségéről, amit a szín kultúrájából tanulhat.

Első szürke színátmenetek

Szeretünk színekkel és hangzásokkal játszani a tervezési fejlődés korai szakaszában, de ez a viselkedés gyorsan elhibázza Önt - 3 órát ölthet, kiválasztja a fő színt, majd megváltoztathatja az elméjét ... Ez persze csábító, de nem túl hatékony.

Ehelyett kényszerítsen rá, hogy dolgozzon a szerkezeten - az elrendezés elemeinek behúzásával és elrendezésével. Ez sok időt takarít meg. Ez a munka nagyon produktív. Másrészről nem lehet unalmas. Vizsgálja meg a különböző árnyalatokat, ha kellemes megjelenést kíván elérni.

A színek használata az ui-designban
Az egyik műlemezem, melyeket dribbel lehet találni. Egyszerű monokróm színek és az elemekre fókuszál.

Kerülje a tiszta szürke skála és a fekete színt

Az egyik legfontosabb szín trükköt, amivel valaha találkoztam, elkerülje a szürke színek telítettségét. A való életben nincs tiszta szürke árnyalat. Ugyanez vonatkozik a feketékre is.

A színek használata az ui-designban
A fotó legtolsó sötétebb színe nem # 000, de # 0A0A10 Ne feledje, mindig hozzá kell adnia a színeknek egy kicsit telítettségét. Feleslegessé válik a természetesnek és a felhasználók közelségének érzékelése.

A színek használata az ui-designban

Higgy a természetben

A legjobb színkombinációkat már a természet kitalálták. Mindig természetesnek tűnnek. A legjobb, ha egyszerűen megfigyelheted a környező természeteket, és kiválaszthatod palettáidat a formatervezésedhez, természetesen mindig változni fognak.

Hogy ihletet kapj, csak körül kell nézni

Tartsa a kontrasztot

Néhány szín jól keveredik egymással, és néhányan nem. Vannak meghatározó szabályok az árnyalatok kölcsönhatására, amelyeket a színkör bizonyítani tudja. Tisztában kell lenni ezekkel a módszerekkel, de nem kell kézzel használni őket.

Légy inspirált

Ha meg kell találnod a felhasználói felület példáit, a dribbelés az egyik legjobb hely erre. Van egy eszköz a színek keresésére. Tehát, ha vizuális referenciát kell végezni egy adott szín más tervezők általi használatáról, menjen a dribbble.com/colors oldalra

A színek használata az ui-designban

A színek használata az ui-designban
A színek használata az ui-designban
A színek használata az ui-designban

műszerek

A feladat egyszerűsítése érdekében megadom a színpaletták kiválasztásának legjobb eszközeit. Sok időt takarítanak meg.

Coolors.co

Elismerhetetlen, a kedvenc eszköz a színek kiválasztásához. Egy szóközzel egyszerűen kiválaszthat egy színt és létrehozhat egy palettát. A hűtők lehetővé teszik a kép feltöltését, és egy paletta létrehozását. Ön nem csak egy eredményre korlátozódik - a választó lehetővé teszi az eredeti tájékozódás módosítását.

A színek használata az ui-designban

Ez az Adobe eszköz hosszú ideje segít a tervezőknek. A böngészőben működik, asztali verzió is van. Ha az asztali verziót használja, a színsémát a Photoshopba exportálhatja.

A színek használata az ui-designban

Hasonló a Kulerhez, a különbség az, hogy nem csak 5 árnyalat van. Nagyszerű, ha alapvető színei vannak, és további árnyalatokkal akar játszani.

A színek használata az ui-designban

Designspiration.net

Képzeld el, hogy van egy ötleted egy színpaletta számára, de világosan össze kell hasonlítanod a különböző lehetőségeket. A design-inspiráció ideális erre a célra. Legfeljebb 5 színt választhat ki, és olyan képeket keres, amelyek megfelelnek az árnyalatoknak. A szolgáltatás nem csak a megadott palettán keresi a képeket, hanem segít kiválasztani a szükséges grafikákat a tervezésbe való integráláshoz.

Shutterstock Lab Spectrum

A színek használata az ui-designban

Tineye Multicolr

De ha több színt szeretne találni, vagy meg kell adnia egy adott árnyalatot, akkor használja a Tineye-t. Ez a webhely 10 millió Creative Commons képalapot használ a Flickr-ből.

Gondolatok az utolsóért

Szín - nagyon nehéz fejleszteni az erőforrásokat, különösen a digitális tervezés korában. Az ebben a bejegyzésben adott tippek megkönnyítik a megfelelő árnyalatok megtalálását. A legjobb módja annak, hogy megtanuljuk, hogyan készítsünk lenyűgöző színsémákat a gyakorlat, így játsszon a virágokkal.

Kapcsolódó cikkek