nobelfaik


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

Доктор, мой макет не дышит!


Composability
nobelfaik
Узнал новое слово — composability. На русский можно перевести как «компонуемость», «компонабельность» или «сочетаемость». Компонуемость — это способность элемента компоноваться (стыковаться) с другими элементами.

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

Компонуемость — важное свойство шаблона, то есть открытой системы, состав которой заранее неизвестен.

Вертикальный и наклонный текст
nobelfaik
Иногда мне задают хорошие вопросы, на которые хочется ответить в блоге. Буду отвечать под тегом ??? Вот, например, Андрей спрашивает: Не смог найти информацию о вертикальных заголовках. Как к ним стоит относиться?

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

Есть по крайней мере две «объективные» причины поставить текст вертикально:

  1. Это служебный текст, и его можно вывести из основного потока чтения. Так иногда поступают с копирайтами, подписями, рубриками, колонтитулами.

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

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


Зигфрид Одерматт. Реклама сушильной машины, 1960


Чтобы вертикальный текст всё-таки остался текстом, нужно соблюсти типографическую гигиену. Атабеков в «Словаре-справочнике иллюстратора научно-технической книги» приводит следующие рекомендации (статья «Текст на графических оригиналах»):

Все надписи (фразы, слова или отдельные знаки) должны быть расположены так, чтобы они легко читались (рис. II): горизонтальные — слева-направо; вертикальные — снизу-вверх; наклонные — слева-вверх-направо либо слева-вниз-направо и при этом все буквы в строке должны строго держать линию.

Расположение вертикального и наклонного текста

Запись доклада «Что модно в типографике сегодня»
nobelfaik
В ноябре 2015 года читал в Москве доклад «Что модно в типографике сегодня и что будет модно через год». Больше читать не буду, поэтому решил выложить видео. Доклад написан почти два года назад, но актуален до сих пор. В первой части рассказываю о шрифтах, во второй — о верстке, в третьей — о том, куда смотреть дальше.

1. Шрифты:
— геоманистические,
— геометрические и модульные,
— рукописные,
— «обведённые»,
— на стыке геометрии и каллиграфии,
— искаженные.

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

3. Азиатский дизайн.

На записи ужасный звук. Под конец оператор начинает дуть на камеру, чтобы она не взорвалась от перегрева. В следующий раз обещаю подойти к этому вопросу более ответственно)

Здесь слайды презентации для тех, кто хочет рассмотреть картинки повнимательнее.

Метки:

Мастер-класс «Большая переверстка» в Челябинске
nobelfaik
25–26 февраля проведу «Большую преверстку» в Челябинске: vk.com/typeschool_chel

Мастер-класс «Большая переверстка» в Челябинске

Кандинский о напряжении
nobelfaik
Перечитывал «Точку и линию на плоскости» Кандинского и нашел интересный отрывок про напряжение. Очень близко к идеям Арнхейма и к тому, о чем я рассказывал в докладе «Теория графического напряжения».

В отношениях формы и границ ОП [основной плоскости] особую и чрезвычайно важную роль играет удаленность формы от границ. Простая прямая неизменной длины может располагаться на ОП двумя различными способами.

Кандинский о напряжении


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

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

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


Вообще напряжение — одно из ключевых понятий визуальной системы Кандинского. Правда, объясняет он его очень «гуманитарно».

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

Переверстка №16. Инструкция голографического стола
nobelfaik
Дарья пишет: Нужно было сделать короткий вариант инструкции для пользователей, в основном это девелоперы в офисах продаж.

О самом продукте: nettlebox.ru Для просмотра используются 3D-очки, по которым система отслеживает положение пользователя относительно экрана. На основе данных о положении зрителя система рассчитывает проекцию на плоскость экрана. Это похоже на рисунки на асфальте, которые выглядят объемными с определенного ракурса, только здесь проекция всё время перестраиваются относительно положения глаз.





Читать дальше...Свернуть )

Мастер-класс «Большая переверстка» в Москве
nobelfaik
Запускаю новый мастер-класс. Первый пройдет 4 и 5 февраля в Москве:

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


Тема — как сделать дизайн из текста, инструмент — алгоритм верстки. Еще есть отдельный блок про графический стиль.

Мастер-класс устроен иначе, чем курс «Типографика и верстка». На курсе теория чередуется с практикой: сначала я рассказываю лекцию, потом мы тренируемся. В «Большой переверстке» главное — практика. Теория появляется контекстно, во время разбора заданий, — и только та, которая нужна в конкретной ситуации. В самом начале я объясню метод работы и покажу примеры.

Будет интересно:
— дизайнерам и верстальщикам, которые боятся текста;
— редакторам, которые боятся дизайна;
— читателям рубрики «Переверстка» (переверстаем несколько макетов вместе);
— участникам курса «Типографика и верстка» (потренируемся на новых примерах).

Страница меропрития вк: vk.com/typeschool_msk

Ганс Рудольф Боссхард. «Типографская сетка»
nobelfaik
Полгода назад получил из Европы килограмм сеток:
Ганс Рудольф Боссхард. «Типографская сетка»
Читать дальше...Свернуть )

Сначала конструкция, потом сетка
nobelfaik
Раньше я уже писал о принципе «Сначала конструкция, потом сетка», теперь объясню на примерах.

На курсе «Типографика и верстка» мы переделываем старое рекламное объявление (конец 19 — начало 20 веков) в швейцарский плакат. Смысл сообщения должен остаться прежним, а стилистика поменяться. Вот один из макетов для переверстки, реклама компании «Хайнц»:

Переверстка рекламы «Хайнц»

Читать дальше...Свернуть )

Троечка ссылок — 25
nobelfaik
1. Антон Григорьев об адаптивных таблицах.

2. Павел Моисеенко о приемах верстки сложных форм.

3. Анна Гецерова о препрессе (не статья, а целый блог).

?

Log in