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

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

Както се използва меша

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

Форми на модулни мрежи

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

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

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

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

Линията в редактора "Photoshop"

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

За да работи по периметъра на прозореца на изображението се появява лента, трябва да отидете в главното менюто "View» (Изглед) и кликнете на "линия" линия (Линии). В този редактор, можете да използвате най-различни елементи - завършва в сантиметри, милиметри, инча, или пиксела. За да се извърши необходимата корекция трябва да се проведе в главното меню "Edit» (Редактиране). След това изберете "Settings" (Настройки) - «Units & владетели» (Units & владетели). След това ще се появи прозорец, в който можете да промените външния вид на линията. В горния падащото меню изберете см, мм, пиксели и така нататък. Г.

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

Photoshop Grid

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

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

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

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

Net CorelDraw

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

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