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