Вёрстка макетов

Дизайн таблиц – интересное направление в информационном дизайне. Это кропотливая работа. В мире мало дизайнеров, которые умеют проектировать читаемые, удобные и лаконичные таблицы. На тему табличного дизайна написано много статей. Все они ограничиваются простыми советами: например, не делать таблицу в стиле «зебры». Этот материал выходит далеко за рамки стандартного подхода и посвящен действительно сложным таблицам, […]

Учимся собирать космические макеты.

Меня часто просят рассказать про сочетания шрифтов, а я никогда не хотел этого делать. И вот почему:

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

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

Наглядность — это такое свойство верстки, которое помогает пользователю вникнуть в суть, не читая текст или читая по минимуму. Взглянул — и всё ясно: о чем идет речь, что самое важное, в каком порядке смотреть, какой из этого вывод.

Недавно я опубликовал заметку под названием «Кириллица и латиница». Главная мысль такая: несовершенство кириллического алфавита не мешает хорошим дизайнерам делать хороший дизайн. Проблема плохой вёрстки обычно не в шрифте, а в умении им пользоваться. Чтобы это проверить, мы с ребятами устроили эксперимент и русифицировали восемь плакатов швейцарской школы. К каждой перевёрстке я написал небольшой комментарий: […]

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

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

В первоначальном значении приводность — это совпадение строк основного текста на лицевой и оборотной сторонах листа.

Превращая текст в макет, придерживайтесь такой последовательности:

Если посмотреть на поля как на форму (а не как на воздух), откроются удивительные вещи.

Верстать можно не только по сетке, но и по форме. Текст необязательно должен выстраиваться в модули и равняться по направляющим сетки. Сегодня — о трех способах избавиться от прямоугольника.

Прямоугольник — базовая фигура верстки. Тим Харроуэр в «Настольной книге газетного дизайнера» формулирует правило так: «Какой бы ни была форма текста (вертикальной, горизонтальной или квадратной), она всегда должна быть прямоугольной».

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

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

Памятка верстальщика вызвала большой резонанс, но, судя по комментариям в ЖЖ и на Awdee, мало кто понимает, почему всё именно так, как я нарисовал. Попробую объяснить на примерах. Сегодня речь пойдет о выключке по формату.

Игорь Штанг, автор курса «Типографика и вёрстка» опубликовал у себя в ЖЖ эту памятку. С любезного разрешения автора публикую памятку тут.