Tumia Kivuli katika Usanifu

Makala haya ya muundo yatatoa muhtasari wa matumizi na istilahi za vivuli katika muundo.

Kivuli ni nini?

Kivuli ni eneo lenye giza ambapo mwanga hutolewa kutoka kwa mwanga. chanzo cha mwanga kinazuiwa na kitu kisicho wazi. Vivuli vimeundwa kwa sababu mwanga hauwezi kupita kupitia kitu kisicho na mwanga. Kitu huzuia mwanga na kuilazimisha kusonga mbele ya kitu kinachozuia na kuingia kwenye uso unaofuata. Kivuli kinachotokana ni umbo la pande mbili au makadirio ya kinyume ya kitu kinachozuia mwanga.

Ukubwa wa kivuli hutegemea umbali kati ya chanzo cha mwanga na kitu kinachoizuia. Kadiri kipengee kinavyokaribia chanzo cha mwanga, ndivyo kinavyozuia mwanga, na hivyo kusababisha kivuli kikubwa na nyororo. Ikiwa kipengee kiko mbali zaidi, kivuli kinakuwa chenye ncha kali na kidogo.

Vivuli vyeusi, vyenye ncha ngumu hupendekeza chumba cheusi chenye chanzo kimoja cha mwanga. Vivuli vyepesi, vyenye ncha laini hupendekeza chumba chenye mwanga mwingi.

Vinaundwa na mwanga wa jua. Pembe ya ugavi wa jua huamua urefu wa kivuli. Vivuli Bandia:

Hii inajumuisha vivuli vyote vinavyotengenezwa na mwanga wa bandia.

Utumizi wa Kivuli katika Usanifu

Uwekaji na tabia ya vivuli ni mambo muhimu ya kuzingatia katika muundo. Gradients, vivutio, na vivuli vya kushuka huunda mwelekeo katika vipengele vyako vya kubuni na kuelekezaumakini wa mtazamaji. Kutumia vivuli kunaweza kuboresha kwa kiasi kikubwa uzuri na utendakazi wa muundo wako na kuongeza viwango vya kina na uhalisia.

Kwa ujumla, vivuli katika muundo vinapaswa kuiga tabia ya asili, ya ulimwengu halisi ya mwanga na utumaji kivuli (ufunguo na mazingira. mwanga) na uchanganye katika muundo kwa ufanisi.

Ili kutumia vivuli kwa ufanisi katika mchakato wako wa kubuni, lazima kwanza uelewe sheria za kimsingi za uwekaji kivuli na vipengele vyake muhimu.

The Light Chanzo

Chanzo cha mwanga kinafafanua mwelekeo na nafasi ya miale inayoingia ya chanzo cha mwanga. Mwanga wa asili una nafasi ya jua kama chanzo chake pekee cha mwanga; mwanga wa bandia huruhusu vyanzo vingi vya mwanga.

Kiangazio

Inayoangazia ni eneo linalong'aa zaidi kwenye kitu; ni sehemu inayoelekea chanzo cha nuru na iliyo karibu zaidi nayo.

Kivuli/Kivuli Kiini

Kivuli/kivuli kikuu kinaashiria sehemu yenye giza zaidi ya kitu ambacho kiko mbali zaidi na mwanga. chanzo. Giza la vivuli linaweza kutofautiana katika kivuli. Eneo lenye giza zaidi la kivuli linaitwa kivuli kikuu.

Kivuli cha Kutupwa

Kivuli chenyewe kiko kwenye kitu, lakini kitu chenyewe kinaunda kivuli cha kutupwa. Kivuli cha kutupwa kinapangwa juu ya uso kitu kinapumzika. Kivuli cha kutupwa daima kinaelekeza katika mwelekeo sawa na miale inayoingia lakini daima kwa upande mwingine waobject.

Chapisho lililoshirikiwa na inspirationsl0g0 (@inspirationsl0g0)

Utumiaji wa Kivuli katika Usanifu

Wajibu wa mbunifu wa wavuti ni kuunda rangi ruwaza za skrini zenye pande mbili zinazotoa mwanga. Matumizi ya vivuli huunda kina na udanganyifu wa nafasi katika muundo wa 2D. Kivuli ni sehemu muhimu ya muundo wa picha. Kuna njia nyingi za kuijumuisha katika mchakato wa uundaji wa picha.

Vivuli vya kudondosha na gradient ni vipengele viwili vya muundo vinavyotumika sana. Vipengele vingine vinavyohusika ni uwazi wa kivuli, pembe ya kivuli, mkao wa kivuli, radius ya kivuli, na ulaini wa kivuli (mara nyingi huitwa ukungu).

The vivuli-kushuka na vipengele vya vivuli vya gradient ni rahisi sana kuunda kwa programu yoyote ya michoro, lakini upande mbaya ni kwamba athari hizi mbili za vivuli hutumiwa mara kwa mara.

Vivuli katika Muundo wa Skeuomorphic

