Настя положила белые скриншоты на подложки (молодец), но сделала им конские поля (не молодец). В видео исправляю отступы и объясняю правила, которые помогут быстро и красиво оформлять скриншоты…
Святое правило редактора — не пиши то, что можно показать. В 2023 году это относится практически к любой задаче.
Лендинг для ремонтной компании — покажи примеры работ и процесс. Текст, конечно, почитают, но закажут только если видео с результатом торкнет.
Презентация для швейного ателье — покажи одежду и процесс пошива. Текст может и прочтут, но решение заказать себе костюм примут именно по фоткам.
Презентуешь идею коллегам — набросай скетч будущего приложения. Воображалка у всех работает по-разному. Если хочешь, чтобы все поняли задумку, покажи её. Криво, косо, но покажи.
Текст о компании — проведи фотосессию команды и поставь над текстом. Текст прочитает пять человек, а остальные 95 — посмотрят фотки людей и поймут, что это и в самом деле компания, а не один человек всё делает.
Верстаешь сторисы — добавь скриншоты, схемы, табличку, скринкаст. Нужно, чтобы читатель бросил взгляд и сразу всё понял. За длинными текстами он в другое место пойдёт, когда ему захочется почитать.
Ещё раз. Если что-то можно передать визуально, не пиши. Так тоже можно. Я разрешаю.
Полтора года я помогал команде Таймстрайпа, сервиса для планирования жизни. Сейчас я взял паузу от проекта, но всё иногда поглядываю, что там происходит. Недавно увидел новую главную и появилось несколько мыслей на эту тему…
Перед НГ мы с Настей, автором студии, готовили адаптивы писем и постов для сторис. Есть убеждение, что делать адаптивы — дорого. Мы нашли способ, как делать это быстро и без безумных бюджетов…
Скриншоты — самый быстрый способ проиллюстрировать текст. Без них не обойтись, когда пишете раздел «Помощь» или составляете редполитику. Иногда авторы и дизайнеры сильно мудрят с оформлением или не думают об удобстве читателя, из-за чего скриншоты теряют пользу…
Пишем очередной кейс для сайта студии. Читаю черновик: структура ОК, фактура есть — но начала абзацев бестолковые. Вот эти стоят в самом начале кейса…
Редактируем с автором лендинги для одного из клиентов студии. Компания запускает лендинги для продвижения B2B-маркетплейса. Страница сайта выглядит так…
Полуночное видео о том, как улучшить любое письмо проработав три момента: заголовки, начало предложений и контекст…
Симметрия — самый скучный визуальный приём. И тем не менее, все начинающие дизайнеры выравнивают все элементы макета по центру. Такой сайт или плакат всегда выглядит уныло и безжизненно.
Откуда такая любовь к симметрии и центрированию всего, я не знаю. Возможно, этому учат в дизайн-школах, что вызывает большие сомнения об уровне образования и преподавателей этих школ. На деле же симметрия — это противоестественный визуальный приём, который присущ лишь людям.
Если мы обратим внимание, то очень быстро обнаружим, что в природе нет ничего идеально симметричного. Кроны деревьев, окраска животных, горы, цветы — всё имеет ассиметричную форму. Разрез глаз и уши у людей всегда разной формы и разного размера. Один склон у горы всегда круче, чем другой, более пологий. Продолжать список можно долго.
Людям нравится разнообразие, глазу приятно разглядывать детали и изучать нюансы в ландшафте, интерьере и других людях. И дизайн сайтов, плакатов здесь не исключение. Лучший пример сферы, где важна ассиметрия и оптическая компенсация — создание шрифтов. Многие буквы, которые кажутся круглыми или идеально симметричными, на деле оказываются овальными, а их элементы как правило смещены относительно одной из осей.
Ассиметрия — главная причина красоты. Хороший дизайнер знает это и грамотно её использует. Чтобы сделать ваш макет чуть лучше уже сейчас, откажитесь от выравнивания по центру и добавьте в него ассиметрии.
Одно из новых направлений, которое я развиваю в студии — редактура. Учу новых авторов студии визуальному повествованию. Одна из проблем, что авторы думают, вот поставлю эмодзи и всё, иллюстрация готова.
А что эмодзи дают? Как помогают читателю понять, что происходит на слайде? Никак не помогают. Украшательство, да и только.
Коллаж ниже лишь ещё раз подтверждает, что автор должен подумать об иллюстрациях ещё на стадии сбора фактуры, до того, как открыл ноутбук и начал что-то писать. Картинка сверху иллюстрирует мышление новичка, он думает: «Ну вот написал текст, а теперь добавлю картинок». Получается красиво, но бессмысленно.
Нижняя картинка, наоборот, показывает мышление автора, который стремится решить задачу, а не просто написать текст. Он сразу планирует пространство для иллюстраций и пишет комментарии для дизайнера. Этим он решает две задачи:
Смотреть на продукт и задачу нужно комплексно, а не только с точки зрения визуала или текста. Важно всё, потому что всё взаимосвязано. А сами по себе картинки и текст ничего не решают.