Unsa ang usa ka modular grid. Unsa nga paagi sa paghimo sa usa ka modular grid?

Modular grid - kini mao ang usa ka espesyal nga template nga ang disenyo sa site ug sa pagtukod. Sa pagkatinuod, ang usa ka sistema alang sa pagpresentar visual nga impormasyon ngadto sa mga bisita base sa tagsa-tagsa nga mga yunit, nga gitawag modules. Website naugmad sa paggamit sa mga template, kini mao ang mas sayon sa pagbasa ug sa paglawig.

Ingon sa gigamit sa mata sa baling

Ang modular grid gigamit sa pagpalambo sa libro nga plano, negosyo cards, marka sa pamatigayon, logo ug sa ingon sa. D. Siguroha sa paggamit niini sa diha nga pagmugna sa mga dapit. Sa husto nga paagi nga gihimo mata sa baling nga nagkauyon naghikay palibot alang sa tanan nga mga elemento resource - graphic ug teksto. Uban sa paggamit niini mao ang mas sayon sa pagbutang kanila sa tanan nga sa ibabaw sa mga panid ug sa paghimo sa tin-aw nga mga utlanan sa taliwala kanila. Ay nga mga elemento sa usa ka paagi, kini mao ang posible nga aron sa paghimo sa matag usa kanila makita ug sa samang panahon sa pagsumpay sa tingub ang tanang mga impormasyon sa sa site.

Matang sa modular grids

Ang labing komon nga modular grid disenyo mga panid - kini mao ang tulo ka mga nag-unang mga cell kolum. Sa kini nga kaso sa header ug footer nga adunay usa ka gilapdon nga sama sa ilang gidak-on. Kini nga sumbanan nga kapilian mao ang kasagaran nga gigamit sa diha nga ang pagmugna website hinigugma. Usahay ang gilapdon sa usa ka cell mao ang misaka sa sa gilapdon sa uban nga mga.

Paglalang sa usa ka ikaduha nga larawan sa modular grids - talagsaon nga - lamang sa mga tawo nga nalambigit sa propesyonal nga design web. Sa kini nga kaso, lamang sa usa ka tukma gihubit gilapdon sa haligi, ug ang mga gilay-on sa taliwala sa mga tagsa-tagsa nga mga elemento. Modular grid disenyo sa lain-laing matang sa mga tinubdan sa balita ug sa online magasin sagad naugmad nga ingon sa mosunod:

1. Gilalang footer. Adunay kinahanglan nga gibutang sa ngalan sa site, ang tabok-tabok menu, nagkalain-laing mga video.
2. Page nabahin ngadto sa tulo ka mga kolum. Sa kini nga kaso, ang duha ka kanila sa sama nga sukod. Ang ikatulo nga kolum gibahin sa duha ka bahin sa usa ka pinatindog nga linya. Busa, nakuha ang upat ka mga seksyon (mga balita, mga litrato, advertising nga luna, nga impormasyon sa miaging mga kausaban sa site).

Modular grid alang sa online tindahan sa nagkalain-laing mga espesyalisasyon gibuhat sa medyo lahi nga paagi. Sa kini nga kaso, kini mao ang importante aron sa pagsiguro sa kasayon sa tabok-tabok bisita. Diin ang grupo nga mga elemento mao ang mga sumbanan ug uniporme nga paagi. Kay sa matag usa sa mga butang nga importante nga impormasyon nagatindog sa sa usa ka grid nga magpaila kini.

Ang linya sa editor "Photoshop"

Dapit gibuhat sa paggamit sa Raster o vector graphics editor. Mata sa baling sa kanila sa paghimo sa usa ka kaayo nga user-friendly. Atong tan-awa ang kon sa unsang paagi kini nga gibuhat sa popular nga Photoshop. Nagmugna sa usa ka modular grid sa "Photoshop" mao ang kaayo mga walay-pagtagad.

Sa pagtrabaho sa perimeter sa bintana nga larawan makita bar, kamo kinahanglan nga moadto sa main menu item "View» (View) ug i-klik sa "linya" linya (Magmamando). Sa editor niini, nga imong mahimo sa paggamit sa usa ka lainlaing matang sa mga elemento - migraduwar sa sentimetro, millimeters, pulgada, o pixels. Aron sa pagtuman sa mga gikinahanglan nga kausaban kinahanglan nga pagkuha sa dapit sa main menu "Edit» (Edit). Sunod, pilia 'setting »(Preferences) -« Units & punoan »(Units & Magmamando). Human niini ang usa ka tamboanan, diin kamo makahimo sa pag-usab sa pagtan-aw sa mga linya. Sa ibabaw drop-sa menu pagpili sentimetro, millimeters, pixels ug sa ingon sa. D.

