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

Андрей Шапиро написал книгу о собственном методе проектирования, а я ее сверстал. Купить можно на Озоне.

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

Как хвоя на пути движущихся муравьёв постепенно принимает форму муравейника, так и выстраиваемый нами процесс-механизм обрабатывает «материал», из которого выстраивается целевая система.

Паттерн из «иголочек» сделал сам автор, а точнее, написал алгоритм, который его сделал:




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



( Collapse )

Переделываю рекламный банер и показываю, как свести верстку к одному простому принципу.

Следующая «Большая переверстка» пройдет с 11 по 30 ноября. Присоединяйтесь: vk.com/pereverstka_online

Переверстываю рекламный банер и показываю, как организовать воздух в полупустой колонке текста.

Следующая «Большая переверстка» пройдет с 9 по 28 сентября. Присоединяйтесь: vk.com/pereverstka_online

Таблица кернинга в гайдлайнах Транспортного управления Нью-Йорка. Дизайнеры Массимо Виньелли и Боб Ноорда, 1970




В левой части таблицы указаны расстояния между буквами, в правой — между цифрами.

Что интересного:
1. Цифры в прографке набраны крупно, потому что это те данные, которые мы ищем. Ну и для красоты, конечно.

2. Толщина линеек передает структуру: тонкие разделяют ячейки, толстые — группы ячеек. Интересно, что будет, если убрать все линейки.

3. Сетка таблицы не попадает в сетку текстовых колонок, но это нормально. У таблицы свой ритм, производный от ритма данных, и его не всегда возможно связать с общей сеткой макета.

4. Ячейки квадратные, как и лист бумаги.

Больше разборов в моей группе в Телеграме: t.me/kaketosverstano
А за красивыми таблицами сюда: t.me/thisisnotatable

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

Как проходит мастер-класс:
Участники получают задания в текстовом формате, с подробной инструкцией и списком материалов для самостоятельного изучения. Вот пример задания.
↓
На выполнение практики есть два с половиной дня. Обсудить задание с другими участниками и со мной можно в групповом чате в Телеграме.
↓
Далее мы встречаемся на вебинаре и разбираем макеты. Некоторые я сразу переверстываю, по другим даю рекомендации. Вебинар длится около двух часов. Вот свежий фрагмент.
↓
Макет можно доделать и в течение мастер-класса показать мне еще несколько раз.

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

Спешу сообщить, что я подписал автоматы в электрическом щитке.

Если хотите сделать так же или немного по-другому, вот шаблон в Индизайне. Только вместо шрифта Stratos, который на картинке, в шаблоне Arial.

Некоторые сравнительные таблицы можно верстать без боковика. Обычно это хорошо работает, когда сравниваемых позиций немного.

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






( Collapse )

Переверстываю книжную обложку и рассказываю о выключке по центру.

Следующая «Большая переверстка» пройдет с 9 по 28 сентября. Регистрация уже открыта: vk.com/pereverstka_online

Верстаю рекламный банер с гигантской кружкой.

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

В табличном курсе есть задание, где нужно сократить слишком объемную шапку банковской таблицы. Вот один из заголовков в этой шапке и столбец данных под ним:




Чаще всего сокращают так:


И в примечании под таблицей пишут:
* Рейтинг кредитоспособности от рейтингового агентства «Эксперт РА» на 15 февраля 2018

Проблема в том, что сокращение РК не общепринятое. Для его расшифровки придется обязательно читать примечание, а хочется обойтись без лишних действий. Другой вариант:


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


Подумаем дальше и попробуем отойти от предложенных формулировок, например:


Возможно, это не совсем корректный термин с профессиональной точки зрения, однако он вполне передает суть.

Вывод: Лучшие сокращения те, которые понятны без подсказок.