Что было в мае и июне?

Июнь завлёк нас своей невообразимой движухой, поэтому рассказываем, что было за эти два месяца: эфиры, митапы и море живого общения. Обо всём по порядку: 6 мая. Эфир с Женей Арутюновым: дизайнили кодом 7 мая запустили рубрику «Словарик» 12 мая. Пост про обесценивание и поддержку 15 мая. «Дизайн-ритуалы»: карточки для графдизайнеров 16 мая. Подборка сообществ для прокачки скиллов 19 мая. Как не бояться стартовать проект 21 мая. Вторая часть «Словарика» 27 мая. Митап с MADS, запись эфира А в конце мая мы съездили в Казань на Дизайн-выходные: пообщались, выступили, раздали монеты, провели розыгрыш и мастер-майнд с ответами в эфире. А через неделю — бах! — и мы с командой победили в Дизайн-цехе. Как это было — в этом посте. 19 июня. Эфир с банком «Точка» о сообществах внутри и вне компании 24 июня. Пост о привязанности в работе 26 июня. Эфир с Настей Сухининой про нейросети без воды Спасибо, что вы с нами 💛 🙌 Явно.Дизайн #дайджест

Словарик дизайнера (59) 📎 UI/UX в презентациях – это инструменты, позволяющие создавать визуально приятные и удобные для восприятия слайды. 👉 Зачем он нужен? UI/UX позволяет создавать не просто красивые картинки, а делать презентацию продуманной и помогать аудитории легче воспринимать информацию. 💡 Как использовать? UI (визуальный дизайн) – все, что касается визуала, т.е. контраст фона и текста, иерархия текста (заголовок– подзаголовок– основной текст), цвета (не более 2-3 цветов), шрифты (не более 1-2 шрифтов) и пустое пространство. UX (опыт взаимодействия) – то, как аудитория воспринимает информацию, т.е. создание последовательной истории, один слайд = одна мысль и доступность информации (шрифт не меньше 18pt, контрастные цвета, минимум текста). #словарикдизайнера

Словарик дизайнера (58) 📎 Тон голоса бренда – это стиль коммуникации компании со своей аудиторией, который отражает её характер и ценности. 👉 Зачем он нужен? Тон голоса создает единый образ бренда, усиливает доверие аудитории и помогает выделиться среди конкурентов. Он влияет на шрифты, цвета, иллюстрации и даже на текст в презентации. 💡 Как использовать? Тон голоса помогает сохранить целостность и сделать так, чтобы презентация «звучала» и выглядела убедительно, поэтому важно, чтобы и текст, и слайды были созданы на «одном языке». Например, для корпоративного отчета лучше использовать структурированный текст без сленга, приглушенные цвета и консервативный стиль, а для презентации стартапа – добавить харизматичности в текст, а дизайн сделать ярким. #словарикдизайнера

Словарик дизайнера (57) 📎 Сторителлинг – это способ воздействия на аудиторию через истории. 👉 Зачем он нужен? Сторителлинг вовлекает аудиторию, упрощает донесение информации и делает презентацию динамичной и запоминающейся. 💡 Как использовать? Определите, что аудитория должна сделать после просмотра презентации → выберите структуру (например, «проблема-решение-результат» или «история успеха») → добавьте героя (это может быть клиент, вы сами или абстрактный персонаж) → создайте конфликт → визуализируйте историю на слайдах. #словарикдизайнера

Словарик дизайнера (56) 📎 Цветовой круг Иттена – это схема, помогающая подбирать гармоничные цветовые сочетания. 👉 Зачем он нужен? Понимание сочетаний цветов позволяет осознанно подходить к созданию профессиональных презентаций и тратить время на подбор цветов «на глаз». 💡 Как использовать? Цветовой круг Иттена предполагает использование нескольких сочетаний цветов: аналоговые – цвета, находящиеся рядом; комплиментарные – противоположные в круге цвета; триада – три цвета, равноудаленные в круге. #словарикдизайнера

Словарик дизайнера (55) 📎 Монохром — это подход, при котором вся презентация оформляется в одном цвете и его оттенках. 👉 Почему это работает? Это универсальный приём, который подходит для любой темы: от бизнеса до образования. Особенно, если хочется уйти от пестроты, но при этом сохранить характер. Монохром избавляет от цветового шума и добавляет гибкости презентации — даже в рамках одного цвета можно создавать контраст, используя светлые и темные оттенки. 💡 Как использовать? Монохром — это не обязательно черно-белое сочетание цветов. Можно использовать различные оттенки одного цвета, например, светлый фон, ярко-оранжевый заголовок и чуть бледные плашки. Всё вместе это будет выглядеть стильно, собрано и аккуратно. #словарикдизайнера

