Hvernig á að búa til og nota litastig í hönnun þinni

How to Create and Use Color Gradients in Your Design

Litahalli er hægfara framfarir frá einum lit til annars. Það er einnig þekkt sem litarpallur eða umskipti og á sér stað á milli svipaðra lita eins og rauðs og bleiks. Litahalli getur líka verið mismunandi. Til dæmis geta bláir hallar skipt yfir í fjólubláa tóna.

How to Create and Use Color Gradients in Your Design

Ávinningurinn og áhrifin af því að nota litastig

Dýpt og sjónræn áhugi: Litahalli eykur sjónrænan áhuga með því að nota fyllingarliti eða andstæða liti. Smám saman umskipti frá ljósum til dökkum litum skapar blekkingu um dýpt og lögun. Auka upplifun notenda: Vefhönnuðir nota litahalla til að búa til sjónrænt stigveldi. Notkun mismunandi litbrigða af sama eða mismunandi litum í hönnun undirstrikar mikilvæga þætti. Það gerir vafra um vefsíðu, prentun eða grafíska hönnun einfaldari. Dýnamískar litasamsetningar: Dýnamískar litasamsetningar í litaskiptingum samanstanda af andstæðum litbrigðum. Til dæmis, litróf regnbogans fer úr rauðu yfir í appelsínugult, gult, grænt, blátt, indigo og fjólublátt. Bætir orku við hönnun: Litahalli skapar tilfinningu fyrir orku og hreyfingu. Halli getur blandað saman skærum og lýsandi litum, sem bætir áhuga og lit við hönnun. Miðlar tilfinningum og skapi: Hlutir hafa sterk tilfinningaleg áhrif á áhorfendur. Litir vekja gleði, ástríðu, reiði, dulúð og fleira. Að blanda mörgum litum eykur litasálfræði.

Áhrif þess að nota litastig í ýmsum hönnunarþáttum

Vefhönnun: Litafall auka fagurfræði vefsíðunnar, virkni og notendaupplifun. Með því að nota litaspjald vörumerkis á vefsíðunni skapast samhljómur við merki vörumerkisins og aðra þætti. Sléttur halli eykur aðgengi fyrir notendur með sjónskerðingu. Grafísk hönnun: Litir með halla auka áhuga og dýpt við hönnun. Hönnuðir nota einnig litahalla til að koma fókus á ákveðinn hönnunarþátt. Litafall eiga við í leturfræði, myndskreytingum og sjónrænum myndum. Lógóhönnun: Litafall skapar einstök og sjónrænt sláandi lógó. Þau eru notuð í bakgrunni, texta og vörumerki. Litahalli lógósins ætti að innihalda litasamsetningu vörumerkisins og miðla gildum fyrirtækisins. Forritshönnun: Hægt er að nota litahalla í bakgrunni forrita, táknum, hnöppum og vörumerkjum. Mjúkur bakgrunnslitur tónar niður bjarta, feitletraða hluta. Þeir búa einnig til vörumerki innan apps. Til dæmis notar Instagram fjólubláan-bleikan-appelsínugulan halla í appinu sínu fyrir vörumerki. Textahönnun: Litahringir auðkenna texta á borðum og auglýsingaefni. Marglitir hallar eru einnig notaðir á undirfyrirsagnir og myndatexta til að auka sjónrænan áhuga. 3D hallar gera lógótexta áberandi frá öðrum þáttum í hönnuninni.

Tegundir litastiga

Línulegur halli

Línulegur halli felur í sér línuleg umskipti lita. Það hefur upphafs- og lokalit. Báðir litirnir blandast smám saman til að mynda beina línu. Þú getur notað línulega halla í mismunandi áttir, svo sem frá toppi til botns eða vinstri til hægri. Línulegur bakgrunnur er algengur í texta, hnöppum og bakgrunni.

Radial Gradient

