5 aðferðir til að fínstilla UX með lit.
Litur er ein lykilatriði í hvaða hönnunarkerfi sem er. Á vefsíðum eða í forritum er hægt að nota lit á ýmsum vegu: stundum er lit hægt að nota til að búa til brennivídd í gegnum andstæða eða með því að takmarka litina á völdu staði; litur getur einnig hjálpað til við að koma á stigveldi og því áhrif á hvar notandi lítur út.
Í þessari grein munum við tala um hvernig á að nota lit beitt.
1. Búa til fókuspunkt í gegnum hlutföll
Gott dæmi um lithlutfall er hönnun Viporte . Þegar þú flettir niður á heimasíðuna sína er hver hluti skreytt með stórum bréfum í miðjunni. Bréfið er fyllt með fallegum lit áður en hreyfimyndir köfunarinnar snerta inn. Liturinn á mismunandi myndum sem búa til er tengd litum stafanna. Brennidepillin er vissulega í miðju köflunum þökk sé að hluta til áhersluleg notkun litar. Hlutföll eru mismunandi - stundum er litur litur og stundum er mikið af því. Hins vegar eru hlutföll notuð til að vekja athygli á brennidepli. Ef liturinn var augljósari alls staðar innan hvers kafla, væri brennidepillin ekki eins skýr.
2. Að ná athygli í gegnum andstæða
Annar hlutur sem litur getur stjórnað er andstæða. Þegar litirnar í heildarhönnuninni eru logn eða mjúkt, þá mun draga mikið af athygli á myndunum með því að bæta við andstæða lit.
Það er einmitt það sem er að gerast innan hönnunar Thinx . Á heimasíðunni er heildar litasamsetning viðmótsins í raun svart og hvítt. Samt sem áður byggir hönnunin mikið á fjölmörgum myndum. Sérstaklega efst á heimasíðunni eru myndirnar af nærfötunum dökkrauðum bakgrunni. Í samanburði við allt annað á síðunni er það nokkuð djörf. Án efa er hluturinn sem stendur hérna dökk rauður. Rauðurinn hefur miklu meiri andstæða gegn svörtu og hvítu litasamsetningu. Mér finnst gaman að nota Thinx sem dæmi vegna þess að það sýnir að björt og neon litir eru ekki þau eini sem henta til að vekja athygli einhvers í gegn. Það er í raun bara jafnvægisverkur af tveimur litum sem mun láta einn af þeim birtast í raun út.
3. Notaðu lit til að búa til UX mynstur
Besta leiðin til að búa til sjónræn mynstur er með samkvæmni. Mynstur skapa aftur sambönd sem notandi getur orðið vanur að hafa. Það er sama og notendur eru notaðir til að certina táknin tengjast ákveðnum aðgerðum, þ.e. ruslið getur þýtt að eyða. Litir eru miklu meira huglægar vegna þess að sérhver vefsíða eða app getur búið til eigin merkingu fyrir liti.
Við skulum taka sambandið við litinn blár á Námsefni vefsíðunnar Underbelly . Það er einfalt dæmi og það er fullkomið að gera mál mitt. Nokkuð smellt á vefsíðu Underbelly er blár. Þegar þú hefur notað vefsíðuna í nokkrar sekúndur verður ljóst að flýtileiðir þeirra eru bláir. Og það er hvernig þú býrð til mynstur í gegnum lit. Mynstur eru góðar vegna þess að þeir leyfa notendum og gestum að auðveldlega viðurkenna eitthvað. Því auðveldara viðurkenningin verður, því minna sem fólk hugsar og nú vitum við öll hversu hamingjusöm það er Steve Krug .
4. Búa til stigveldi í gegnum lit.
Annar hlutur litur getur verið gott fyrir að setja upp stigveldi. Á Skore vöru síðu , réttlátur óður í sérhver hluti hefur þætti grænt við það. Ekki aðeins er grænt endurtekið-sem skapar þekkta mynstur-það hjálpar einnig að greina mikilvæga hluta allra hluta. Oft sinnum er auðvelt að útskýra stigveldi með stærð slíkra leturstærð. En styrkleiki litsins, eins og heilbrigður eins og að nota lit í notkun, getur verið frábær í því að setja upp stigveldi eins og heilbrigður.
Í dæmi Skore hefur grænan góðan andstæða við gráa texta og hvíta bakgrunninn. Það stendur út. Auk þess byggir litakerfi þeirra ekki á aðra hreim hreim sem gerir græna grunninn. Allt þetta stuðlar að því hvernig hver hluti er að sýna stigveldi. Þess vegna hjálpar græna liturinn augu notandans gagnvart mikilvægum þáttum sem veita góða stigveldi innan hvers hluta. Grænu þættirnar segja frá notanda hvar á að líta fyrst.
5. Nýta líkt líkt
Slökktu á öllum mismunandi hlutum sem við gerum með lit sem hönnuðir, notum það aðallega og endurnýta það til að tryggja samræmi í hönnuninni. Skulum kíkja á Enda ársins InVision áfangasíðu. Efst á síðunni er bleikur og fjólublár halli notað sem bakgrunnsmynd. Frekari niður á síðunni eru bleiku og fjólubláir notaðir fyrir hnappana liti líka. Að auki endar áfangasíðan hvítt yfir bleiku og fjólubláa lituðu bakgrunni. Það endurnýjar einnig svarta og gráa textalitinn yfir hvíta bakgrunni. Ef litarnir voru mismunandi í hvert sinn, myndi það ekki líta út eins og mikill.
Við skulum skoða önnur dæmi, sérstaklega Samþætting . Á heimasíðu sinni notar skapandi stúdíó nokkur mismunandi litum. En þeir eru allir svipaðar nóg í tón þeirra til að veita samloðandi flæði. Í þessu dæmi er ekkert sem bendir til sérstaklega sem getur líka verið gott markmið. Í þessu tilfelli er áherslan með lit á góðri og samfellda flæði síðunnar, þar sem þú ert að reyna að halda notandanum þátt og fletta.
Niðurstaða
Litur getur verið frábært tól til að hjálpa til við að ná ýmsum markmiðum um hönnun. Litur getur hjálpað til við að skilgreina og koma á stigveldi og leggja áherslu á. Litur áhersla kemur í ýmsum myndum. Hvort heldur sem er, að vinna með lit getur verið mikið skemmtilegt. Að hafa áhrif á augun sem gestir eða notendur eru að fara getur verið auðveldara með hjálp stefnumótandi litakerfis.