Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатика
ИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханика
ОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторика
СоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансы
ХимияЧерчениеЭкологияЭкономикаЭлектроника

Пример 1. Свободное пространство и модульная сетка

Читайте также:
  1. A, Б - органические анионы (OA-, в качестве примера на рисунке продемонстрирована PAH-) и
  2. Example of Jumping / Пример сверхсветового прыжка
  3. Gt;Приведите примеры
  4. II Примерная тематика ознакомительной практики
  5. II. ПРИМЕРНЫЙ ПЕРЕЧЕНЬ ДОЛЖНОСТНЫХ ЛИЦ ПУБЛИЧНЫХ МЕЖДУНАРОДНЫХ ОРГАНИЗАЦИЙ
  6. III. Примеры предпринимательской деятельности можно встретить даже в сказках.
  7. V. Конкретные примеры миграции животных

Свободное пространство и модульная сетка

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

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

Основная стратегия композиции Вашего дизайна должна начаться с разметки. Если Вы не хотите, чтобы Ваша работа выглядела хаотично, то Вам нужно систематизировать всю визуальную информацию.
Здесь нам на помощь приходит модульная сетка или, говоря иначе, разметка для расположения элементов на странице. В вебдизайне роль модульной сетки выполняет таблица <table>.

Вот несколько примеров модульных сеток.
Обратите внимание, насколько разнообразными и уникальными они могут быть.

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

Пример 1


Дата добавления: 2015-08-18; просмотров: 60 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Свободное падение тел| Пример 3

mybiblioteka.su - 2015-2024 год. (0.006 сек.)