Ano ang isang modular grid. Paano gumawa ng isang modular grid?

Modular grid - ito ay isang espesyal na template na kung saan ang disenyo ng site at construction. Sa katunayan, ang isang sistema para sa pagtatanghal visual na impormasyon sa bisita batay sa mga indibidwal na yunit, na tinatawag na mga module. Website na binuo gamit ang template na ito, ito ay lubhang mas madaling basahin at mag-navigate.

Gaya ng pagkakagamit mesh

Ang Modular grid ay ginagamit sa pagbuo ng aklat na disenyo, business card, trademark, logo at iba pa. D. Maging sigurado na gamitin ito kapag lumilikha ng mga site. Maayos na ginawa mesh harmoniously nag-aayos na kapaligiran para sa lahat ng mga elemento na mapagkukunan - graphics at teksto. Sa paggamit nito ay lubhang mas madaling upang ilagay ang lahat ng ito sa pahina at lumikha ng malinaw na hangganan sa pagitan ng mga ito. Pag-aayos ng mga elemento sa isang tiyak na paraan, ito ay posible na gumawa ng bawat isa sa kanila na nakikita at sa parehong oras na mag-link nang sama-sama ng lahat ng impormasyon sa site.

Mga paraan ng modular grids

Ang pinaka-karaniwang modular disenyo grid mga pahina - ang mga ito ay tatlong pangunahing mga cell ng haligi. Sa kasong ito ang header at footer na magkaroon ng isang lapad katumbas ng kanilang laki. Ito karaniwang pagpipilian ay karaniwang ginagamit kapag lumilikha ng mga website ng mga mahilig. Minsan ang lapad ng isang cell ay nadagdagan ng ang lapad ng isa.

Paglikha ng isang segundo sagisag ng modular grids - hindi pangkaraniwang - lamang ng mga tao na kasangkot sa mga propesyonal na disenyo ng web. Sa kasong ito, lamang ng isang tiyak na tinukoy na lapad ng mga haligi at ang distansya sa pagitan ng mga indibidwal na mga elemento. Modular grid disenyo iba't ibang mga uri ng mga mapagkukunan ng balita at online magasin ay karaniwang binuo bilang mga sumusunod:

1. Nilikha footer. May ay dapat na ilagay ang pangalan ng site, ang mga navigation menu, iba't-ibang video.
2. Page ay nahahati sa tatlong hanay. Sa kasong ito, dalawa sa kanila ay may parehong sukat. Ang ikatlong haligi ay nahahati sa dalawang bahagi sa pamamagitan ng isang vertical linya. Kaya, nakuha apat na mga seksyon (mga balita, larawan, advertising space, impormasyon noong nakaraang mga pagbabago sa site).

Modular grid para sa mga online na tindahan ng iba't-ibang mga specializations nilikha medyo naiiba. Sa kasong ito, ito ay mahalaga upang matiyak kadalian ng pag-navigate sa mga bisita. Na pinagkakalooban ng naka-grupo ng mga elemento ay karaniwang at pare-parehong paraan. Para sa bawat isa sa mga bagay ng mahalagang impormasyon ay nakatayo out sa isang grid na characterizes ito.

Ang linya sa editor "Photoshop"

Mga site na nilikha gamit raster o vector graphics editor. Mesh sa mga ito upang lumikha ng isang napaka-user-friendly. Ipaalam sa amin makita kung paano ito ay tapos na sa sikat na Photoshop. Lumilikha ng isang modular grid in "Photoshop" ay napaka-simple.

Upang nagtatrabaho sa perimeter ng window ng larawan ay lilitaw bar, dapat kang pumunta sa main menu item na "View» (View) at i-click ang "line" na linya (Rulers). In na editor na ito, maaari kang gumamit ng iba't-ibang mga elemento - ay nagtapos sa sentimetro, millimeters, pulgada, o pixels. Upang isagawa ang mga kinakailangang pagsasaayos ay dapat na maganap sa pangunahing menu "I-edit» (I-edit). Susunod, piliin ang 'Mga Setting »(Mga Kagustuhan) -« Units & Rulers »(Units & Rulers). Pagkatapos nito ay lilitaw sa isang window, kung saan maaari mong baguhin ang hitsura ng linya. Sa tuktok na drop-down menu na piliin sentimetro, millimeters, pixels at iba pa. D.

