?

Log in

No account? Create an account

nobelfaik


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

light gray is the new white, dark gray is the new black


Категория: литература

Доклад «Изящная типографика в вебе»
nobelfaik
Выступил на дизайн-митапе Авито в Москве.

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

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


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

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



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

Переверстка №28. Стихотворение «Не осуждай»
nobelfaik
Виола Ларкина пишет:

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



Подчеркнуть смысл стихотворения можно, например, так:




А передать эмоциональное напряжение вот так:




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

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

Присылайте макеты на переверстку

Отправьте письмо с макетом, комментарием или вопросом к нему на эл. адрес conversive@mail.ru. В теме письма укажите «Переверстка». Будьте конкретны. По возможности прикрепите исходники.

Правила рубрики и все выпуски

Компактность и экономичность
nobelfaik
В эфире рубрика ???. Аноним спрашивает:

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


Отвечаю: экономить по-прежнему нужно и всегда будет нужно.

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

Несмотря на скролл, мы по-прежнему ограничены физическими размерами носителей. Кстати, некоторые их них стали намного меньше книг, и требования компактности к ним еще жестче.


То же самое с экономией в жизни. Сначала думаешь: вот буду больше зарабатывать и перестану экономить, а не тут-то было. Отличие только в масштабе. Ни у кого нет бесконечного количества денег (наверно).

Рубрика ???

Отправьте свой вопрос на электронный адрес conversive@mail.ru. В теме укажите ??? (три вопросительных знака). Будьте конкретны. По возможности прикрепите картинку. О чем, например, можно спросить

Книги о дизайне интерьера
nobelfaik
Несколько месяцев назад я спрашивал у дизайнеров интерьера, что почитать о дизайне интерьера. Оказалось, они не читают книжек :–) Всё, что мне удалось вытянуть, это «Строительное проектирование» Нойферта и «Эргономика» Рунге. Не покупайте эти книги, особенно если вы новичок. Нойферт сложный и скучный, а «Эргономика» откровенно ужасна.

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




Эмили Хендерсон. Стиль

Когда я начал увлекаться дизайном интерьера, меня в первую очередь интересовала визуальная сторона вопроса. Как сочетать цвета, формы и материалы. Как выстраивать композицию в трехмерном пространстве. Насколько методы интерьерщиков отличаются от методов графических дизайнеров.

Книга Эмили Хендерсон как раз об этом. В ней нет ничего про планировку, эргономику, работу с заказчиком, зато есть куча всего про красоту и стиль.

Правило тройки:

Правило третей не ново — оно применяется в литературе, фотографии и дизайне и отлично работает для слоев виньеток. Разделение информации на три части сделает ее более запоминающейся, главное — избегать монотонности. Три предмета одинакового размера вводят в смятение — непонятно, на какой смотреть. Для понимания, что именно происходит, глазу нужно разнообразие. Поэтому я придумала простое беспроигрышное правило. На любой поверхности — будь то каминная полка, консоль, кофейный столик или комод — должны присутствовать три вещи:
• что-нибудь вертикальное;
• что-нибудь горизонтальное;
• что-нибудь скульптурное, объединяющее две предыдущие.

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


Вообще Эмили — королева стайлинга. Она не только делает крутые интерьеры, но и интересно о них рассказывает.




Джулия Карлсон и Марго Гуральник. Remodelista. Уютный дом

«Ремоделиста» посвящена организации пространства и хранению вещей. Что-то вроде домоводства 21 века.

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

Внутри куча советов, но мне больше всего пригодились эти три:


  1. Декантируйте. «Начните с кухни и перелейте растительное масло, мыло для рук и другие жидкости в красивые бутылки, а крупы и пасту засыпьте в закрывающиеся банки. У вас не только появится больше места на полках — вы сможете видеть, что у вас есть, и красиво все это расставить. Используйте эту стратегию по всему дому для всего, начиная со скрепок и заканчивая деталями Lego».

  2. Избавляйтесь от пластиковых вещей. Вроде бы я и раньше об этом знал, но авторы рассказали, чем их можно заменить.

  3. Оттирайте следы от наклеек подсолнечным маслом :–)


Книга выросла из одноименного сайта. Там еще больше всего.




Дебора Нидлман. Дом, милый дом

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

Кстати, оригинальное название книги лучше передает содержание: The Perfectly Imperfect Home. How to Decorate & Live Well.

Про случайные вещи:

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

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


Про корзины:

