Wat is een modulair raster. Hoe maak je een modulair raster te maken?

Modulair grid - dit is een speciaal sjabloon waarop het ontwerp van de site en de bouw. In feite is een systeem voor het presenteren van visuele informatie aan de bezoeker op basis van individuele units, genaamd modules. Website ontwikkeld met behulp van de sjabloon, is het veel gemakkelijker om te lezen en te navigeren.

Zoals mesh

Het modulaire systeem wordt gebruikt bij de ontwikkeling van boek ontwerp, visitekaartjes, merken, logo's en ga zo maar door. D. Zorg ervoor om het te gebruiken bij het maken van sites. Correct gemaakt mesh harmonieus regelt omgeving voor alle resource elementen - afbeeldingen en tekst. Met het gebruik ervan is veel gemakkelijker om ze allemaal te plaatsen op de pagina en maak duidelijke grenzen tussen hen. Aanbrengen van elementen op een bepaalde manier is het mogelijk elk van hen zichtbaar en tegelijkertijd met elkaar verbinden van alle informatie op de site te maken.

Vormen van modulaire roosters

De meest voorkomende modulaire netontwerp pagina's - dit zijn drie fundamentele cel kolom. In dit geval de kop en voet een breedte gelijk aan de grootte. Deze standaard optie wordt meestal gebruikt bij het maken van websites liefhebbers. Soms is de breedte van een cel wordt verhoogd door de breedte van de andere.

Oprichting van een tweede uitvoering van modulaire grids - ongewone - alleen door mensen die betrokken zijn in de professionele web design. In dit geval is slechts een precies bepaalde kolombreedte en de afstand tussen de afzonderlijke elementen. Modulair netontwerp verschillende nieuwsbronnen en online magazines worden meestal als volgt ontwikkeld:

1. Gemaakt voettekst. Er moet de naam van de site, het navigatiemenu, verschillende video worden geplaatst.
2. Pagina is verdeeld in drie kolommen. In dit geval, twee van hen hebben dezelfde afmetingen. De derde kolom is verdeeld in twee delen door een verticale lijn. Zo verkregen vier secties (nieuws, foto's, ruimte voor reclame, informatie over de laatste wijzigingen aan de site).

Modulaire grid voor de online winkels van verschillende afstudeerrichtingen iets anders gemaakt. In dit geval is het belangrijk om het gemak van navigatie bezoekers te verzekeren. Waarbij de gegroepeerde elementen standaard- en uniforme wijze. Voor elk van de objecten zich belangrijke informatie in een raster dat kenmerkend.

De lijn in de editor "Photoshop"

Sites die zijn gemaakt met behulp van raster of vector graphics editors. Mesh in hen om een zeer gebruiksvriendelijk te maken. Laten we eens zien hoe dit wordt gedaan in het populaire Photoshop. Maakt een modulair raster in "Photoshop" is zeer eenvoudig.

Om te werken aan de rand van het venster afbeelding balk verschijnt, moet u naar het hoofdmenu-item "View» (View) en klik op de 'lijn' lijn (Heersers). In deze editor kunt u een verscheidenheid van elementen te gebruiken - afgestudeerd in centimeters, millimeters, inches of pixels. Om de noodzakelijke aanpassing dient plaats te vinden in het hoofdmenu "Bewerken» (Edit) uit te voeren. Vervolgens selecteert u 'Settings »(Preferences) -«eenheden en linialen»(eenheden en linialen). Hierna verschijnt er een venster waarin u kunt het uiterlijk van de lijn te veranderen. In de top drop-down menu centimeter, millimeter, pixels enzovoort. D.

Echter, meestal bij het werken met "Photoshop" editor maakt gebruik van een iets andere, meer eenvoudige manier. Om de meeteenheden te veranderen moet gewoon op deze regel in de afbeelding, met de rechtermuisknop op het venster. Daarna is de pop-up menu, kunt u de gewenste actie uit te voeren. Meestal, als je een site met behulp van de grid in pixels te creëren.

Photoshop Grid

De zeer modulaire, "Photoshop" programma raster wordt getoond na het inschakelen van de optie "View" main menu - "Show» (Show) - «Raster» (Grid). Stap tussen de rasterlijnen worden geconfigureerd. Om dit te doen, voert u de opdracht "Edit" - "Instellingen" - "Guides, rasters, en fragmenten» (Guides, Grid, plakken). U kunt niet alleen een stap tussen de lijnen, maar hun kleur te veranderen. Met behulp van dit raster, snel en nauwkeurig op het werkveld geplaatst, worden alle objecten van de toekomstige locatie vrij eenvoudig zijn.

Werken met cursor

Modulair rooster site is gemaakt op een zodanige wijze is zeer eenvoudig. De cursor staat op de stokjes om de lijnen. Dit kan handig zijn in het geval je nodig hebt om accurate blokken, een bepaalde grootte te maken. Als deze functie is om welke reden dan overbodig zou zijn, kun je deze uitschakelen. Standaard wordt de startgrid in "Photoshop", gelegen in de linker bovenhoek van het venster. Desgewenst kan deze worden verplaatst naar een andere plaats waar het doek. Om dit te doen, plaatst u de cursor op het vak aan de oorsprong, en sleept u het gewoon door de muisknop ingedrukt te houden. Om terug te keren naar het beginpunt zou een plek om te klikken twee keer op hetzelfde plein in de hoek.

Daarnaast zijn er allerlei plug-ins voor "Photoshop" editor kunt u de website creatie met behulp van een modulair raster nog gemakkelijker. Download ze online. Met behulp van deze plug-ins kan samenwerken met vooraf ingestelde parameters maken.

Net CorelDraw

Laten we nu eens kijken hoe je een modulair raster in CorelDraw vector redacteur. Hier maakte ze ongeveer hetzelfde als in "Photoshop". Icoon wordt op het bovenpaneel (in een raster oog). Na het klikken op het zal mogelijk zijn om alle noodzakelijke instellingen uit te voeren. Toegestaan keuze van de afstand tussen de lijnen, verandering eenheid, enz. D. Scheidt het operatiegebied in het beeldvenster in CorelDraw en via geleidingen. Ze kunnen zichtbaar of onzichtbaar zonodig worden.

Modulair rooster in het ontwerp van de site - een fundamenteel element in de ontwikkeling van die moet worden benaderd met de grootst mogelijke verantwoordelijkheid. Immers, hoe goed het zal worden gestructureerd bron die afhankelijk is van het gemak van haar bezoekers, en dus de tijd besteed aan de pagina's.