Gayunman, karaniwan kapag nagtatrabaho sa "Photoshop" editor ay gumagamit ng isang bahagyang naiiba, mas simpleng paraan. Upang baguhin ang mga yunit ng pagsukat ay dapat i-click lamang ang linyang ito sa larawan, i-right click ang window. Pagkatapos nito, ang mga pop-up na menu, maaari mong isagawa ang nais na pagkilos. Karaniwan, kapag lumikha ka ng isang site gamit ang grid sa pixels.

Photoshop Grid

Ang napaka-modular, "Photoshop" program grid ay makikita pagkatapos mong lumipat sa opsyon na "View" main menu - "Show» (Show) - «Grid» (Grid). Hakbang sa pagitan ng mga linya ng grid ay maaaring naka-configure. Upang gawin ito, patakbuhin ang command na "I-edit" - "Mga Setting" - "Gabay, grids, at fragment» (Gabay, Grid, Hiwa). Maaari mong baguhin hindi lamang isang hakbang sa pagitan ng mga linya, ngunit ang kanilang mga kulay. Gamit ang grid, mabilis at tumpak ilagay sa working field, ang lahat ng mga bagay sa mga site sa hinaharap ay magiging ganap madali.

Paggawa gamit ang cursor

Modular grid site ay nilikha sa paraan ay napaka-simple. Ang cursor ay sa sticks sa mga linya. Ito ay maaaring maging kapaki-pakinabang kung sakaling kailangan mo upang gumawa ng tumpak na mga bloke, ang isang tiyak na laki. Kung ang tampok ay para sa anumang kadahilanan ay hindi kinakailangan, maaari mong hindi paganahin ito. Sa pamamagitan ng default, ang simula grid in "Photoshop" ay matatagpuan sa itaas na kaliwang sulok ng window. Kung ninanais, maaari itong inilipat sa anumang iba pang mga lugar ng canvas. Upang gawin ito, ilagay ang cursor sa kahon sa pinagmulan, at i-drag lamang ito sa pamamagitan ng pagpindot sa pindutan ng mouse. Upang bumalik sa panimulang punto ay dapat na isang lugar upang i-click nang dalawang beses sa parehong square sa sulok.

Sa karagdagan, may mga lahat ng uri ng mga plug-ins para sa "Photoshop" editor ay nagbibigay-daan sa iyo upang gumawa ng mga website ng paglikha gamit ang isang Modular grid mas maginhawa. I-download ang mga ito online. Ang paggamit ng mga plug-ins ay maaaring lumikha ng mesh na may mga preset na mga parameter.

net CorelDraw

Ngayon tingnan natin kung paano gumawa ng isang Modular grid sa CorelDraw vector editor. Narito siya ay nilikha tungkol sa parehong tulad ng sa "Photoshop". Icon ng ito ay matatagpuan sa itaas na panel (sa isang grid ng mata). Pagkatapos ng pag-click dito magiging posible upang maisagawa ang lahat ng kinakailangang mga setting. Pinayagan na seleksyon ng ang distansya sa pagitan ng mga linya, ang isang pagbabago ng yunit, at iba pa. D. delimits ang operating field sa window ng imahe sa CorelDraw at sa pamamagitan ng mga gabay. Maaari silang ginawa na nakikita o di-nakikita kung kinakailangan.

Modular grid sa disenyo ng site - isang pangunahing elemento sa pagbuo ng kung saan ay dapat na approached sa sukdulan responsibilidad. Pagkatapos ng lahat, kung gaano kahusay ito ay nakaayos na mapagkukunan na ay depende sa kaginhawahan ng mga bisita nito, at samakatuwid ay ibinigay ang oras na ginugol sa mga pahina nito.