Бесплатно

получи Анализ спроса на свой товар/услугу в интернете

Оставить заявку

Зачем нужна модульная сетка

Зачем нужна модульная сетка Модульная сетка — это универсальный инструмент проектирования. Архитекторы используют их для составления планов строительства, разбивки территорий или украшения плоских поверхностей. Печатники пользуются сетками для проектирования шрифта и верстки печатной страницы. Веб-дизайнеры с помощью сеток рисуют гармоничный дизайн сайтов.

Что такое модуль и модульная сетка



Модуль — это прямоугольник с заданной высотой и шириной, который лежит в основе композиции. С помощью модулей строится сетка — вертикальные и горизонтальные линии, разделяющие пространство на прямоугольники.

Первые упоминания



Делить пространство на модули уже умели в древнем Египте. Египтяне использовали сетку, чтобы правильно высчитывать пропорции человека и рисовать его. Их сетка состояла из 18 квадратов: щиколотка всегда находилась на уровне 1 горизонтали, колено — на 6, бедра — на 10, грудь — на 13, плечо — на 14, ключица — на 15, подбородок — на 16.



Главный проектировщик Акрополя Фидий и архитектор Парфенона Иктин при строительстве храма использовали пропорции «золотого сечения». Прямоугольник с пропорциями «золотого сечения» отсекается квадратом из другого прямоугольника с «золотым сечением». И так до бесконечности:



Храм Парфенон Афинского акрополя

В эпоху возрождения художники искали законы красоты и использовали различные пропорции для рисования своих картин.

Используя принцип золотого сечения Да Винчи создал рисунок витрувианского человека, в котором были рассчитаны пропорции мужского человеческого тела.



Немецкий живописец и график Альбрехт Дюрер использовал собственную сетку для построения человеческого тела. Он даже написал об этом «Четыре книги о пропорциях».



Иллюстрация из книги «Трактаты» Дюрера.

Модульные сетки в книгах. Швейцарская типографика.



В XX веке Немецкий типограф Ян Чихольд в «Облике книги» рассказал о продуманных пропорциях страницы, полосе набора, правилах наборах текста и верстке иллюстраций.



Пропорция страницы по золотому сечению. Ян Чихолд. Облик книги

Типографы из швейцарии придумали делить страницу на невидимые прямоугольники — изобрели модульную сетку:



Вариации макетов по модульной сетке из 24 ячеек Йозеф Мюллер-Брокман. Модульные системы в графическом дизайне

Во второй половине 1940-х годов вышли первые печатные издания, созданные с помощью модульной сетки. Последователи швейцарской типографики загоняли заголовки, колонки текста и иллюстрации в одинаковые прямоугольники без разбора



Модульные сетки в сайтах



Страница в книге и страница в интернете очень похожи. Поэтому принцип модульности стали применять в веб-дизайне. Наибольшую популярность этот способ получил, когда разрешение экранов достигло пропорций 1024*768.

Для создания дизайна придумали сетку 960 пикселей. С её помощью экран делят на 12 колонок шириной в 20 пикселей и расстоянием между ними в 10 пикселей.



Появление такой сетки привело к шаблонизации решений для сайтов. Появились платформы по продаже дизайна, на которых можно было купить макет, поменять логотип и получить готовый сайт. Это ускорило процесс разработки сайтов, но многие сайты стали терять индивидуальность.

Когда использовать модульные сетки



Как правило, страница, для которой предусмотрена сетка, выглядит более цельной. Благодаря сетке разные страницы одного сайта или электронного издания выглядят единообразно. Поэтому ею полезно пользоваться при создании больших сайтов типа интернет-магазина или новостного портала.



Однако, страница без сетки может выглядеть вполне прилично. Части страницы могут дробиться каждая по-своему, и при этом соблюдать принцип модульности. Такой подход очень удобен при создании сайтов одностраничников, т.к. количество информации в каждом блоке бывает разным и не всегда четным.



Когда веб-дизайнеры узнают о модульных сетках, то начинают всё загонять в их рамки, иногда бездумно. Например, пытаются вписать меню в сетку. Это приводит к тому, что пункты меню стоят слишком близко или слишком далеко друг от друга. Пользователю трудно считать такую информацию.



Чтобы сетка не навредила сайту, нужно начинать рисовать дизайн без неё. Когда основные детали будут проработаны, можно наложить сетку. Однако, если подгонка смешает в кашу всё содержимое, смело отказывайтесь от этой идеи и следуйте первоначальному дизайну.
Наталья Наталья

21 февраля 2017, 07:41  |  Просмотров: 663

Яндекс Аудитория

На сколько эффективна для вашего бизнеса?

Оставьте заявку и наш менеджер сформирует для Вас
персональный план продвижения

Ваш персональный подарок

Комплексная настройка

Яндекс Метрики

* предложение действует для клиентов,
которые оставили заявку

ТАРИФ «Попробовать»

Оставьте свои контактные данные и наш менеджер свяжется с вами в ближайшее время

Ваш персональный подарок

Комплексная настройка

Яндекс Метрики

* предложение действует для клиентов,
которые оставили заявку

ТАРИФ «Разумный выбор»

Оставьте свои контактные данные и наш менеджер свяжется с вами в ближайшее время

Ваш персональный подарок

Комплексная настройка

Яндекс Метрики

* предложение действует для клиентов,
которые оставили заявку

ТАРИФ «Квантовый скачок»

Оставьте свои контактные данные и наш менеджер свяжется с вами в ближайшее время

Закажите обратный звонок

И мы свяжемся с вами в ближайшее время

Закажите обратный звонок

И мы свяжемся с вами в ближайшее время

Подарок уже ждёт Вас

Оставьте заявку, и мы свяжемся с вами в ближайшее время

Закажите обратный звонок

И мы свяжемся с вами в ближайшее время

Отправьте заявку

Наш менеджер свяжется с Вами в ближайшее время для уточнения данных

Отправьте заявку

Чтобы получить настройку контекстной рекламы со скидкой

Отправьте заявку

Чтобы получить SEO-продвижение в подарок

Отправьте заявку

Чтобы воспользоваться предложением

Отправьте заявку

Чтобы забронировать скидку 50%

Отправьте заявку

Чтобы получать много клиентов
из Яндекс и Google

Отправьте заявку

Чтобы получить 1 месяц SEO за 1 рубль

Отправьте заявку

Чтобы получить прайс-лист 2017
на все услуги

Понравился сайт ?

Сделаем для вас такой же или ещё лучше со скидкой

5000

Зафиксируйте скидку или она сгорит

Ваши деньги в опасности!

Ежедневно к нам приходят 10-ки клиентов, которые неправильно подбирают
инструменты продвижения и теряют деньги!

Интернет-маркетолог от Starta

Мы сформируем для вашего бизнеса индивидуальную воронку лидогенирации. Вы получите готовый набор инструментов, который будет соответствовать форумле min затраты = max эффективность