Jinsi ya Kubuni Muundo Mahiri

Mwongozo kamili wa kujifunza misingi ya muundo unaoonekana.

Swali la dola milioni: ni nini siri ya muundo mzuri?

Tunaweza kutumia falsafa kuhusu hili. , lakini kwa ujumla, methali 'siri' ya muundo mzuri iko katika jinsi unavyopanga vipengee vyako vya kuona, kuhusiana na turubai yako, na kila mmoja. Kimsingi, tumeelezea muundo wa mpangilio. Ambayo, ukiifikiria, iko kila mahali unapotazama.

Chukua mpangilio wa gazeti, kwa mfano. Muundo wao unafuata mfumo wa gridi ya kawaida (tutajifunza yote kuhusu gridi kwa dakika moja). Kila kitu kawaida hupangwa kushoto, kulia, na chini. Safu haswa zina upatanisho dhahiri ambao hufanya ukurasa sio tu kuvutia macho, lakini pia rahisi kusoma, na kuwa na mamlaka. Vichwa vikubwa huvutia usikivu wa mtazamaji, ilhali kichwa kidogo huja kama utofauti wa ukubwa ili kuunda safu ya kuona ya habari.

Linda Gaom, Behance

Sifa hizi zote huunda ukurasa. muundo safi, muundo, na rahisi kusoma, na zinaendana na vidokezo tutakaozungumzia baadaye. Lakini kwanza, hebu tuelewe zaidi kuhusu muundo wa mpangilio wenyewe.

Muundo wa Mpangilio ni Nini?

Muundo wa mpangilio unahusu mpangilio wa vipengele vya picha ili kuvutia usikivu wa msomaji na kuwasilisha ujumbe fulani kwa njia ya kuvutia macho. .

Kwa hivyo hatuzungumzimahali pa kupumzika, wakati vipengele vingine vinatoa mwelekeo.

Njia rahisi ya kuelewa hili ni kwa kuchukua mfano wa tovuti yetu, kwa mfano. Michoro imetenganishwa kwa uwazi na maandishi, na vile vile mwito wa kuchukua hatua, kwa hivyo usikivu wa mtazamaji unatoka kwenye kundi moja la habari hadi jingine.

Kanuni. #5. Tumia Ulinganuzi

Hakikisha una utofautishaji wa kutosha katika muundo wako.

Utofautishaji husaidia kupanga muundo wako na itaanzisha safu inayohitajika sana na kuweka mkazo kwenye kile ambacho ni muhimu.

Zaidi ya hayo, utumiaji mzuri wa utofautishaji pia huongeza kuvutia kwa macho katika muundo wako wote. Hebu tukabiliane nayo, mpangilio ambapo kila kitu kina ukubwa sawa, sura, au rangi itaonekana kuwa ya kuchosha. Tofautisha viungo.

Wazo lako la kwanza linaweza kuwa utofautishaji wa rangi, kama vile joto dhidi ya baridi, giza dhidi ya mwanga, bluu dhidi ya machungwa. Lakini ingawa rangi ni kanuni muhimu sana ya utofautishaji, pia kuna tofauti za aina, upatanishi na saizi. Na kumbuka, tofauti pia ni jamaa. Ina maana katika muunganisho na vipengele vingine.

Hii hapa ni baadhi ya mifano ya miundo inayotumia sheria hii kwa njia nzuri na nzuri. Angalia utofauti wa uchapaji, rangi, na hata utofautishaji wa ukubwa kati ya vipengele.

Chanzo: Mpango Kazi wa Upatanisho wa IAG

Kanuni #6. Marudio, Muundo, Mdundo

Tunapofikiria kurudia, tunafikiriya kipengele sawa tena na tena.

Lakini ni tofauti katika muundo. Ni dhahiri si kama boring kama hiyo. Inapotumiwa kwa usahihi, marudio yanaweza kuwezesha muundo wako.

Jaribu kutambua na kutumia tena motifu katika mpangilio wako wote ili maeneo mbalimbali yahisi kuunganishwa na sehemu ya utunzi sawa. Itasaidia muundo wako kuwa na mandhari. Kwa kurudia vipengele, hautoi tu kulingana na matarajio ya hadhira yako, lakini pia utaboresha matumizi ya mtumiaji. Kuwa thabiti huwafanya watumiaji kujisikia vizuri zaidi.