Radial halli er litahalli sem geislar frá miðju og út á við. Hann er með aðallit og ytri lit. Báðir litirnir sameinast og mynda hringlaga mynstur.

Þeir vekja athygli á tilteknu svæði í mynd eða hönnun og eru algeng í lógóum. Radial halli hjálpa til við að búa til dýpt og vídd í mynd eða hönnun.

Multi-stop Gradient

Fjölstöðva litahalli hefur þrjá eða fleiri liti. Hann er gerður úr upphafslit, lokalit og einum eða fleiri millilitum. Litirnir blandast saman til að búa til slétt umskipti. Multi-stop hallar kynna kraftmikla áhrif í hönnun.

Diamond Gradient

Umskipti lita í þessari tegund halla hafa tígullögun. Það hefur fjóra liti, hver beygir inn í næsta í tígulformi.

Hyrndur halli

Hyrndur litahalli felur í sér geislamyndaða umskipti lita í mynstri. Það er einnig þekkt sem keilulaga halli. Að stilla hallagerð skapar mismunandi sjónræn áhrif, þar á meðal skarpar eða hægfara litaskipti.

Tvíátta halli

Tvíátta halli samanstendur af tveimur litum sem blandast í gagnstæðar áttir. Litastigsgerðin skapar spegillík áhrif. Einn liturinn hverfur inn frá annarri hliðinni en hinn hverfur inn úr gagnstæðri átt.

Að búa til litastig með því að nota hugbúnað og hönnunarverkfæri

Ýmis hönnunarverkfæri á netinu og farsímaforrit búa til litahalla. Þeir innihalda Adobe Illustrator, Photoshop, Canva og fleira.

Adobe Illustrator

Adobe Illustrator býr til línulega, geislamyndaða og frjálsa halla. Það gerir þér kleift að stilla staðsetningu litastoppa og bæta við og fjarlægja liti á hönnuninni. Notendur breyta einnig horninu og stefnu hallans. Með því að vista hallann sem sýnishorn geturðu notað hann í öðrum verkefnum.

Adobe Photoshop

Gradient tól Photoshop gerir geislalaga, línulega, hyrndan, endurspeglaðan og demanta halla. Þú getur stillt ógagnsæi hallans, liti og staðsetningu litastoppa. Photoshop gerir þér kleift að stilla umskiptin frá einum lit í annan og skapa sléttan halla. Að draga úr sléttleikastiginu leiðir til grófs halla sem notaður er í listum.

Farsímaforrit

Adobe Fresco, Canva og Color Harmony eru nokkur forrit sem búa til halla á iOS og Android tækjum. Farsímaforrit gera þér kleift að sérsníða litahalla og stilla birtustig, lit, ógagnsæi og fleira. Eiginleikar hvers forrits eru mismunandi, svo það er nauðsynlegt að prófa mismunandi valkosti.

Verkfæri á netinu

Verkfæri á netinu sem halla litir innihalda: CSS halli, Coolors, ColorSpace og Adobe Color. Ókeypis verkfæri á netinu gera þér kleift að búa til sérsniðna halla með því að nota ýmsa liti og sniðmátsvalkosti. Notendur geta skoðað og vistað halla sem aðrir notendur hafa gert til að nota í verkefnum.

Canva

Canva er bæði fáanlegt sem hönnunartól á netinu og sem app. Það býr til litahalla fyrir bakgrunn, texta og form. Canva býður upp á hallasniðmát og forstillingar til að sérsníða litastigana þína. Notendavænt viðmót og hönnunartól einfalda gerð vörumerkjamerkja, sniðmáta og auglýsinga.

CSS

CSS býður upp á hallaaðgerðir sem hjálpa til við að búa til halla fyrir vefhönnun. Það felur í sér að setja upphafspunkt, stefnu og horn hallans. Þú getur líka búið til hringlaga litahalla með því að nota radial-gradient () aðgerðina. CSS gerir þér kleift að búa til halla með litastoppum í mörgum stöðum, eins og CSS regnboga halla.

