🎃 Сегодня в 23:59 карета вайб-кодинга превратится в тыкву.

Ну ладно, не совсем в тыкву. Но цена на «Начальную школу вайб-кодинга» превратится в 5000 ₽ 😅 А пока ещё можно успеть залететь по текущей стоимости и вместе с нами за 5 дней собрать: 🎮 свою игру 🎡 колесо решений 📊 трекер привычек 🌐 сайт-портфолио Плюс получить все бонусы, методички, словарик терминов, банк идей для проектов и подарочные токены для участников, которым они ещё достанутся. 🚀 Стартуем уже сегодня

🎁 Бонусов уже почти на отдельный мини-курс, а мы всё ещё отдаём это вместе с интенсивом

С сегодняшнего дня стоимость участия в интенсиве — 1390 . Помимо самих вебинаров и уроков участники получают целую пачку полезностей. 🚀Например, для первых участников мы закупили токены для Utopia AI На этой платформе можно создавать изображения и видео с помощью самых современных моделей ИИ. В летнем лагере у нас не будет отдельного упора на визуал, но такой инструмент точно пригодится для ваших проектов. Например, уже на задании с сайтом-портфолио вы сможете сгенерировать себе профессиональные фотографии, иллюстрации, визуалы для сайта и многое другое 😉 Но есть нюанс: этот бонус получат не все, а только 800 первых участников. Поэтому если планировали присоединиться в последний момент, лучше не затягивать. Также сумарно мы собрали 7 офигенных методичек. Например: 📚 Методичка «7 ошибок новичка в вайб-кодинге» Самые частые ошибки, из-за которых люди часами мучают нейросети и получают не тот результат. Разберём, как избежать этого с самого начала. 💡 Банк из 50 идей для вайб-кодинга Чтобы не было ситуации «научился делать, но не понимаю что». Собрали идеи проектов на разные случаи жизни: от трекера воды и калькулятора семейного бюджета до мини-CRM, личных помощников и тренажёров английских слов. 📖 Словарик терминов Для тех, кто пока вообще не понимает, что такое промпт, HTML, лендинг, домен, хостинг, GitHub и прочие страшные слова. Без душниловки и технического жаргона. Также внутри чек-листы, инструкции и дополнительные материалы, к которым можно возвращаться даже после окончания лагеря. Короче говоря, можно прийти вообще с нуля и спокойно во всём разобраться. И всё это сейчас идёт вместе с интенсивом за 1390 👀 Присоединиться

Открываю набор в «Начальную школу вайб-кодинга» 🚀

📅 22–26 июня 💸 Стоимость — от 990 рублей ⏳ Доступ к материалам и записям — 6 месяцев ПРИСОЕДИНИТЬСЯ, НЕ ЧИТАЯ ПОСТ Интенсив подойдет вам, если: ▪️ слышали про вайб-кодинг, но не знаете, с чего начать ▪️ пробовали вайбкодить сами, но получалась какая-то кривая, неработающая ерунда ▪️ есть идея сайта, приложения, бота или игры, но вы не разработчик и не понимаете, как это сделать ▪️ боитесь отстать от коллег и рынка, потому что нейросети становятся частью рабочих процессов практически в любой профессии Не подойдет, если вы опытный вайбкодер, у вас 10 проектов на GitHub и два приложения в App Store 💸 За 5 дней вы создадите: 🎮 игру в собственном стиле 📊 трекер привычек 🎡 колесо решений 🌐 свой сайт-портфолио И всё это — даже если у вас нет навыков программирования, знания английского или технического бэкграунда. Будем работать через разные нейросети под разные задачи. Я всё покажу пошагово, а вы будете повторять и сразу видеть результат. Используем: • ChatGPT • DeepSeek • CodePen • v0 • Lovable • Codex 🎁 Также подготовили полезные материалы, к которым можно будет возвращаться после интенсива: 7 методичек и чек-листов: • словарик базовых терминов без душниловки • промпт-пак: как ставить задачи и улучшать результат • шаблоны и карты сервисов • подборка из 50+ идей для первых проектов Формат: • 1 короткий урок в записи • 3 живых вебинара (вт / ср / пт) • домашние задания с проверкой • сертификат участника 📅 Даты: 22–26 июня 💸 Стоимость: от 990 рублей Как обычно, по мере набора цена будет расти, так что не откладывайте. ПРИСОЕДИНИТЬСЯ ПОСЛЕ ПРОЧТЕНИЯ ПОСТА 😅

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

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