Unaweza kufanya hivi kwa kurudia maumbo au alama. Au hata mpangilio wa rangi, chapa, na mtindo uleule kwa ujumla.

Tabia nzuri ya kuingia ni kutumia chapa na familia kubwa. Punguza idadi tofauti ya ruwaza, uzani/mitindo ya mstari na rangi na urudie kote. Pia, jaribu kuweka mtindo wa picha na michoro sawa. Kwa mfano, tumia vielelezo vya msanii yuleyule.

Chanzo: Thepentool.co

Ni hivyo. Hizi ndizo kanuni sita ambazo zitakusaidia kupanga muundo wako na kufikia mpangilio safi, wa kitaalamu zaidi na uliosawazishwa.

Lakini safari yako haiishii hapa. Muundo wa picha sio sayansi halisi na haupaswi kuzuiwa kwa vidokezo na kanuni. Kama ilivyo katika maeneo yote ya uumbaji, hakuna kanuni ngumu ya kidole gumba. Kuvunja vidokezo hivi kwa njia za hila kutaongeza kina na aina mbalimbalimiundo yako.

Hata hivyo, ni sehemu nzuri ya kuanzia na tunakuhimiza ujaribu. Na utufahamishe jinsi walivyofanya kazi!

Pakua Vectornator ili Uanze

Chukua miundo yako kwenye kiwango kinachofuata.

Pakua faili kuhusu muundo wa nembo hapa. Lakini muundo wa nyenzo za kuchapisha, kama vile magazeti, majarida, mabango, na vifaa vyake vya kidijitali, pamoja na muundo wa wavuti, programu au UX/UI.

Neno ‘mpangilio’ hutupa vidokezo vingi. Inamaanisha mpangilio wa vipengee vilivyoamuliwa mapema kwenye ukurasa.

Mpangilio unapokuwa mzuri, unaonekana mzuri, na humuongoza mtazamaji kuelewa ujumbe ambao muundo unajaribu kuwasilisha. Kwa hivyo kuelewa mpangilio ni muhimu katika kuunda nyimbo zinazovutia, zinazofaa, zinazofaa mtumiaji na za kupendeza.

Angalia pia: Programu Bora za Uhuishaji za 2D za iPad

Ikiwa mpangilio haufikishi ujumbe wake vyema kwa hadhira, au kwa maneno mengine, "hausomi vizuri." ", muundo hautakuwa na ufanisi bila kujali jinsi unavyoonekana mtindo. Katika nyanja ya usanifu wa mpangilio, maudhui yanachukua nafasi ya mitindo na hila.

Madhumuni ya Muundo wa Muundo

Ili kuwasilisha ujumbe kwa haraka

Hili ndilo jambo muhimu. Muundo wa mpangilio huanzisha uhusiano kati ya vipengee vya mchoro ili kufikia mtiririko laini wa kusogea kwa macho kwa ufanisi na athari ya hali ya juu.

Ili kuunda usawa

Kutumia kanuni za muundo wa mpangilio ndiyo njia iliyonyooka zaidi ya kuunda. hali ya usawa na ulinganifu katika miradi yako ya usanifu bila kuchosha.

Ili kuunda mshikamano

Mpangilio hukusaidia kupanga vipengele vingi vya muundo wako kwa njia rahisi kumeng'enya, kushikamana, na kimantiki.

Ili kuunda urembo

Mizani na muundo asilia huunda urembo.Ikiwa muundo wako wa mpangilio umefanywa kwa usahihi, itakuwa moja kwa moja kuvutia mtazamaji. Kadiri watazamaji wanavyohitaji kuweka juhudi kidogo ili kuelewa ujumbe, ndivyo muundo wako utakavyoonekana kuvutia zaidi.

Msanifu na Frank Philippin kwa kitabu chake 'I Used to Be a Design Student: Then - Sasa.' Chanzo: DesignBoom

Vipengele vya Muundo wa Muundo