Figma

Figma er ókeypis tól á netinu til að búa til hágæða UI hönnun. Að búa til halla felur í sér að fylla út tvo eða fleiri liti og stilla lögunina. Figma veitir verkfæri til að skyggja halla, byggja ramma, form og óskýr áhrif.

Skissa

Sketch gerir hönnuðum kleift að búa til línulega, róttæka og hyrndan halla. Þú verður að fylla út lögunina eða myndina sem þú vilt nota litahalla. Notaðu ritilinn til að velja tegund og lit hallans. Notendur geta stillt horn, stefnu og litastopp.

Ábendingar um að velja réttan litastig fyrir hönnunina þína

Aðferðir sem vert er að íhuga þegar þú velur litastig fyrir hönnunina þína eru:

Notaðu halla eingöngu til að auka sjónrænt aðdráttarafl hönnunar: Halli ætti að einbeita sér að því að efla helstu eiginleika hönnunar. Það þarf að bæta við hönnunarþættina með því að skapa dýpt og áhuga. Forðastu of marga liti í hallanum þínum: Of margir litir geta verið yfirþyrmandi og geta truflað hönnunarþættina. Að halda sig við tvo eða þrjá liti í hverjum halla býður upp á fullkomna blöndu. Byrjaðu með grunnlitahalla: Notaðu grunnhalla sem blanda saman tveimur tónum af sömu litum til að búa til fíngerð áhrif. Notaðu litavalsverkfæri til að velja hallaliti: Litavalstól hjálpar til við að velja hallaliti sem blandast vel. Það er best til að velja samfellda eða andstæða liti. Veldu hallategund sem hentar hönnun þinni: Veldu einn sem bætir við hina hönnunarþættina. Hugleiddu skapið og tilganginn með hönnuninni þinni: Val á hallalit fer eftir því hvort þú vilt róandi eða örvandi og lifandi áhrif. Veldu samfellda eða andstæða hallaliti: Aukalitir eru andstæðir á litahjólinu. Þeir kynna samræmd áhrif á hönnun.

Litastig í vefhönnun

Litafall auka sjónræna aðdráttarafl vefsíðu. Þeir bæta einnig dýpt og vídd við vefsíðu, sem gerir hana aðlaðandi og notendavænni. Litahalli er hægt að nota sem bakgrunnsmyndir, textayfirlag og fleira.

Dæmi um litastig í vefhönnun

Bakgrunnslitahalli fyrir síðuhluti Litahalli fyrir leturfræði, eins og fyrirsagnir og undirfyrirsagnir Leggðu yfir litahalla á myndum eða myndböndum Halli fyrir hnappa, tengla og ákall til aðgerða (CTA) Litahalli fyrir sveimaáhrif eða umskipti á milli síðuþátta Vörumerkjaeiningar eins og vöruumbúðir og lógó. Stigullar fyrir tákn á samfélagsmiðlum, tengiliðaeyðublöð og deilingarhnappa Leiðsöguvalmyndir, fellivalmyndir og flipa Gröf, línurit og upplýsingagrafík Hleður hreyfimyndum og framvindustikum

Litastig í grafískri hönnun

Litahringir gefa áherslu á mikilvæga þætti í hönnun. Að blanda saman mismunandi litum skapar blekkingu um dýpt og þrívítt rými. Litahringir vekja líka tilfinningar, allt frá rólegu og róandi yfir í djörf og kraftmikið.

Notkun litastiga í grafískri hönnun

Að búa til dýpt og vídd í upplýsingagrafík Grafík á samfélagsmiðlum Umskipti á milli lita í hönnun Nafnspjöld, veggspjöld og flugblöð Hanna áhugavert litasamsetningu fyrir myndskreytingar Að búa til þrívíddaráhrif á hönnun lógóa.

 

Ef þér líkar við síðuna okkar vinsamlegast deildu með vinum þínum & Facebook