Какво представлява модулната мрежа. Как да направите модулна мрежа?

Модулна мрежа - това е специален шаблон, според който е изграден дизайнът на обекта. Всъщност това е система за представяне на визуална информация на посетителя въз основа на отделни блокове, наречени модули. Сайт, разработен с помощта на такъв шаблон, е много по-удобен за възприятие и навигация.

Как се прилага мрежата

Модулна мрежа се използва при разработването на дизайни за книги, визитни картички, търговски марки, лога и др. Също така е задължително да се използва при създаването на уеб сайтове. Правилно направената мрежа хармонично съставя средата за всички елементи на ресурса - графиката и текста. С неговата употреба е много по-лесно да ги поставите на страницата и да създадете ясни граници между тях. Чрез поставянето на елементи по определен начин можете да направите всеки от тях забележим и в същото време да свържете цялата информация за самия сайт.

Видове модулни мрежи

Най-често срещаната модулна мрежа в дизайна на страниците е трите основни колони на клетката. В този случай заглавката и долната колона имат ширина, равна на размерите им. Тази стандартна опция обикновено се използва от аматьори при създаването на сайтове. Понякога ширината на една клетка се увеличава поради ширината на другата клетка.

Създаването на втори вариант на модулни мрежи - нестандартни - е възможно само за хора, които се занимават професионално с уеб дизайна. В този случай само точно ширината на колоните и разстоянието между отделните елементи се определят точно. Модулната мрежа в дизайна на различни видове новинарски ресурси и онлайн списания обикновено се развива, както следва:

1. Създаден е долен колонтитул. Тук трябва да намерите името на сайта, навигационното меню, различни видео материали.
2. Страницата е разделена на три колони. В този случай два от тях имат едни и същи размери. Третата колона е разделена на две части от вертикална линия. По този начин се получават четири секции (новини, фото галерия, място за реклама, най-новите промени в сайта).

Модулната мрежа за онлайн магазини с различна специализация е създадена малко по-различно. В този случай е много важно да се осигури удобството на навигацията към посетителите. В този случай елементите се групират по стандартен и унифициран начин. За всеки от обектите в мрежата се откроява важна информация, която го характеризира.

Владелец в редактора "Photoshop"

Сайтовете се създават с помощта на растер или вектор графични редактори. Мрежата в тях е много удобна за създаване. Помислете как се прави в популярния редактор на Photoshop. Създаването на модулна мрежа във Photoshop е много проста.

За да се появят владетели по периметъра на прозореца на изображението, отидете в главното меню "View" и кликнете върху линията "Rulers". В този редактор можете да използвате голямо разнообразие от елементи - с разделители в сантиметри, милиметри, инчове или пиксели. За да направите необходимата корекция, отидете в главното меню "Редактиране" (Редактиране). След това изберете реда "Предпочитания" ("UnitsRulers"). След това ще се появи прозорец, в който можете да промените външния вид на владетеля. В горното падащо меню изберете сантиметри, милиметри, пиксели и т.н.

Обикновено, когато работите в редактора "Photoshop", използвайте малко по-различен и по-прост метод. За да промените мерните единици, просто щракнете с десния бутон на мишката върху ръчката в прозореца на изображението. След това в менюто, което се показва, можете да изпълните желаното действие. Обикновено при създаването на сайт се използва решетка в пиксели.

Photoshop Grid

Много модулната мрежа на програмата "Photoshop" ще стане видима, след като отидете в главното меню "View" - "Show" - "Grid". Стъпката между линиите на мрежата може да се коригира. За да направите това, изпълнете командата "Редактиране" - "Настройки" - "Ръководства, решетки и резета" (Ръководства, Решетка, Резени). Тук можете да промените не само стъпката между линиите, но и техния цвят. Използвайки тази мрежа, бързо и точно поставете на работното поле всички обекти на бъдещия сайт ще бъдат напълно неусложнени.

Работа с курсора

Модулната мрежа на сайта е създадена по този начин много просто. Курсорът на работното място се придържа към линиите. Това може да бъде удобно, ако искате да направите блокове с точни, специфични размери. Ако по някаква причина тази функция не е необходима, можете да я изключите. По подразбиране произхода на решетката в "Photoshop" се намира в горния ляв ъгъл на прозореца. Ако желаете, можете да го преместите на всяко друго място на платното. За да направите това, преместете курсора до квадрата на произхода и просто го плъзнете, като задържите бутона на мишката. За да върнете отправната точка към местоположението, щракнете двукратно върху същия квадрат в ъгъла.

Между другото, има различни приставки за редактора "Photoshop", които правят създаването на сайт, използващ модулна мрежа, още по-удобен. Изтеглете ги онлайн. С използването на тези приставки можете да създавате решетки с посочените параметри.

Решетка в CorelDraw

Сега нека видим как да направим модулна мрежа във векторния редактор CorelDraw. Тук тя е създадена около същото като в Photoshop. Иконата му се намира на горния панел (окото в мрежата). След като кликнете върху него, можете да извършите всички необходими настройки. Можете да изберете разстоянието между линиите, да промените мерни единици и т.н. Разделете работното поле в прозореца на изображението в CorelDraw и използвайте ръководствата. Ако е необходимо, те могат да бъдат видими или невидими.

Модулната мрежа в дизайна на обекта е основен елемент, за който трябва да се подходи с максимална отговорност. В края на краищата, колко добре ще бъде структуриран ресурсът, удобството на посетителите му зависи, а оттам и времето, прекарано на техните страници.