Modular Design: The Complete Primer fyrir byrjendur

 Modular Design: The Complete Primer fyrir byrjendur

John Morrison

Modular Design: The Complete Primer fyrir byrjendur

Það er mikið af kubba- og kortastílshönnun þarna úti núna. Fyrir hönnuði eru þeir bæði töff og hagnýtir. Útlitið er straumlínulagað og einfalt og hvað varðar vefsíðuhönnun, virkar það frábærlega í móttækilegum ramma.

Rótin að þessari hönnunarþróun er mát hönnun. Og burtséð frá því hvað þér finnst, það er ekki nýtt. Modular hönnun á sér djúpar rætur í hönnunarkenningum og hefur verið notað af fjölda hönnuða í langan tíma. Í dag erum við að kafa ofan í bakgrunninn, og hagnýt forrit, einingahönnunar!

Sjá einnig: 80+ bestu Instagram síurnar fyrir Photoshop 2023

Kannaðu stafrænar eignir

Hvað er máthönnun?

Modular hönnun er tækni þar sem allt er byggt með blokkamynstri. Hver og einn þáttur hönnunarinnar passar inn í einingarnar í rétthyrndum mynstrum.

Modular hönnun hefur verið til í langan tíma. Það var vinsælt á ýmsum stigum af dagblaðahönnuðum þegar þeir bjuggu til einingar fyrir íhluti hverrar sögu í útgáfu dagsins af blaðinu. En einingar eru vinsælar fyrir aðra hönnunarstíla líka, vegna þess að notkun á sérstakri töflu er góð leið til að skipuleggja og stjórna efni.

Einingatöflurnar eru sérstaklega gagnlegar fyrir verkefni þar sem nóg er af efni eða fullt af efni sem gæti verið ótengt á andlitinu en birtist í hönnun saman (þess vegna var stíllinn svo vinsæll í dagblöðummeð svo mörgum óskyldum hlutum á stórum striga).

Í vefsíðuhönnunarlandslagi er mátahönnun vinsæll valkostur vegna sveigjanlegs eðlis mátkerfisins. Auðvelt getur verið að vinna með einingahugtök þegar hannað er fyrir móttækilega ramma og sniðið í grid-stíl virkar sérstaklega vel með sumum öðrum straumum eins og spilum og naumhyggju.

Modular hönnun tekur nokkra hugsun á framhlið verkefna en er í raun bara rist-undirstaða hönnunarkerfi sem virkar eins og hvert annað rist. Það virkar fyrir hvers kyns verkefni eða stíl. Og það mun hjálpa þér að hanna með skipulagi og sátt.

Rætur á öðrum sviðum

Modular hönnun er ekki hugtak sem er aðeins fyrir grafíska hönnuði. Allt frá arkitektúr til innanhússhönnunar til þess hvernig tölvur eða jafnvel bílar eru smíðaðir getur verið mát í eðli sínu. (Og einhver þessara staða getur verið góður staður til að leita að innblástur í grafískri hönnun.)

Á öðrum sviðum er skilgreiningin á einingahönnun aðeins víðtækari en er samt hægt að beita í grafískri hönnunarfræði. Modular hönnun felur í sér þætti sem passa saman eins og blokkir sjónrænt, eins og skálar á skrifstofu eða múrsteinsvegg utan á byggingu. Einingahannaðar þættir eru einnig gerðir til að vera skiptanlegir, svo sem hlutar sem þú getur notað í einni eða annarri tölvu eða ákveðna tegund af rafhlöðu bíla sem virkar í mörgum bifreiðum. Í líkamleguæfðu, mátahönnun fær fólk oft til að hugsa um hönnun í Lego-blokkastíl þar sem hægt er að smella hlutum saman eða í sundur.

Modular in Print Design

Modular hönnun fyrir prentun verkefnin byrja með ristinni. Ristið og meðfylgjandi einingarnar í ristinni ráða hverju hönnunarvali sem þú velur. Taflan hjálpar þér að ákvarða hvar þú átt að staðsetja þætti, bil og hvernig á að samræma texta.

Sem betur fer er notkun þessa tafla ekki nærri eins takmarkandi og þú gætir ímyndað þér. Vegna þess að þú getur teiknað innan hnitanetslínanna í hvaða fjölda mynstra eða samsetninga sem er, eru raunverulegir möguleikar nánast takmarkalausir.

Þessi tegund af rist er hægt að setja upp í nánast hvaða tegund af grafískri hönnunarhugbúnaði sem þú vilt. til notkunar og samanstendur af láréttum og lóðréttum ristlínum og rennum (bilstýringar). Þegar ristið er komið á strigann ætti það að líta út eins og röð af „kubbum“ – þó þeir þurfi ekki að vera ferkantaðir – og mjóir kubbar (sem eru ræsi, eða opið rými, leiðsögumenn).

Sjá einnig: 40+ bestu InDesign sniðmát 2023 (fyrir bæklinga, flyers, bækur og fleira)

Hvernig það virkar er einfalt. Sérhver hluti af innihaldi býr innan kubbanna og það verður að vera þakrennslisbreidd á bili á milli þátta. Þú getur blandað saman kubba af mismunandi stærðum og gerðum en allt er áfram í samræmdu hönnunarmynstri með láréttu og lóðréttu flæði.

