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

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

Покажу, что понравилось.

Дом в Гросшёнау, 1937

Несмотря на низкий потолок, стена разделена аж на три уровня: покраска, обои, деревянные панели — выглядит очень декоративно. Подставка для цветов. Сухие листья в вазе.




( Collapse )

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




Отзыв Анастасии Ильичевой:

Один из огромных плюсов «Большой переверстки онлайн» — ты не ограничен 10-20-30 минутами на задачу. У тебя есть несколько дней, чтобы как следует подумать над каждым заданием, попробовать решить так и эдак… А подумать есть над чем: все задания интересные, достаточно сложные и разноплановые — решать их по шаблону точно не получится. При этом они под силу даже человеку с небольшим опытом или вообще без опыта. А если что-то не получилось с первого раза, всегда можно доделать. Поэтому не возникает желания бросить курс на полпути или перестать делать домашки, как это часто бывает с онлайном.

Дизайнер Дженсон Камби рассказал о переделке сайта The New Yorker Festival и в частности о том, как поменялась страница FAQ. Было и стало:


festival.newyorker.com/faq/


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

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


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


3. Основной текст переходит из одной колонки в другую, еще плюс один прием к динамике. Удачное решение для длинного материала.


4. У страницы появился заголовок. Он крупный, красный, набран другим шрифтом, поэтому хорошо контрастирует с основным текстом. В предыдущей версии текстовый контраст был слабым.


5. На контраст работают и картинки. Даже в небольшом размере они заметно отличаются от текста тоном и пластикой.


6. Вопросы набрали строчными буквами, чтобы их было легче прочесть.

Как результат, страница похожа не на панель управления, а на статью.

Делайте как Дженсон.

29 июня начнутся занятия на дистанционной «Большой переверстке», есть несколько свободных мест. Расскажу, что происходит на мастер-классе.

Как устроен процесс

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

На изучение теории и выполнение практики есть два с половиной дня. Это значительно больше, чем на очном мастер-классе, где на практику я даю от 30 до 60 минут. Обсудить задание с другими участниками и со мной можно в групповом чате в Телеграме.

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

Макет можно доделать и в течение мастер-класса показать мне еще раз.

Темы и задания

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

Примеры работ

Ниже несколько обложек, сделанных на прошлом мастер-классе. Это только первый заход, без моих правок:


Алексей Пашкевич


( Collapse )

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

Я расскажу о наглядности на примере таблиц. Сейчас в интернете можно найти огромное количество таблиц, в которых сравнивают симптомы коронавируса, гриппа, простуды и аллергии.

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

Посмотрим, как это работает.

1. Иконки

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




( Collapse )

Беспредложные конструкции прекрасны. Сравните:

С предлогом	Без предлога
Графин из голубого стекла	Графин голубого стекла
Кровь пошла из носа	Кровь пошла носом
Руководство по верховой езде	Руководство верховой езды
Курс по типографике	Курс типографики
Идти по берегу	Идти берегом
Работать по вечерам	Работать вечерами
Лететь на самолете	Лететь самолетом

Алеш Бранднер. Десемантизация беспредложных падежей, их частичная замена падежами с предлогами

Свежая подборка красоты.


1. igorjosif — квартира Игоря Йосифа в Мюнхене. Игорь — основатель блога Urban Jungle и автор одноименной книги.




2. piga_haus — большая старая квартира в Познани, Польша:




3. bureau.slovo — русское интерьерное бюро:




4. alexanderwhitesthlm — агентство недвижимости в Стокгольме:




5. residencemag — шведский интерьерный журнал:




6. solebich — немецкий интерьерный журнал:




7. pro.kresla — московские ребята реставрируют старые кресла и стулья:




8. sklarna — другие московские ребята делают невероятную посуду из стекла:




9. objectpertinence — разные красивые картинки:




10. Магазины винтажной мебели, света и предметов интерьера:
na_4erdake
glav.vintage
tree_house_son
kamorka.workshop
otsek_vintage
ussr_interior_design

Сегодня видосы:

1. Максим Кац. История распада СССР и роль Михаила Горбачёва. Пытаюсь понять, в какой стране я родился.

2. Дмитрий Быков. Русская Одиссея. Что общего между «Одиссеей» Гомера, «Мертвыми душами» Гоголя и «Москвой — Петушками» Ерофеева. Будет интересно, если читали «Москву — Петушки».

3. Кинопоиск. Монтаж в кино за 22 минуты.

Бонус. Люда Сарычева разбирает песню Михаила Шуфутинского.