Maandishi

Hii inajumuisha sio tu muundo wa maandishi au aya, bali pia vichwa vya habari, vichwa vidogo, vichwa na vijachini. Chaguo lako la uchapaji, rangi na ukubwa litaleta athari tofauti kuhusu jinsi mpangilio wako utakavyotafsiri kwa hadhira yako.

Picha

Aina zinazojulikana zaidi za picha ni picha, vielelezo au infographics.

Angalia pia: Jinsi ya Kutumia Rangi za Mwaka za Pantone za 2021 katika Miundo Yako

Maumbo

Maumbo yanaweza kuwa ya kijiometri, ambayo ni ya angular sana, au yanaweza kuwa ya kikaboni, yakiiga ulimwengu asilia. Wanaweza pia kuwa abstract. Maumbo ya mukhtasari yamekuwa ya mtindo sana katika mwaka uliopita, kwani tumeona wabunifu wa wavuti wakiyajumuisha katika utunzi changamano na unaosambaa.

Maumbo yanaweza kuchukua nafasi ya picha. Au zinaweza kutumika kuongeza vipengee vya picha kwenye ukurasa, kuangazia maandishi, au kubainisha nafasi kati ya vipengele vingine vinavyoonekana.

Nafasi nyeupe

Muundo wowote wa mpangilio utakuwa na kiasi fulani cha nafasi nyeupe. ambayo itaruhusu vipengele vyako kupumua na kujidhihirisha vyenyewe.

Kanuni za Dhahabu za Ubunifu wa Muundo

Utagundua kuwa kanunimuundo wa mpangilio hufuata kanuni nyingi za msingi za muundo. Kama vile kutumia rangi kwa njia fulani, uchapaji, marudio, utofautishaji, daraja na usawa.

Kanuni #1. Tumia Gridi

Gridi huwasaidia wabunifu kuweka vipengele mbalimbali vya muundo kama vile maandishi na picha kwa njia inayoonekana kuunganishwa na rahisi kufuata.

Hutoa hali ya mpangilio, huzuia vipengele visishindane. , na muhimu zaidi, gridi pia zitarekebisha mpangilio wako. Kuifanya kazi yako kuwa safi na ya kitaalamu zaidi.

Chanzo: hgmlegal.com

Anatomia ya grids

Unaweza kudhani ni mistari wima na mlalo, lakini gridi ya taifa imeundwa na sehemu kadhaa. Wengi, kwa kweli. Hii ndio istilahi muhimu zaidi unayohitaji kujua katika gridi ya msingi:

• Umbizo ndilo eneo kamili la muundo wako wa mwisho. Kwa hivyo ukibuni kitu cha kuchapishwa, umbizo ni ukurasa, na kama wewe ni mbunifu wa wavuti, umbizo ni ukurasa wa wavuti au dirisha la kivinjari.
• Pembezoni ni nafasi tupu za kimakusudi kati ya umbizo na muundo.
• Miteremko ni mistari mlalo inayotenganisha mpangilio wako katika sehemu zinazolingana. Mitiririko husaidia katika usomaji wa muundo wako na kuelekeza msomaji kufuata yaliyomo kwa usahihi.
• Moduli ni vizuizi vinavyoundwa kwa mistari mlalo na wima.mtiririko wa gridi yoyote. Ikiwa unafikiri juu yake, wao ni vitalu vya ujenzi wa gridi yoyote. Sehemu zako zote za wima huunda safu wima zako, huku gridi zako zote za mlalo huunda safu mlalo zako.
• Maeneo ni makundi ya moduli zilizounganishwa, wima au mlalo. Hakuna sheria kuhusu jinsi ya kuamua kupanga haya.

Chanzo: Radversity

Aina za gridi

Mipangilio ya gridi ilitumiwa kwanza kupanga mwandiko kwenye karatasi.

