Немного теории о модульной сетке при проектировании сайта

Взято с блога Вебмозга, долго лопатила все его записи, чтобы найти нужную http://webmozg.ru/uroki-dizajna/uroki-dizajna-praktika-proektirovanie-sajta

  1. 1) Учитывая, что сейчас самое распространенное разрешение монитора: 1024 x 768, за отправную точку при разработке сайтов были принята ширина 960 пикселей, что бы исключить горизонтальную прокрутку сайта
  2. 2) Почему 960? Такая ширина макета легко делится на 2, 3, 4, 5, 6, 8, 10, 12, 15, 16 , 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 и 480
  3. 3) В приведенных макета модульная сетка имеет 12 колонок, что используется чаще всего и позволяет делать аккуратные и логичные по структуре сайты
  4. 4) Не смотря на свою простоту, модульная сетка даёт огромные возможности по проектированию сайтов при этом, позволяя аккуратно и четко расположить элементы сайта
  5. Без использования сетки ваш сайт развалится, сетка помогает сохранить структуру

Когда вы научитесь «чувствовать» модульную сетку, ваши сайты будут прекрасны, лаконичны.

Для изучения экземпляров модульной сетки и вариантов применения, проследуйте сюда:http://960.gs, там возле каждого макета есть кнопка «SHOW GRID», кликаем и смотрим. Там же вверху слева есть ссылка Download в архиве лежат готовые шаблоны модульных сеток, в том числе и для фотошопа.


Понравилась моя запись?
Кликни по рекламному баннеру на этом сайте. Тебе бесплатно и не сложно, а мне - честный заработок блогом и приятное дополнение к энтузиазму на чашку кофе :-)