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

1. 7 Deadly Sins of Data Visualization. Слава Шестопалов рассказывает о вредных трендах визуализации данных.

2. Тарифы без сносок для Модульбанка. Людмила Сарычева приводит таблицу со сносками в божеский вид.

3. Табуляция. Оказывается, в вебе она тоже есть.

Следующий мастер-класс пройдет с 7 по 26 декабря. Подробности и запись в группе: vk.com/pereverstka_online




Отзывы о «Большой переверстке» в октябре.

Вера Метелева:

Алгоритм верстки — классный. Понравилось, что в итоге все работы делаешь по нему, а при разборе видно, где именно у тебя пробелы. Обратной связи много, вебинары очень интересные. Большое спасибо за онлайн!

Антон Калинин:

Для дизайнера цифровых продуктов верстка и макетирование — не единственное, но очень важное умение. Было некомфортно и порой даже сложно целый месяц верстать обложки, плакаты и таблички. Зато потом наступило просветление и катарсис. Поэтому если вам кажется, что вы более-менее освоили все навыки в профессии, хороший способ развиваться — прокачивать скиллы изолированно, и курс Игоря подходит для этого прекрасно.

Если вы думали, что разбираетесь в римских цифрах, то посмотрите на эту страницу из книги Франческо Поланцани La Penna da Scrivere, 1768

В 2011 году в американском журнале segdDESIGN вышла небольшая заметка о стрелках:




Мой неточный перевод:

Стрелка — самый простой и привычный способ сказать «Сюда». Она работает в любом размере, пространственном измерении и в любой ситуации. C тех времен, когда стрела была смертельным оружием, мы видели бесконечное множество ее форм. Но не все стрелки созданы равными. На дорожном знаке неправильно нарисованная стрелка заставит сделать большой крюк или приведет к еще худшим последствиям. В 2004 году исследование National Park Service определило эффективность различных стрелок по расстоянию, на котором они остаются различимыми.

Число под стрелкой — расстояние в футах.

Обратите внимание на английские названия некоторых стрелок:
4 — воронья лапа (crow’s foot)
8 — шеврон (chevron)
12 — крылатая дельта (winged delta)

Апдейт: нашел полный текст исследования, о котором идет речь в заметке.

В Металлургическом районе висят уникальные для Челябинска домовые таблички. Судя по шрифту, сделали их в девяностых или начале нулевых.



Как работает система:

1. В базовом варианте ↑ слово «улица» и название улицы находятся на разных модулях.


2. «Улица» пишется строчными, название улицы — прописными.


3. Цифры «кернятся»: ставятся ближе друг к другу и дальше от стрелки. Это очень крутое решение.

Если улица не влезает, ее можно сократить и разбить между табличками по-другому:




Или написать в две строки:




Новый дизайн во многом похож на старый рукописный вариант:




Еще одна старая, думаю, 1950–60 годов:

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



И наоборот. Текст, выключенный по центру, чувствует себя хорошо с широкими полями. Если сделать их слишком узкими, длинные строчки упрутся в формат, но не примагнитятся к нему, потому что ровной линии по краям нет.



Можно сказать по-другому: рваному краю требуется больше воздуха.

Ну и как обычно, бывают исключения. Не стоит принимать это за аксиому.

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

Nail пишет:

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

Самое сложное для меня — блок покупки с ценами:

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

( Collapse )

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

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

Следующий мастер-класс пройдет с 5 по 24 октября. Подробности и запись в группе: vk.com/pereverstka_online




Марианна Ушакова о «Большой переверстке» в августе:

Поскольку я не совсем новичок в верстке, не могу сказать, что открыла для себя глобально что-то новое. Но тем не менее, задания оказались разнообразными и интересными. В особенности понравился подход Игоря к разбору задания каждого человека в прямом эфире. Интересно то, что он не держал в голове одно единственно верное решение и не сводил к нему работы всех ребят. Он у каждого находил сильные и слабые стороны и предлагал решение, логично вытекающее из первоначального варианта. Все работы получались крепкими, хоть и с совершенно разным подходом. Вносить правки и присылать на согласование работы можно было бесконечное количество раз, что тоже большущий плюс! Задания изложены очень понятно, никаких уточняющих вопросов задавать не пришлось.

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

В целом очень довольна!

Другие отзывы

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

Вкратце:
1. Не оставляйте меньше трех строк текста под заголовком и над ним.
2. Не начинайте колонку с заголовка. Потому что: «такое расположение привлекает внимание, и читатель может пропустить целую колонку, подумав, что это заголовок другого материала».




3. Не помещайте заголовок непосредственно под иллюстрацией и над ней.






4. Не помещайте заголовок по бокам от иллюстрации, заверстанной в оборку.




Добавлю от себя:
5. Не допускайте, чтобы заголовки в соседних колонках соединялись в горизонтальную или диагональную линию.