Словарик дизайнера (54) 📎 Грязные цвета — это цвета с примесями серого, коричневого или другого «приглушающего» тона. 👉 Почему «грязные» цвета работают? Такие цвета выглядят дорого, напоминают природные оттенки, не раздражают глаза, не перегружают слайды и подходят для минималистичных или эко-презентаций. 💡 Как использовать? Сочетай «грязные» цвета с нейтральными тонами, чтобы презентация не казалась «мутной», добавляй контраст (темный текст на светлом фоне или наоборот) и можешь поиграть с фактурами, т. к. такие цвета отлично смотрятся с текстурами бумаги, бетона, льна. #словарикдизайнера

Словарик дизайнера (53) 📎 Чистые цвета — это яркие насыщенные оттенки, которые не смешиваются с другими оттенками. 👉 Почему это важно? Такие цвета используются в ярких дизайн-проектах и работают как акценты: на кнопке, важных цифрах, ключевом выводе и на иных элементах, на которые нужно обратить внимание зрителя. Но важно не перегружать такими цветами весь слайд, иначе эффект будет незаметен. 💡 Как использовать? Представь, что ты создаешь слайд с графиком. Одна из колонок выделяется на фоне остальных за счет чистого цвета. Именно на нее мы хотим обратить внимание зрителя, она является наиболее важной. Кроме того, акцент цветом можно сделать и в заголовке, вынеся туда ключевой вывод из слайда. #словарикдизайнера

Словарик дизайнера (52) 📎 Мудборд — это визуальная доска с идеями, которую дизайнер собирает перед созданием презентации. 👉 Почему важно собирать идеи? Использование мудборда вовсе не обязательно, но с ним облегчается поиск визуальных решений. С ним дизайнер придерживается выбранной цветовой гаммы, шрифтового решения, общего настроения, что впоследствии упрощает работу и помогает быстро согласовать с клиентом визуальное направление и избежать недопонимания на этапе дизайна. 💡 Как использовать мудборд? Копировать идеи с мудборда точь-в-точь не нужно. Важно уметь находить в нем визуальные решения и внедрять их в свои проекты, чтобы они получались уникальными для каждого проекта. #словарикдизайнера

Словарик дизайнера (51) 📎 CMYK — это цветовая модель, которая используется для печати. 👉 Почему это важно? Представь, что ты утвердил с клиентом ярко-синий заголовок в презентации, а при печати он стал фиолетово-серым. Такое изменение цветов происходит из-за того, что не была учтена цветовая модель для печати — CMYK, которая, в отличие от цветовой модели RGB, на печатных материалах выглядит тускло и грязновато. 💡 Как использовать? Если заранее знаешь, что презентация предназначена для печати, то старайся сразу использовать цветовую модель CMYK, а если нужна как электронная, так и печатная версия презентации, то переводи цвета из цветовой модели RGB в CMYK. #словарикдизайнера

Словарик дизайнера (50) 📎 Глаз строки – это оптимальная длина строки, при которой взгляд спокойно скользит по тексту и не теряется. 👉 Зачем это нужно? Оптимальная длина строки – залог читаемости: если текст слишком длинный – читать тяжело, а если слишком короткий – возникает «дерганое» чтение. 💡 Как подобрать длину строки? Рекомендуем ориентироваться на 40-60 символов в строке. Это особенно важно, если создаёте таблицу, в которой много текста: лучше разбить на абзацы или переформулировать лаконично. #словарикдизайнера

Словарик дизайнера (49) 📎 Вертикальный ритм — это одинаковые расстояния между строками и одинаковые отступы от границ ячеек. Ритм помогает глазу быстро считывать информацию и придаёт таблице визуальный порядок. 👉 Зачем соблюдать ритм? Если в таблице отсутствует визуальный ритм, то таблица выглядит неравномерной и неряшливой, а данные в ней «растекаются». 💡 Как создать? В таблице визуальный ритм можно создать либо через настраивание межстрочного интервала, либо расстоянием от текста до верхней и нижней границ ячейки. #словарикдизайнера

Словарик дизайнера (48) 📎 Оптическое выравнивание – это когда элементы на слайде выглядят ровно, даже если по линейке их положение немного отличается. 👉 Почему это важно? Иногда автоматическое выравнивание «по пикселям» — не работает. Особенно это заметно, если элемент визуально несимметричен: например, иконка с хвостиком справа или буква «о» рядом с «квадратным» элементом. 💡 Как использовать? Чтобы слайд смотрелся профессионально и гармонично, старайся выравнивать элементы на «глаз», а не с помощью встроенных инструментов. #словарикдизайнера

