Блог Игоря Штанга

Выступил на дизайн-митапе Авито в Москве.

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

Тайминг
06:50 — Курсив
08:37 — Прописные и капитель

13:08 — Лигатуры

14:57 — Альтернативные символы
17:20 — Цифры

20:50 — Разрядка

22:40 — Буквицы

23:39 — Переносы
25:10 — Оборки
27:20 — Интеграция текста и картинок
29:32 — Дисциплина
36:36 — Литература и ссылки по теме

На видео трансляция целиком, мой доклад начинается с 5:50. Смотреть лучше на скорости 1,25 или 1,5.

Последняя в этом сезоне «Большая переверстка» пройдет в Новосибирске, в офисе 2ГИС, на 22-м этаже: vk.com/typeschool_nsk

В эфире «Перевёрсточки», дизайнерский конкурс с призами.

Задание

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

( Collapse )

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

В эфире рубрика ???. Мария спрашивает:

Какие маркеры ставить в списках на русском языке: тире или буллиты?

( Collapse )

Расскажу об одном задании, которое раньше давал на мастер-классе «Большая переверстка». Оно маленькое, но важное. Необходимо переверстать интернетный банер, сохранив формат, картинку и стиль. Текст можно редактировать, но так, чтобы ничего не потерялось:

( Collapse )

Все подробности в группе vk.com/typeschool_ekb

Вышла запись моего апрельского доклада на «Дизайн-Просмотре».

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

Смотреть лучше на скорости 1,25 или 1,5.

Тайминг
02:27 — Неоднородность пустого листа
03:22 — Верх-низ, право-лево, центр-периферия
06:09 — Кручу машинку на формате
13:32 — Кадрирование
17:26 — Сюжетная и композиционная динамика
21:38 — Реклама Фольксвагена Жука 1960-х
28:13 — Удачное и неудачное кадрирование
32:20 — С полями или без
35:47 — Ракурс

Продолжаю серию статей про неудачные приемы верстки. Сегодня о том, как не надо ставить иллюстрации. (Прошлые выпуски собрал под одним тегом.)

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

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

В угол

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

Ниже неудачные примеры:


( Collapse )

Ванную, как и туалет, переделывали полностью.

Наконец-то сбылась моя мечта о душевой. Размер 125×80 см. Я читал, что идеальная глубина 90 см. Мы ради экономии места сделали 80 и не прогадали, оказалось вполне достаточно.


Плитка Italon Charme Extra Carrara. Смеситель и душевая стойка 1 Orange Aristo и O-Shower. Шторка H&M Home


( Collapse )