Троечка ссылок — 48

1. Для тех, кто ищет бесплатные шрифты с хорошей кириллицей. Команда Тайп-тудей проанализировала гарнитуры на Гугл-фонтс и вынесла вердикт по каждой: геометрические, гуманистические и неогротески.

2. Специалист по визуализации данных Сюзи Лу переверстала кассовый чек продуктового магазина.

3. Слава Шестопалов объяснил, что такое барочная архитектура.

Фрагмент вебинара — 12: панно из картинок

Переделываю обложку журнала:
— группирую текст с текстом и картинки с картинками
— ставлю подписи на иллюстрации
— варьирую форму и цвет иллюстраций
— добавляю номера страниц

Группа мастер-класса: vk.com/pereverstka_online

Библиотека приемов

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

Например, я знаю много способов поставить заголовок. Вот схема с курса «Типографика и верстка». Здесь не все приемы, а только самые ходовые:




Таких «полочек» в моей библиотеке целая гора: как поставить подпись, что делать с плохой иллюстрацией, какие бывают маркеры в списках и т. д.

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

Другой вопрос: как такую библиотеку собрать? Обычно со временем она формируется сама собой, но можно заниматься этим и целенаправленно. В папку Interiors I love я кидаю (пока бессистемно) примеры решений, которые могут пригодиться. Там уже наметилось много «полочек».

Например, с чем сочетается кухня светлого дерева:





Или как развешать полки вокруг дверного проема:

Белая башня

Две недели назад попал на экскурсию по району Уралмаш в Екатеринбурге. Ведет ее Никита Демидов, промышленный дизайнер, житель Уралмаша и когда-то студент моего курса. Весь Уралмаш показывать не буду, чтобы не палить экскурсию, покажу только конечную точку нашего маршрута — Белую башню. Водонапорная башня была построена в 1929–1931 годах по проекту архитектора Моисея Рейшера. Сейчас ее называют Джокондой конструктивизма.



Collapse )

Фрагмент вебинара — 11: переверстка за полторы минуты

Еще один банер с красным диваном:
— меняю правую выключку на левую
— разбираю колонку на две группы
— «набираю» текст проще

Следующая «Большая переверстка» пройдет с 8 по 27 марта: vk.com/pereverstka_online

Фрагмент вебинара — 10: иллюстрация сложной формы

Переделываю рекламный банер:
— закрываю пустой угол
— обрезаю лишний воздух по краям
— упираю иллюстрацию в поля
— избавляюсь от второго заголовка
— формирую текстовый модуль

Следующая «Большая переверстка» пройдет с 8 по 27 марта: vk.com/pereverstka_online


Фрагмент вебинара — 9: рифма текста и картинка

Переделываю книжную обложку чужими руками:
— оставляю два кегля вместо трех
— выравниваю надписи по горизонтали
— подгоняю интерлиньяж и трекинг
— рифмую текст с картинкой

«Большая переверстка» в марте

Следующая «Большая переверстка» пройдет с 8 по 27 марта. Велкам: vk.com/pereverstka_online

У мастер-класса новый фирстиль и новые афиши. Теперь их генерирует робот, а я только нажимаю на кнопку Randomize :–) Скоро расскажу подробнее.

Генератор адресных табличек Челябинска

В 2019 году мы с Ильей Бирманом разработали стандарт адресной навигации Челябинска, а несколько дней назад Илья опубликовал программу-генератор. Теперь каждый челябинец может самостоятельно сделать и установить на своем доме нашу суровую табличку. Выбираете тип указателя, забиваете текст и скачиваете ПДФ. Показываю на примере:




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

Слишком ровный правый край

Продолжаю серию статей про неудачные приемы верстки.

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




Или по-другому:




Иногда, конечно, так можно сделать, но превращать это в привычку не стоит. Правый край при флаговом наборе должен оставаться рваным, это его естественная форма:




То же касается и сборных модулей, и макета целиком. Слишком гладкий правый край делает верстку кирпичной:




Воздух справа — это дополнительный ритм и динамика. Даже такая неидеальная форма лучше вымученного прямоугольника:




См. также: Выключка по левому краю

Серия «Неудачные приемы верстки»
Горки текста
Ноги текста
Колонки разной ширины
Бутерброды текста
Картинка без модуля
Слишком ровный правый край