В этот раз давайте разберём термины мира маркетинга. Апселл (upsell) Техника продаж, когда покупателю вместо выбранного им товара или услуги предлагают купить более дорогую и функциональную версию продукта. CTR (Click-Through Rate) Показатель кликабельности, который отражает, сколько пользователей кликнули на рекламное объявление по сравнению с количеством показов. Парсинг (parsing) Автоматический процесс сбора и систематизации данных из открытых онлайн-ресурсов с помощью специальных скриптов (парсеров). Ремаркетинг (remarketing) Инструмент цифрового маркетинга, который позволяет повторно взаимодействовать с пользователями, которые уже посещали сайт или использовали мобильное приложение. Продакт-плейсмент (product placement) Неявная реклама товаров в фильмах, телепередачах, клипах, сериалах и т.д. Например, герои фильма могут ездить на машине определённого бренда. #словарик #маркетинг 🍑 Явно.Дизайн

Словарик дизайнера (47) 📎 Z-сканирование - это модель, описывающая движение глаз аудитории при просмотре презентации. 👉 Почему это важно? Такая модель сканирования учитывает естественное поведение аудитории, помогая структурировать информацию для максимального вовлечения и грамотного размещения контента. 💡 Как использовать? Создавая презентацию, помести заголовок в левый верхний угол – именно туда в первую очередь смотрит зритель, взгляд которого затем двигается по строке вправо, а затем по диагонали в правый нижний угол и снова вправо. В таблице также учитывай этот паттерн: размещай важные данные по центру и ближе к левому краю. #словарикдизайнера

Словарик дизайнера (46) 📎 Линейки (или разделительные линии) — это визуальные элементы, которые отделяют друг от друга строки, столбцы или ячейки, делая таблицу более читаемой и структурированной. 👉 Почему это важно? Таблица – это не сетка, а средство донесения информации, поэтому линии не должны мешать считывать данные. Без таких линий данные в таблице могут сливаться или выглядеть хаотично. 💡 Как использовать? Разделительные линии лучше делать светло-серыми, чтобы они не перетягивали на себя внимание, а основной акцент оставлять на данных в таблице, цвет которых остается темным. #словарикдизайнера

Словарик дизайнера (45) 📎 Чередующаяся заливка строк («зебра») – это отличие в цвете фона чётных и нечётных строк таблицы. 👉🏻 Почему это важно? Чередующаяся заливка строк помогает глазу скользить по строкам слева направо не теряться в длинной и объемной таблице. Это особенно полезно, когда таблица длинная или содержит много строк с одинаковой структурой. 💡 Как использовать? Использование такой заливки может стать альтернативой линиям — выглядит чуть мягче и визуально чище, особенно если делать заливку светло-серой или в пастельных цветах. #словарикдизайнера

Словарик дизайнера (44) 📎 Повторяющиеся данные в таблицах – это значения, которые встречаются в таблице больше одного раза. Например, в каждой строке может повторяться слово «Название тарифа», что делает таблицу неинформативной и ухудшает восприятие. 👉🏻 Зачем избавляться от повторов? Исключение повторяющихся слов позволяет снизить визуальный шум, не потеряв при этом смысл данных. 💡 Что можно сделать? Избавиться от повторов можно путем объединения ячеек и группирования строк, использования заголовка один раз, чтобы показать принадлежность группы или применяя выносной маркер (например, тонкую цветную полоску). #словарикдизайнера

Словарик дизайнера (43) 📎 Шапка таблицы — это заголовочная часть таблицы, в которой указаны наименования строк таблицы. 👉🏻 Почему это важно? Шапка таблицы – это своеобразная навигация, которая показывает, что находится в каждой колонке. Она направляет взгляд зрителя и делает таблицу более структурированной. 💡 Как использовать? Оформляя шапку таблицы помни, что она должна быть читаемой, визуально отдаленной и не кричащей. Здесь можно использовать жирное начертание, цвет фона, изменение кегля или выравнивание по центру. ✅ Важно, чтобы шапка не сливалась с «телом» таблицы и при этом не доминировала. Ее задача – помочь навигации. #словарикдизайнера

Словарик дизайнера (42) 📎 Моноширинный шрифт — это шрифт, у которого все символы (буквы, цифры, пробелы) одинаковой ширины и высоты. 👉🏻 Почему это важно? Часто данные в таблицах «пляшут»: где-то шире, где-то выше — и колонка разваливается. Это происходит, когда используется обычный или пропорциональный шрифт. В таких случая лучше использовать моноширинные шрифты и табличные цифры, чтобы данные смотрелись ровно и структурированно. 💡 Как использовать в таблицах? Создавая таблицу с объемными данными (ценами, датами или статистикой), выбирай моноширинные шрифты, например, IBM Plex Mono, IBM Plex Sans, Roboto Mono, Source Sans Pro, и табличные цифры. Они создадут визуально ровные вертикальные ряды и упростят считывание информации. #словарикдизайнера