Публикация 6. модуль 5

ПУБЛИКАЦИЯ 6. МОДУЛЬ 5.

БРЕНДИНГ И FIGMA.

Цель модуля: понять, что такое бренд, собрать мини-гайдлайн для кофейни «Утро» и освоить основы Figma без страха и сложных терминов.

Длительность: 60–70 минут.



УРОК 5.1. ЧТО ТАКОЕ БРЕНД И ЗАЧЕМ ОН НУЖЕН.

Многие думают, что бренд это логотип. Это не так. Логотип лишь одна из частей.

Бренд это то, как выглядит и воспринимается Ваше дело. Это характер, настроение, обещание. Когда человек видит Вашу чашку, сайт или пост, он должен чувствовать одно и то же.

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

Из чего состоит бренд:

название;

логотип;

цвета;

шрифты;

настроение и стиль изображений;

тон общения с клиентом.

Всё это вместе называется гайдлайн. Это документ, по которому дальше делаются сайт, соцсети, упаковка, реклама.



УРОК 5.2. МУДБОРД.

Прежде, чем рисовать логотип, нужно собрать мудборд. Мудборд это подборка картинок, которые передают нужное настроение.

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

Как собрать мудборд.

Шаг 1. Определите три-четыре слова, которые описывают бренд. Для «Утра» это: тёплое, спокойное, уютное, честное.

Шаг 2. Найдите восемь-двенадцать картинок, которые передают эти слова. Это могут быть фотографии, обложки, чужие работы, текстуры.

Шаг 3. Соберите их в одну сетку. Можно в Figma, можно в Canva, можно просто в папке.

Шаг 4. Посмотрите на всё вместе. Что общего. Какие цвета повторяются. Какое настроение.

Для «Утра», скорее всего, получится: бежевый, кофейный, кремовый, мягкий свет, дерево, растения, пар над чашкой.



УРОК 5.3. ЦВЕТА И ШРИФТЫ.

Цвета. Достаточно трёх-пяти. Больше не нужно.

Главный цвет. Он будет на логотипе и кнопках.

Дополнительный цвет. Для акцентов.

Фоновый цвет. Обычно светлый.

Цвет текста. Тёмный, но не чёрный, если стиль мягкий.

Для «Утра» можно взять так.

Главный: кофейный, примерно 6F4E37.

Дополнительный: тёплый бежевый, примерно E8D5B7.

Фоновый: кремовый, примерно FAF3E8.

Текст: тёмно-коричневый, примерно 3E2C23.

Шрифты. Нужно два. Один для заголовков, другой для текста.

Для заголовков подойдёт, что-то с характером, например шрифт с закруглениями.

Для текста подойдёт нейтральный, читаемый.

Правило простое. Заголовочный шрифт не используем в тексте. Текстовый не используем в заголовках. Так сохраняется порядок.



УРОК 5.4. ЛОГОТИП.

Логотип это знак, по которому Вас узнают. Он бывает нескольких типов.

Текстовый. Только название, красиво написанное.

Знак. Только символ, без текста.

Комбинированный. Символ плюс название. Самый частый вариант.

Для «Утра» подойдёт комбинированный. Например, чашка с паром и рядом название.

Как сделать логотип.

Вариант первый. Сгенерировать в нейросети. Промпт может быть таким: минималистичный логотип для кофейни, чашка и лист, пастельные тона, флэт-стиль, квадрат, без текста.

Вариант второй. Собрать в Figma вручную из простых фигур.

Вариант третий. Скомбинировать. Сгенерировать идею в нейросети, а потом обвести в Figma.

Важно. Логотип должен читаться в маленьком размере. Проверьте: уменьшите его до размера иконки. Если всё ещё понятно, что это, значит, хорошо.



УРОК 5.5. ЧТО ТАКОЕ FIGMA.

Figma это программа для дизайна. Бесплатная. Работает прямо в браузере, ничего устанавливать не нужно.

Зачем она Вам. В ней делают макеты сайтов, логотипы, презентации, гайдлайны. Это главный инструмент дизайнера.

Интерфейс простой, если знать три вещи.

Первое. Фрейм. Это, как лист бумаги. На нём Вы размещаете всё остальное.

Второе. Слои. Слева список всего, что есть на фрейме. Можно перетаскивать, скрывать, переименовывать.

Третье. Панель справа. Там настройки: размер, цвет, шрифт, отступы.

Основные инструменты:

прямоугольник;

круг;

линия;

текст;

перо.

Больше на старте не нужно.


УРОК 5.6. ШЕСТЬ ПРОСТЫХ ПРИЁМОВ В FIGMA.

Приём первый. Фрейм. Нажмите F, потом выберите размер. Для лендинга подойдёт 1440 на 1024. Для сторис 1080 на 1920.

Приём второй. Выравнивание. Когда объектов несколько, выделите их и нажмите на иконку выравнивания сверху. Всё встанет ровно.

Приём третий. Компоненты. Если один и тот же элемент повторяется, сделайте его компонентом. Правый клик, создать компонент. Теперь можно менять один раз, а меняется везде.

Приём четвёртый. Автолейаут. Выделите группу, нажмите Shift плюс A. Теперь элементы будут сами подстраиваться при изменении текста.

Приём пятый. Стили. Сохраните свои цвета и шрифты как стили. Тогда они всегда под рукой и не надо вводить код цвета каждый раз.