Zilianzia mwanzoni mwa karne ya 13, wakati msanii Mfaransa Villard De aliunganisha mfumo wa gridi ya taifa na uwiano wa dhahabu ili kutoa mipangilio ya ukurasa iliyochapishwa na pambizo. Unaweza kuona mfumo huu wa gridi ya taifa hadi leo, kama idadi kubwa ya mipangilio ya vitabu na magazeti iliyochapishwa inavyothibitisha. Wachapishaji, wahariri na wabunifu wanapendelea kutumia gridi za kawaida si tu kwa sababu zinaonekana vizuri, lakini kwa sababu wasomaji wamekuja kutarajia vipengele fulani vya muundo kuwa mahali fulani.

Gridi zinaweza kuundwa kwa njia mbili: ulinganifu. au asymmetric. gridi za ulinganifu hufuata mstari wa katikati, ambapo maeneo wima na mlalo ni sawa; na safu wima zina upana sawa.

Katika gridi ya ulinganifu , kama jina linavyopendekeza, pambizo na safu wima zote hazifanani.

Kulingana na uainishaji huu kuna aina tano kuu za gridi za mpangilio zinazotumika ulimwenguni kote ambazo unaweza kutegemea:

Manuscriptgrids ndio aina ya gridi ya kawaida kwa hati. Zinatenganisha kichwa, kijachini, na pambizo, na kimsingi huunda mstatili ndani ya umbizo (au ukurasa) ambao hutoa mipaka kwa maandishi yako. Wao ndio msingi wa magazeti, magazeti na vitabu. Kwa hivyo pengine ni mpangilio unaoufahamu zaidi.

Chanzo: UXplanet

Chanzo: Radversity

gridi za safuwima 16> ni kipenzi kingine katika uchapishaji wa magazeti. Mpangilio wa kawaida wa jarida hutumia gridi za safu wima kutenganisha maandishi katika sehemu ambazo ni rahisi kusoma. Lakini ni maarufu sana kwa tovuti pia. Unaweza kutumia chochote kutoka gridi mbili hadi sita. Zaidi inawezekana, lakini sio kawaida. Jambo muhimu sana kuhusu gridi za safu ni kwamba nafasi kati ya nguzo, au mifereji ya maji, iko umbali sawa kutoka kwa kila nyingine.

Gridi za safu wima hutumiwa na magazeti, kwa mfano, huku gridi ya safu wima isiyolinganishwa ikipendelewa katika muundo wa wavuti. .

Chanzo: UX Planet

Chanzo: Radversity

gridi za moduli ni sawa na gridi ya safu wima, lakini pia huhesabu mtiririko wa mlalo. Aina hii ya gridi inahitajika inapobidi kupanga vipengele mbalimbali katika mpangilio wako na gridi za safu wima hazitoshi.

Gridi za moduli zina moduli za ukubwa sawa ambayo hurahisisha sana kuibua kanda zako za anga kwa njia tofauti.

Chanzo: UXSayari

Chanzo: Radversity

gridi za msingi ni nzuri kwa utunzi unaotegemea maandishi. Msingi ni mstari ambapo maandishi hukaa unapoandika, na inayoongoza ni nafasi kati ya misingi miwili. Je, unashangaa kichwa chako au vichwa vidogo vinapaswa kuwa na ukubwa gani?

Gridi za msingi ziko hapa kusaidia kuyapa maandishi yako mdundo unaotiririka.

Chanzo: UX Planet

Chanzo: Fragaria

gridi za viwango vya juu zinaonekana kidogo kama gridi kuliko zote wenzao. Walakini, ni muhimu sana wakati wa kupanga vipengee vya muundo kwa mpangilio wao wa umuhimu. Gridi za kihierarkia zinaweza kutegemea gridi za msimu, au unaweza hata kuunda yako mwenyewe. Tovuti hutumia gridi hii sana, hasa majarida na magazeti ya kidijitali huwa yanategemea zaidi gridi za daraja badala ya safu wima katika mabadiliko yao ya kuwa dijitali.

Chanzo: UX Plane

Kanuni #2. Tumia Nafasi Hasi

Mara nyingi tunafikiri kuwa utupu, ukimya, au ukosefu wa rangi ni jambo baya. Lakini hatuzingatii jinsi zilivyo msingi thabiti wa utofautishaji.