Hasa katika Muundo wa Skeuomorphic ambao ulifikia kilele katika matumizi yake kuanzia mapema hadi katikati ya miaka ya 2000, wabunifu walimaliza mitindo ya safu ya Photoshop na programu zinazofanana na hizo hadi uwezo wao wa juu, kufanya skrini haswa za saizi ndogo kuhisi kuwa zimejaa sana na zimejaa. Aikoni ziliundwa kwa uakisi, vivuli, na mistari sahihi ya upangaji, na hivyo kuunda hisia ya 3D.

Ingawa vipengele vya kuona vinaweza kutofautiana, watumiaji wanaweza kutengeneza hizi mbili kila wakati.mawazo:

• vipengee vinavyoonekana vimeinuliwa vinaweza kubonyezwa chini (k.m., vitufe)
• vipengele vinavyoonekana kuwa vimezama vinaweza kujazwa ndani (k.m., sehemu za kuingiza)

Picha iliyo upande wa kushoto: Skrini ya Kuweka Windows 95, chanzo cha picha: extremetech. Picha iliyo upande wa kulia: Skrini ya Nyumbani ya Apple skeuomorphic, chanzo cha picha: materialdesignblog

Vivuli katika Muundo wa Nyenzo

Katikati ya miaka ya 2010, pendulum ya ubunifu ilirudi kwenye uboreshaji mdogo zaidi. mbinu na Mwelekeo wa Muundo wa Gorofa na ukuzaji wa Lugha ya Usanifu Nyenzo ya UI .

Ulinganisho wa Muundo wa Gorofa na Usanifu wa Nyenzo. Chanzo cha picha: Kati

Muundo na tabia za kivuli hazikuwa kuhusu kuonyesha vitu kutoka ulimwengu halisi kwa usahihi iwezekanavyo. Yote yalihusu uwazi, mpangilio, mwendelezo, na usahili. Mbinu ya Flat Design iliacha mhimili wa z kwa urahisi wa mwisho. Ukosefu wa mhimili z uliofanya kujumuisha vivuli katika vipengee vya UI kuwa muhimu.

Lugha ya Ubunifu Bora , iliyotengenezwa awali na Google, ilijumuisha mhimili wa z katika yake. mbinu safi na sahili, inayolenga sheria kali kwa mwendelezo wake na inayoangazia mabadiliko ya uhuishaji mara nyingi. Vivuli vya minimalistic vilitumiwa kuunda udanganyifu wa kina. Mbinu mpya ya usanifu iliruhusu fursa mpya za kutumia rangi na nafasi.

Vivuli katika Muundo wa Neumorphic

Baada yakaribu muongo mmoja wa mbinu rahisi zaidi ya muundo wa 2D, lugha mpya ya muundo iliibuka: Neumorphism inaangaziwa sana katika macOS Big Sur. Aikoni na vipengele vya UI vimeundwa kwa kuweka kivuli na vivutio kutoka kwa chanzo cha mwanga cha saa 12 kamili. Inaunganishwa tena na mkabala wa kimwili, wa haptic wa muundo wa skeuomorphic lakini bila vivuli vya safu nyingi kupita kiasi.

Tabia na makadirio ya kivuli ni tofauti kabisa katika nyenzo na neumorphic mtindo wa kubuni.

Ulinganisho wa Skeuomorphism, Muundo Bapa, na Neumorphism. Chanzo cha picha: justinmind

Kadi za Usanifu Bora zinaonekana kama zinaelea na kivuli kisichojulikana.

Neumorphic Design kadi zinaonekana kama zimetolewa chinichini. Makadirio ya kivuli na mwingiliano wake na mwanga ni tofauti kabisa.

Kadi ya Kulinganisha Neumorphic na Kadi Nyenzo. Chanzo cha picha: uxdesign

Kulinganisha Kadi ya Neumorphic na Kadi Nyenzo. Chanzo cha picha: uxdesign

Kwa Nini Unapaswa Kujumuisha Vivuli katika Muundo Wako

Madhumuni ya vivuli katika muundo wa 2D/UI sio kuiga vipengee vya 3D kwa uhalisia iwezekanavyo. kwa mtumiaji lakini kuelekeza na kurahisisha urambazaji wa kiolesura kwa hila.

Kuunganisha vivuli na makadirio fiche, yaliyokokotwa kwa uangalifu ni njia bora ya kufanya muundo kufikiwa zaidi kwa ajili yake.watumiaji.

Ukichagua kujumuisha vivuli katika muundo wako, kumbuka kuna njia nyingi za kuzitekeleza. Cheza karibu na ujaribu vigezo tofauti ambavyo tumetaja katika nakala yetu. Angalia jinsi mipangilio hii inavyoathiri mwonekano na ufikiaji wa muundo wako.

Kubadilisha uwazi wa kivuli chako, pembe au rangi kunaweza kuleta mabadiliko makubwa katika jinsi muundo wako unavyovutia mtazamaji. Unaweza kubadilisha muundo wako kutoka mtindo wa biashara hadi wa kucheza na wa kufurahisha kwa kubadilisha tu sifa za rangi ya kivuli f.ex.

Kurekebisha sifa za ukungu au kukabiliana na vivuli vyako kunaweza kuelekeza usikivu wa mtumiaji kwenye vipengele vya muundo vilivyopuuzwa hapo awali.

Kumbuka miongozo ya kimsingi tuliyokupa, na ufurahie kucheza ukitumia sifa za vivuli!