Category: искусство

Category was added automatically. Read all entries about "искусство".

Компактность и экономичность

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

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


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

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

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


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

Рубрика ???

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

Грациозная деградация текста

Чтобы набрать подпись или сноску, недостаточно просто уменьшить размер основного шрифта. Ради удобства чтения нужно сделать еще несколько шагов.

В некоторых шрифтах для подписей есть специальное начертание. Обычно оно так и называется, caption.






Когда специального начертания нет (почти всегда), выбирайте следующее по насыщенности. Если основной текст набран начертанием regular, то для мелкого подойдет medium или даже semibold.






Далее увеличиваем разрядку (трекинг), но так, чтобы это не бросалось в глаза.






Многострочному тексту нужен еще и свободный интерлиньяж.






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






Эти приемы пригодятся не только для мелкого текста, но и вообще для любого текста, который читают в некомфортных условиях: под сильным наклоном, в полутьме или на пестром фоне.

Текст как вода

Большинство проблем верстки связаны с текучестью материала. У текста нет формы. Чтобы она появилась, его нужно залить в какую-то емкость. Рисование емкостей — сложная наука, но даже если вы ее освоите, проблемы на этом не закончатся. Самая прекрасная емкость никогда не подойдет тексту идеально: он либо не дольется до края, либо перельется через край. И так каждый раз, в каждом блоке, на каждой странице.

Текст часто сравнивают с тканью, но опыт показывает, что ему больше подошло бы сравнение с водой.

igorshtang.ru

Теперь у меня есть сайт: igorshtang.ru. На самом деле это не настоящий сайт, а список ссылок на ЖЖ и другие сервисы. Я собрал статьи, переверстки и курсы в отдельные кучки, чтобы они всегда были под рукой.

На главной странице неприлично большой портрет автора в окружении букв и картинок:
Сайт Игоря Штанга

Несколько слов об оформлении:

1. Текст набран одним кеглем, строчки попадают в сетку базовых линий (нажмите на иконку в правом верхнем углу). Мне захотелось проверить, насколько старая добрая приводность применима к экранным макетам. Идеальной реализации не получилось. В вебе, в отличие от Индизайна, нет кнопки «Привязать к базовым линиям», поэтому на некоторых устройствах текст прыгает на пиксель или два. Пока не знаю, как это исправить.

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

3. Жесткость макета компенсируется мягким шрифтом и приглушенной цветовой гаммой. Rostin — «механический шрифт с органическим началом». Дополнительно я включил минускульные цифры и буквы с завитушками (в кириллице только у, в латинице J Q f j t y). Контраст слегка понижен: вместо черного на белом — темно-серый на светло-сером.

4. Еще одно «смягчающее обстоятельство» — плавная анимация. Тут есть над чем поработать в следующих версиях.

Сайт сверстал Владимир Кузнецов, за что ему большое спасибо.

Музей истории Пицунды, Абхазия

В Абхазии попал в Музей истории города Пицунды. Экспонаты в нем неинтересные, какие-то камушки и стеклышки, зато интересно оформлен интерьер. Роспись стен стилизована под древнегреческую краснофигурную вазопись. Черный фон, оттенки охры и тонкие линии:




Collapse )

Переверстка №15. Расписание выставок Эрмитажа

На питерском курсе финальным заданием было расписание выставок Эрмитажа на ноябрь и декабрь. В этом выпуске я переверстаю вариант одного из участников:




Расписание выставок похоже на расписание спектаклей, за исключением пары моментов:

  1. Спектакль длится несколько часов, поэтому у него есть дата и время начала: 1 ноября в 19:00. Выставка длится несколько дней или месяцев, поэтому у нее есть диапазон дат: с 1 ноября по 15 декабря. То есть текста больше и нельзя вынести месяц за скобки.

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


Collapse )

Сайт для Алексея Каптерева

Сделал сайт для Алексея Каптерева: kapterev.com. Главная страница английской версии:

Сайт Алексея Каптерева

На курсе я рассказываю про классику и модернизм в типографике, и меня часто спрашивают, можно ли смешивать эти стили в одном макете. Ответ: можно. Я бы даже сказал, что сейчас сложно не смешивать приемы из разных стилей. На дворе постмодернизм всё-таки.

Collapse )

Экскурсия к демонам, или Хамон эврибади!

Николай Миронов рассказывает об экскурсии в мастерскую «Демоны печати»

Оригинал взят у solidcreature в Экскурсия к демонам или Хамон эврибади!

В рамках курса «Типографика и верстка» посетил типографию «Демоны печати» на «Флаконе». Экскурсия для нашей группы состояла из 2-х частей теоретической, где нам рассказали про историю высокой печати, развитие технологий и инструменты; и практической, где дали набрать текст (используя наборный шрифт) и напечатать свои открытки.

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

Вот так выглядит типография: (взял фотку с их сайта)


Collapse )Collapse )Collapse )

Ссылочки вконце:
Курс «Типографика и верстка» Игоря Штанга (nobelfaik)
Типография «Демоны печати»