Даже если у вас нет камина и вам негде использовать колотую древесину, это не исключает любви к грубой структуре больших плетеных корзин в гостиной (или передней). И в огромных особняках, и в современнейших домах хорошая корзина придаст уют без приторности. Корзина — довольно грубый и материальный элемент, который помогает разбавить как лоск и глянец, так и утонченность антикварной меблировки. Да и кто откажется от дополнительного места для хранения газет, игрушек и журналов в гостиной и для обуви или вязаных вещей в прихожей?

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


Про антиквариат:

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

Антикварные вещи как минимум качественнее, чем большинство современных экземпляров (и потому прожили так долго), и мастерство их исполнения — налицо. Хорошая новость: часто по-настоящему достойные старые вещи стоят меньше, чем приличная новая мебель.


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

В статье я расскажу, как связать между собой текст и картинку. Для примера возьму плакаты, где эта связь особенно важна. Все макеты учебные, сделаны на курсе «Типографика и верстка» в разных городах.

1

На этом плакате заголовок и подзаголовок сверстаны по форме — огибают фигуру с левой стороны:


Татьяна Теуш, Минск


Динамика. Текстовые блоки поддерживают заданное иллюстрацией движение вверх и вправо:




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

Отвлеченное иллюстрирование
nobelfaik
Практикую отвлеченное иллюстрирование.

Картинки на внутренних страницах моего сайта напрямую не связаны с содержанием страниц. В статьях — схема из «Словаря-справочника иллюстратора научно-технической книги» Атабекова. На схеме показано, как правильно располагать вертикальный и наклонный текст. Звездочка намекает на широкий спектр тем:




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

Когда таблицы были без линеек
nobelfaik
В Питере был в гостях у Никиты Вознесенского, он показал красивую французскую книжку 1700 года. Называется Histoire générale de Portugal (Общая история Португалии), автор Jacques Lequien de la Neufville. Мне очень понравилась таблица в конце книги, это список ошибок с исправлениями. Вживую выглядит еще круче, чем на картинке.

Заголовки колонок: Страницы. Строки. Ошибки. Исправления.




Крутая она потому, что разрушает сразу несколько стереотипов о верстке таблиц.

Стереотип 1. Ячейки нужно разделять линейками. Эта таблица набрана без линеек, хотя маленькой ее не назовешь: четыре колонки, несколько десятков строк. Линейка над заголовком не в счет: скорее всего она намечает колонтитул и закрывает верхние углы, оставшиеся пустыми. Больше таких линеек в книге нет. Интересно узнать, когда вообще в наборных кассах появились линейки. На заре книгопечатания их наверняка не было.

Стереотип 2. Шапку нужно набирать (полу)жирным шрифтом и отделять от прографки линейкой. Здесь шапка оформлена курсивом, а не жирным. Это хороший прием: с одной стороны, заголовки выделены, с другой, они не пытаются перекричать основное содержание. К тенденции ослаблять шапку у нас возвращаются только сейчас, в СССР ее, наоборот, усиливали. Ослабить — значит набрать мельче, светлее или серее прографки. Попробуйте.

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

Стереотип 3. Для таблиц подходят только маюскульные (прописные) цифры. Здесь все цифры минускульные, у них есть верхние и нижние выносные элементы, как у строчных букв. При этом в первых двух колонках цифры моноширинные, а в третьей и четвертой — пропорциональные. Это различие особенно видно по пробелам вокруг единицы. Моноширинные используют в таблицах, чтобы выравнивать числа в столбце по разрядам. Пропорциональные — в тексте, чтобы число не распадалось на отдельные знаки и выглядело как слово.




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




Чтобы привести эту таблицу к современному виду, достаточно убрать точки после заголовков и чисел, выключить текст в шапке по левому краю и опустить слово ibid. (там же). Всё.

Переверстка №22. Книга «Заметки о Турции»
nobelfaik
Татьяна пишет:

Так случилось, что я узнала о вашем блоге после того, как защитила свою дипломную работу — книгу с заметками о Турции. После прочтения статей о выключке у меня возникло несколько вопросов. Главный вопрос по поводу выключки влево. В книге в основном узкие столбцы, но так как много внимания отводится иллюстрации, я остановилась на варианте выключки по ширине, потому что решила, что это созвучно геометрии разворотов:




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

Что я думаю об этой вашей висячей пунктуации
nobelfaik
На каждом курсе меня обязательно спрашивают, что я думаю о висячей пунктуации. Кто не знает, речь идет об одноименном параграфе в «Ководстве» Лебедева. Этот вопрос задают так часто, что я решил ответить всем сразу. Многие дизайнеры чувствуют, что с висячей пунктуацией не всё в порядке, но не могут понять, что именно. Давайте разберемся.

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


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