Если нет времени изучать верстку и типографику

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

Близость
Группируй связанные элементы. Когда несколько разрозненных объектов расположены очень близко, они становятся визуально едины. Это сводит на нет беспорядок, улучшает структуру и пустое пространство — любимое понятие верстальщиков.

Как достичь
Сощурь глаза и подсчитай элементы на странице — столько раз твой глаз делает остановку. Если на странице больше 3-5 объектов (надо, конечно, учитывать объем информации), расположи связанные элементы ближе, делая их визуально едиными.

Чего избегать
Избегай большого числа отдельных элементов. Не размещай информацию по углам и в середине. Если группы объектов не имеют очевидной смысловой связи, не оставляй между ними одинаковое пустое пространство.
Избегай малейших недоразумений, возникающих при взаимном расположении заголовков, подзаголовков, рисунков. Элементы, близкие друг к другу — связаны. Не устанавливай связей между элементами, не имеющими друг к другу отношения. Если они не связаны, раздели их.

Выравнивание
Не располагай элементы произвольно — каждый должен иметь визуальную связь с другим. Это повышает аккуратность и привлекательность. Цель выравнивания — структуризация страницы. Результат похож на уборку детских игрушек в коробку.

Как достичь
Выбирай расположение элементов осоззнанно. Располагая на странице объект, всегда ищи какой-то другой, по отношению к которому его можно выровнять (даже если объекты физически удалены друг от друга).

Чего избегать
Избегай применять больше одного выравнивания текста на странице (например, не комбинируй центрированный текст с текстом, выключенным вправо).
Не нужно выравнивать по центру, если только осознанно не пытаешься создать формальную, спокойную (и часто скучную) картину. Центральное выравнивание нельзя применять на автомате.

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

Как достичь
Думай о повторении, как о средстве достижения единообразия. Поработай с уже существующими повторяющимися элементами — можно ли сделать какие-то из них частью осознанной графической верстки? Может, внизу каждой страницы или под заголовками 1 пунктовую линейку заменить на 4 пунктовую? Получится более четкое и контрастное повторение.
Какие новые элементы можно ввести? Нумерованный список объектов? Новый шрифт для списка? Отыщи существующие повторения и усиль их. Если видишь смысл, создай новые — они могут улучшить верстку и упростить восприятие информации.

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

Чего избегать
Чрезмерного повторения элемента — это вызывает раздражение или пресыщенность. Не забывай о значении контраста (см. следующуий пункт).Например, если бы женщина носила черное вечернее платье в сочета нии с красной шляпкой, красными серьгами, красной губной помадой, красной сумочкой, красными туфлями и красным пальто, то повторение вовсе не создало бы впечатляющий и унифицированный контраст. Он был бы кричащим, а фокус — смещенным.

Контраст
Избегай просто похожих элементов на странице. Если шрифт (цвет, кегль, толщина линии, форма, пространство и т. д.) не одинаковы, делай их очень разными. Контраст важен для визуальной привлекательности.

Основные цели
Первая цель — пробуждение интереса к странице: чем интереснее она смотрится, тем скорее ее прочитают. Вторая цель — структурирование. Читатель должен мгновенно видеть логические связи между объектами. Контрастные элементы помогают не путаться и концентрироваться только на том, к чему предполагалось привлечь внимание.

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

Чего избегать
Если хочешь создать контраст, делай его резким. Избегай контрастов между вроде бы толстой линией и линией, которая вроде бы толще. Избегай контраста между коричневым текстом и черными заголовками. Избегай использования нескольких всего лишь похожих шрифтов. Если объекты не одинаковы, сделай их разными.

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

Скажи
Увидев понравившуюся работу, потрать пару минут и скажи самому себе, что нравится. Остановись на  фрагментах, где видишь принципы близости, выравнивания, повторения и контраста. Запомни или запиши замеченные яркие и смелые приемы — крупный или, наоборот, мелкий шрифт, необычная обработка рисунка, интересное расположение пространства и т. д.

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

Профессиональные верстальщики все время «воруют» чужие идеи: в поисках вдохновения они постоянно оглядываются по сторонам. Если работаешь над экспресс информацией, найди ту, которая правда нравится, и воспользуйся ее компоновкой. Только за счет твоего собственного текста и графического материала, «их» информация превращается в новый продукт. То же самое можно сделать с понравившейся визиткой или обложкой. Когда приспосабливаешь их под свои цели, они меняются и становятся твоими. Так поступают все.

Поделиться
Отправить
Запинить
Популярное
x