Доклад «Изящная типографика в вебе»

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

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

Тайминг
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.

Конкурс «Перевёрсточки» — 3

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



Задание

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

Collapse )

Списки в каталоге Икеи

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

Списки в каталоге Икеи

Переверстка №29. Банер «Перевод татуировок»

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


Collapse )

Доклад «Верстка иллюстраций»

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

Представьте, что вам нужно разместить фотографию автомобиля на пустом листе А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 )