Pia huitwa nafasi nyeupe, nafasi hasi ni eneo hilo katika muundo wako ambalo halina vipengele vyovyote halisi. Ni eneo lililoachwa tupu. Haizingii mali zako tu, pia huunda vifungo muhimu kati yao. Kwa sababu hiyo, nafasi hasi ni kipengele sahihi cha kubuni na ina athari kubwa juu ya jinsi mpangilio wako unavyofaakubuni ni.

Nafasi nzuri dhidi ya mbaya hasi

Nafasi hasi itasaidia kutenganisha maeneo mbalimbali katika muundo wako, huku pia ikiruhusu mpangilio wako kupumua. Inasaidia kwa uongozi wa kuona na usawa wa kuona; inaweka mtazamo wa mtumiaji kwenye vipengele vya msingi; inapunguza kiwango cha kuvuruga; na hatimaye, inaongeza mtindo na umaridadi kwa muundo wako.

Wabunifu wasio na uzoefu wanaweza kuwa na tabia ya kujaza turubai zao nyingi iwezekanavyo, kwa kuongeza maandishi au kuvuma nembo, au picha. Lakini kutoa vipengele vyako chumba huruhusu mtazamaji kuchukua vidokezo vya habari fulani haraka na kwa raha zaidi.

Ikiwa kila kitu kinapiga kelele ili mtazamaji wako asikilize, hakuna kitu kinachosikika.

– Aaron Walter, 'Design for hisia'

Njia rahisi ya kubainisha nafasi yako hasi ni kwa kutumia gridi ya moduli. Kwa kuweka hilo juu ya muundo wako, basi unaweza kuona taswira kwa urahisi ni moduli zipi zinaweza kubaki tupu, na zipi zinapaswa kujazwa.

Msanifu na Brunswicker, Chanzo: Codesignmag.com

Kanuni #3. Chagua Eneo Moja la Kuzingatia

Je, mteja amewahi kukuuliza uongeze nembo? Na kisha kufanya kichwa cha habari kuwa kikubwa zaidi?

Huwezi kusisitiza kila kitu. Inashinda hatua ya kubuni nzuri. Kama vile wakati, umakini ni jamaa. Ili kipengele kimoja kitokee, kingine kinapaswa kutumika kama usuli. Baadhi ya vipengele vinahitaji kutawala vingine ili muundo wako uonekanedaraja la kuona.

Kiini katika muundo ni kipengele kimoja chenye uzito mkubwa wa kuona. Ni kipengele kinachovutia macho kwanza, zaidi ya kitu kingine chochote katika mpangilio wako.

Kituo kikuu kitatangaza kwa hadhira yako ambapo safari yao ya kutazama inaanzia kwenye muundo wako. Kwa hivyo ni mwanzo wa hadithi unayosimulia.

Hii inaweza kupatikana kwa kutumia picha kubwa au chanzo kikubwa cha uchapaji. Angalia jinsi kipengele kilicho hapa chini kinavyofaa

Iliyoundwa na Braulio Amado kwa ajili ya Wiki ya Biashara ya Bloomberg, Chanzo: Ni vyema

Lakini ingawa sehemu kuu itavuta hisia za hadhira yako katika, sheria inayofuata itasaidia kuiongoza.

Kanuni #4. Fikiria Ukaribu na Mtiririko

Kanuni ya ukaribu ni rahisi. Hakikisha kwamba vipengele vinavyohusiana vimewekwa pamoja.

Ukaribu wa karibu unaonyesha kuwa vipengee vinavyoonekana vimeunganishwa na kuwa kitengo kimoja cha kuona kinachosaidia kupanga mpangilio wako.

Kwa hivyo unganisha tu vipengee vya muundo vilivyo na uhusiano kati yao, na tumia mifuko ya maelezo kuhusu muundo wako ili kuongoza hadhira yako kwenye kipande cha maudhui muhimu ambayo wanahitaji kutumia. Hii pia inaitwa kanuni ya mtiririko.

Chanzo: Graphics za Satori

Muundo wenye mtiririko mzuri utaongoza macho ya watazamaji katika mpangilio wote, kutoka kipengele hadi kipengele, kwa urahisi. Pointi zako za kuzingatia zitavuta jicho na kuwa