Hér er að skoða nokkrar af mynda-myndasamsetningum til að gefa þér hugmynd um hvernig ristblokkirnar virkasaman:

Modular in Web Design

Það fyrsta sem þú munt lenda í þegar þú talar um mát hönnun fyrir vefsíður er mótstaðan að það sé leiðinlegt. Þú getur komist yfir það núna. Hvaða hönnun sem er getur verið leiðinleg eða áhugaverð, en rist eitt og sér mun ekki ákvarða það.

Modular er vinsæll vefsíðuhönnunarmöguleiki núna vegna þess að hann fellur í takt við aðra frekar töff þætti. Hönnuðir ýttu því aftur inn í samtalið aftur með flatri hönnun og stöflun fullt af lituðum kubbum sem hönnunarmynstur, Windows notaði mátviðmót fyrir „Metro“ hönnun Windows.

En það er líka frábært tæki til að búa til fullt af öðrum gerðum vefsíðna. Rétt eins og með mát prenthönnun, á hugmyndin rætur í lóðréttu og láréttu rist á striga. Þar sem það er öðruvísi er í flettu og fyrir brotpunkta fyrir mismunandi skjáupplausnir. (Þú getur unnið CSS töfra þína hér og við munum einbeita okkur eingöngu að sjónræna þættinum.)

Þegar kemur að mát hönnun fyrir vefsíður, það sem við hugsum fyrst um er næstum WYSIWYG stíll fyrir hönnun, svipað og það sem þú finnur oft með úrvals vefsíðuþemum. Forsmíðaðir kubbar koma sem þegar passa saman – líkt og hugmyndin frá því að smíða bíla og tölvur – þannig að hver kubb passar inn í heildarramma og þú þarft ekki einu sinni að hugsa um einingastöðu hönnunarinnar.

Það er auðvelda leiðin tilmát.

Það er líka valkosturinn Gerðu það sjálfur. Modular vefsíðunet hafa tilhneigingu til að hafa stærri blokkir en prentnet og brjóta skjáinn í meltanlega bita. Auðveldasta leiðin til að hugsa um það er í tveggja dálka sniði sem skiptir skjánum í tvennt lóðrétt (með þakrennu). Lárétt skipting er oft dýpt flettu, sem er sérstaklega vinsæll valkostur þegar unnið er með hreyfimyndir með hliðrun.

Ein besta einfalda (og sjónræna) skilgreiningin á því hvernig mát hönnun fyrir vefsíður virkar kemur frá Christopher Butler of Newfangled:

10 Modular Design Resources

Nú þegar þú ert tilbúinn að hefja fyrsta mát hönnunarverkefnið þitt, eru hér nokkur fleiri úrræði til að hjálpa þér á leiðinni.

  1. Modular Grid Pattern: Modular rist sem þú getur sérsniðið og hlaðið niður.
  2. “Modular vs. Non-Modular Design: The Conversation Continues“ eftir Mario Garcia
  3. Architizer's All Mod Everything: Dæmi til innblásturs
  4. “Making Modular Layout Systems“ eftir Jason Santa Maria
  5. Bók um rist og útlit: "Layout Essentials: 100 Design Principles for Using Grids"
  6. Grids and Experimental Typography (niðurhalanlegt PDF)
  7. Complex modular grid eftir Karl Gerstner: Ef þú vilt virkilega hafa hugann þinn um leiðir til að hugsa og þróa mátnet
  8. Griddle: CSS fyrir fljótandi og mátkerfi fyrir nútíma vafra
  9. Hvernigað búa til einingatöflu í Adobe Illustrator
  10. Modular þemu frá ThemeForest

Niðurstaða

Ekki láta stóru hugmyndirnar á bak við einingaútlínur hræða þig. Að byrja með mát hönnun er alveg eins og að nota hvert annað rist eða ramma. Teiknaðu það upp, þróaðu áætlun og byrjaðu að hanna.

Ávinningurinn af einingahönnun er skýrt rými og skipulag, rist sem virkar í nánast hvaða stíl sem er og auðvelt í notkun fyrir stafræn verkefni. Það er stöðugt að verða vinsælli valkostur allan tímann af ástæðu. Það virkar. Farðu nú út og reyndu fyrir þér verkefni með máta stíl.

Myndheimildir: Louise Cohen og Nils Mengedoht .

John Morrison

John Morrison er vanur hönnuður og afkastamikill rithöfundur með margra ára reynslu í hönnunariðnaðinum. Með ástríðu fyrir að deila þekkingu og læra af öðrum hefur John skapað sér orðspor sem einn af fremstu hönnunarbloggurum í bransanum. Hann eyðir dögum sínum í að rannsaka, gera tilraunir og skrifa um nýjustu hönnunarstrauma, tækni og verkfæri, með það að markmiði að hvetja og fræða aðra hönnuði. Þegar hann er ekki týndur í heimi hönnunarinnar nýtur John þess að ganga, lesa og eyða tíma með fjölskyldu sinni.