🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру
Удобно листать не только прокруткой, но и клавишами‑стрелками:
Первая книга Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по типографике и вёрстке с акцентом на макетировании для экрана. Учебник предназначен для дизайнеров, редакторов и разработчиков.
К сожалению, из многочисленных книг о типографике и модульных сетках остаётся непонятно, как именно собрать выразительный макет с прочной конструкцией. В лучшем случае дизайнеру остаётся выуживать крупицы смысла и копировать удачные примеры.
«Типографика и вёрстка» последовательно отвечает на вопрос как. Автор вводит принципы модульности и якорных объектов, правило внутреннего и внешнего. Затем шаг за шагом наглядно объясняет, как добиться аккуратной и плотной вёрстки сайтов, сервисов и СМИ.
Основы 4
Базовые элементы 34
Модули 74
Страницы 115
Заключение 155
Первая книга Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по типографике и вёрстке с акцентом на макетировании для экрана. Учебник предназначен для дизайнеров, редакторов и разработчиков.
К сожалению, из многочисленных книг о типографике и модульных сетках остаётся непонятно, как именно собрать выразительный макет с прочной конструкцией. В лучшем случае дизайнеру остаётся выуживать крупицы смысла и копировать удачные примеры.
«Типографика и вёрстка» последовательно отвечает на вопрос как. Автор вводит принципы модульности и якорных объектов, правило внутреннего и внешнего. Затем шаг за шагом наглядно объясняет, как добиться аккуратной и плотной вёрстки сайтов, сервисов и СМИ.
Основы 4
Базовые элементы 34
Модули 74
Страницы 115
Заключение 155
Как свёрстано
Как воспринимается
При переносе в сплошном тексте разные слова ссылки могут оказаться в разных сторонах страницы, и тогда становится сложно определить, относятся ли они к одной или разным ссылкам.
Поэтому желательно сокращать длинные заголовки новостей, а при выделении частей текста не давать словам внутри ссылок переноситься на разные строки.
хорошо
Новости на Яндексе
Как свёрстано
Как воспринимается
При переносе в сплошном тексте разные слова ссылки могут оказаться в разных сторонах страницы, и тогда становится сложно определить, относятся ли они к одной или разным ссылкам.
Поэтому желательно сокращать длинные заголовки новостей, а при выделении частей текста не давать словам внутри ссылок переноситься на разные строки.
хорошо
Новости на Яндексе
плохо
хорошо
Как ко всем другим элементам, в отношении ссылок действует рекомендация «смешать комки».
Хорошо организованная вёрстка состоит из однородных блоков подобных элементов.
плохо
Как ко всем другим элементам, в отношении ссылок действует рекомендация «смешать комки».
хорошо
Хорошо организованная вёрстка состоит из однородных блоков подобных элементов.
Ссылки могут быть сгруппированы в строку — горизонтальное меню.
Минимально допустимое расстояние между соседними ссылками, как между элементами управления — примерно два пробела.
Вертикальный список тоже требует дополнительных отступов между ссылками. Отступы помогают отличить многострочные ссылки друг от друга и не промахнуться мышью или пальцем.
Ссылки могут быть сгруппированы в строку — горизонтальное меню.
Минимально допустимое расстояние между соседними ссылками, как между элементами управления — примерно два пробела.
Вертикальный список тоже требует дополнительных отступов между ссылками. Отступы помогают отличить многострочные ссылки друг от друга и не промахнуться мышью или пальцем.
Оксфорд‑тест по английскому языку
Подпись — базовый элемент вёрстки.
Подписи сопровождают другие элементы вёрстки — иллюстрации, элементы управления и даже гиперссылки. Подписи объясняют их назначение и содержание, служат мостиком к основному тексту.
Иллюстрация — самый заметный якорный объект. Иллюстрации с подписями можно изучать отдельно от текста. Но если иллюстрация заинтересовала читателя, то благодаря подписи читатель «нырнёт» и в основной текст.
Подпись — базовый элемент вёрстки.
Подписи сопровождают другие элементы вёрстки — иллюстрации, элементы управления и даже гиперссылки. Подписи объясняют их назначение и содержание, служат мостиком к основному тексту.
Иллюстрация — самый заметный якорный объект. Иллюстрации с подписями можно изучать отдельно от текста. Но если иллюстрация заинтересовала читателя, то благодаря подписи читатель «нырнёт» и в основной текст.
Оксфорд‑тест по английскому языку
Угадайте, на что смотрят
Иидзаса и Бондарев,
и выиграйте бесплатное
занятие!
Подписи интригуют и развлекают читателя
Иллюстрации без подписи — бессмысленные декорации
Подпись необязательна, если иллюстрация понятна без объяснений, стоит рядом с заголовком или описанием в основном тексте.
Нумерованные иллюстрации и отдельные подписи неудобно искать.
Армин Хофманн. Руководство по графическому дизайну: принципы и практика, 2001
Читатель не должен искать и расшифровывать подписи. Нельзя оправдать разделение иллюстраций и подписей, введение легенды и кодированных обозначений ради графической чистоты.
Угадайте, на что смотрят
Иидзаса и Бондарев,
и выиграйте бесплатное
занятие!
Подписи интригуют и развлекают читателя
Иллюстрации без подписи — бессмысленные декорации
Подпись необязательна, если иллюстрация понятна без объяснений, стоит рядом с заголовком или описанием в основном тексте.
Нумерованные иллюстрации и отдельные подписи неудобно искать.
Армин Хофманн. Руководство по графическому дизайну: принципы и практика, 2001
Читатель не должен искать и расшифровывать подписи. Нельзя оправдать разделение иллюстраций и подписей, введение легенды и кодированных обозначений ради графической чистоты.
Горбунов Артём Сергеевич
Типографика и вёрстка
Aвтор и арт‑директор Артём Горбунов
Дизайнер Александр Кан
Фотограф Владимир Колпаков
Каллиграф Анна Данилова
Метранпаж и соавтор тестов
Сергей Фролов
Разработчики Рустам Кулматов,
Василий Половнёв
и Андрей Ерес
Книга набрана шрифтами
«Бюросериф» и «Бюросанс»
Дизайн‑бюро Артёма Горбунова
дом 36, строение 2
Москва, Россия, 127015
Горбунов Артём Сергеевич
Типографика и вёрстка
Aвтор и арт‑директор Артём Горбунов
Дизайнер Александр Кан
Фотограф Владимир Колпаков
Каллиграф Анна Данилова
Метранпаж и соавтор тестов
Сергей Фролов
Разработчики Рустам Кулматов,
Василий Половнёв
и Андрей Ерес
Книга набрана шрифтами
«Бюросериф» и «Бюросанс»
Дизайн‑бюро Артёма Горбунова
дом 36, строение 2
Москва, Россия, 127015