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