Приём шестой. Дублирование. Выделите объект и нажмите Ctrl плюс D. Объект скопируется.

Этого достаточно, чтобы собрать гайдлайн и первый макет.



УРОК 5.7. ЧТО ТАКОЕ ГАЙДЛАЙН.

Гайдлайн это документ, где собрано всё о визуальном стиле бренда.

Что в него входит:

логотип и его варианты;

цвета с кодами;

шрифты;

примеры использования;

запреты. Что нельзя делать с логотипом и цветами.

Гайдлайн нужен, чтобы любой, кто работает с брендом, делал это в одном стиле. Дизайнер, маркетолог, копирайтер, владелец.



ПРАКТИКА МОДУЛЯ 5.

Задание: собрать мини-гайдлайн для кофейни «Утро».

Шаг 1. Соберите мудборд. Найдите восемь-двенадцать картинок в тёплых тонах. Сохраните их в Figma на одном фрейме.

Шаг 2. Определите цвета. Выберите четыре цвета и сохраните их, как стили в Figma.

Шаг 3. Определите шрифты. Выберите два шрифта в Figma. Один для заголовков, один для текста.

Шаг 4. Сделайте логотип. Сгенерируйте в нейросети или соберите в Figma.

Шаг 5. Соберите одну страницу гайдлайна. На ней разместите название бренда, логотип, цвета с кодами, шрифты, мудборд.

Шаг 6. Проверьте. Всё ли выглядит в одном стиле. Нет ли случайных цветов и шрифтов.



ЧЕК-ЛИСТ МОДУЛЯ 5.

Понимаю, из чего состоит бренд.

Умею собирать мудборд.

Знаю, как подобрать цвета и шрифты.

Сделал логотип для «Утра».

Освоил базовые приёмы Figma.

Собрал страницу гайдлайна.




Информация из открытых источников в интернете.
Использован инструмент ИИ.




Нейросети с нуля от картинки до сайта

Список источников и ресурсов - публицистика, 06.10.2026 19:00
http://proza.ru/2026/10/06/1775

Публикация 8. финал - публицистика, 06.10.2026 18:16
http://proza.ru/2026/10/06/1697
Финал. Собираем кейс и идём дальше. Задача, решение, результат, портфолио.

Финальная статья курса. Здесь мы собираем всё, что сделано за шесть модулей, в один кейс. Вы узнаете, как описать задачу, решение и результат, как оформить проект для портфолио и куда двигаться дальше: на фриланс, в работу, в своё дело или в углубление. Это не урок, а руководство к действию после курса.

Публикация 7. модуль 6 - публицистика, 06.10.2026 18:09
http://proza.ru/2026/10/06/1687
Модуль 6. Сайт без кода. Лендинг, тексты, сборка в Tilda.

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

Публикация 6. модуль 5 - публицистика, 06.10.2026 18:05
http://proza.ru/2026/10/06/1680
Модуль 5. Брендинг и Figma. Мудборд, цвета, шрифты, логотип, гайдлайн.

Пятый модуль курса. Переходим к брендингу. Вы узнаете, из чего состоит бренд, как собрать мудборд, подобрать цвета и шрифты, сделать логотип. Освоите базовые приёмы Figma и соберёте мини-гайдлайн. Это модуль о том, как из разрозненных картинок получается единый визуальный стиль.

Публикация 5. модуль 4 - публицистика, 06.10.2026 18:02
http://proza.ru/2026/10/06/1672
Модуль 4. 3D-модели. Способы создания 3D, промпты, 3D-чашка для бренда.

Четвёртый модуль курса. Разбираем 3D-модели. Вы узнаете, зачем они нужны, какие есть способы их создать и как написать промпт для объёмного объекта. В практике — 3D-чашка для бренда и короткий видеооблёт. Опыт в моделировании не нужен. Всё делается через нейросети и браузер.

Публикация 4. модуль 3 - публицистика, 06.10.2026 17:58
http://proza.ru/2026/10/06/1663
Модуль 3. Генерация видео. Нейросети для видео, сториборд, рекламный.

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

Публикация 3. модуль 2 - публицистика, 06.10.2026 17:52
http://proza.ru/2026/10/06/1653
Модуль 2. Генерация изображений. Нейросети для картинок, промпты, серия визуалов для бренда.

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

Публикация 2. модуль 1 - публицистика, 06.10.2026 17:47
http://proza.ru/2026/10/06/1644
Модуль 1. Первое знакомство с нейросетями. Что такое нейросеть, что такое промпт, первые генерации.

Первый модуль курса по нейросетям. Здесь мы разберём, что такое нейросеть, какие задачи она умеет решать и как с ней разговаривать. Вы узнаете формулу хорошего промпта и сделаете первые три генерации. Это самый простой шаг, с которого начинается всё остальное. Модуль рассчитан на новичков и не требует никакой подготовки.

Нейросети с нуля от картинки до сайта - публицистика, 06.10.2026 17:43
http://proza.ru/2026/10/06/1633
Вводная статья. О чём этот курс, кому подойдёт и как устроен.

Этот курс для тех, кто хочет освоить нейросети, но не знает, с чего начать. Здесь не будет сложных терминов и программирования. Только простые шаги, понятные примеры и практика. За шесть модулей Вы пройдёте путь от первой картинки до готового проекта: бренд, изображения, видео, 3D-модель, гайдлайн и сайт. Курс бесплатный. Опыт в дизайне или коде не нужен.