Apan, kasagaran sa diha nga nagtrabaho uban sa "Photoshop" editor gigamit sa usa ka gamay sa lain-laing, mas yano nga paagi. Sa pag-usab sa mga yunit sa pagsukod kinahanglan lamang i-klik sa niini nga linya sa larawan, sa tuo-click sa bintana. Human niana, ang pop-up menu, nga kamo mahimo sa pagbuhat sa gitinguha nga aksyon. Kasagaran, sa diha nga sa paghimo kaninyo nga usa ka site sa paggamit sa grid sa pixels.

Photoshop Grid

Ang kaayo nga modular, "Photoshop" nga programa grid mahimong makita human sa imong switch sa kapilian "View" main menu - "Show» (Ipakita) - «Grid» (Grid). Lakang sa taliwala sa mga linya grid mahimong gihulma, giporma. Sa pagbuhat niini, modagan sa sugo "Edit" - "setting" - "Guides, grids, ug mga tipik» (Guides, Grid, mga hiwa). Ikaw mahimo usab sa dili lamang sa usa ka lakang sa taliwala sa mga linya, apan ang ilang kolor. Pinaagi sa paggamit niini nga grid, sa madali ug sa tukma nga gibutang sa ibabaw sa pagbuhat uma, ang tanan nga mga butang sa site umaabot nga mahimong na sayon.

Sa pagtrabaho uban sa cursor

Modular grid site gibuhat sa ingon nga paagi mao ang kaayo mga walay-pagtagad. cursor Ang anaa sa mga sungkod ngadto sa mga linya. Kini mahimong mapuslanon sa kaso nga imong gikinahanglan aron sa paghimo sa tukmang mga bloke, usa ka gidak-on. Kon kini nga bahin mao ang alang sa bisan unsa nga rason nga wala kinahanglana, nga kamo mahimo naghimo og kakulangan niini. Pinaagi sa remate, sa pagsugod grid sa "Photoshop" nahimutang sa ibabaw nga wala nga suok sa bintana. Kon gitinguha, mahimo kini nga mausab ngadto sa bisan unsa sa ubang mga dapit sa canvas. Sa pagbuhat niini, ibutang ang cursor diha sa kahon sa sinugdanan, ug drag lamang kini pinaagi sa pagpugong sa button mouse. Sa pagbalik ngadto sa punto sa pagsugod kinahanglan nga usa ka dapit sa click sa makaduha sa sama nga square sa suok.

Dugang pa, adunay mga sa tanan nga mga matang sa sampong-ins alang sa "Photoshop" editor nagtugot kaninyo sa paghimo sa website sa paglalang sa paggamit sa usa ka modular grid bisan sa mas sayon. Download sila online. Pinaagi sa paggamit niini nga mga sampong-ins makamugna mata sa baling sa preset lantugi.

Net CorelDraw

Karon atong tan-awon kon sa unsang paagi aron sa paghimo sa usa ka modular grid sa CorelDraw vector editor. Ania siya gilalang ang mahitungod sa sama nga sama sa "Photoshop". Icon kini nahimutang sa ibabaw sa tumoy panel (sa usa ka grid sa mata). Human sa pagklik sa ibabaw niini mahimong posible nga sa pagbuhat sa tanan nga mga gikinahanglan nga mga kahimtang. Gitugotan pagpili sa gilay-on tali sa mga linya, sa usa ka pagbag-o nga yunit, ug sa ingon sa. D. Delimits sa operating kapatagan sa tamboanan nga larawan sa CorelDraw ug pinaagi sa giya. Sila mahimong gihimo makita o dili makita kon gikinahanglan.

Modular grid sa disenyo sa site - sa usa ka sukaranan nga elemento sa sa pagpalambo sa nga kinahanglan nga miduol uban ang labing dako nga responsibilidad. Human sa tanan, sa unsa nga paagi maayo kini nga estraktura nga kapanguhaan nga nag-agad sa sa kasayon sa iyang mga bisita, ug busa ang panahon nga gigahin sa mga pahina niini.