ПРОГРАММА БЕСПЛАТНИКА📋

— 25 ноября. вторник
• Урок 1. Кто такой веб-дизайнер и на чем он зарабатывает? ✅
• Урок 2 (практический). Разбор программы, в которой работают все дизайнеры. Практика в Figma: создание главного экрана сайта ✅
• Бонусный гайд. Горячие клавиши для Figma ✅

— 26 ноября. среда
• Урок 3 (практический). Базовые правила в дизайне. Практика в Figma: создание дизайна всего сайта ✅
• Бонусный макет (для самых пытливых). Делаем макет объемнее для портфолио ✅

— 27 ноября. четверг
• Урок 4 (практический). Адаптивность сайта под разные устройства. Практика в Figma: создание мобильной версии сайта ✅
• Бонусный урок (практический, для самых пытливых). Анимации на сайте. Практика в Jitter: делаем креативную анимацию ✅

— 28 ноября. пятница
• Информация о моем основном обучении (набор 01.12) ✅
• Урок 5. Портфолио дизайнера. Где и что должно быть в упаковке проекта?
• Бонусные шаблоны портфолио для Behance/Dprofile и Notion

— 29 ноября. суббота
• Урок 6. Модели заработка в дизайне. Способы поиска клиентов и процесс трудоустройства
• Бонусная статья (для самых пытливых). Создание изображений в нейросети

Напоминаю, что в рамках бесплатника будут домашние задания с проверкой от меня!!! Очень много полезных материалов, статей, розыгрыши и т.д. Также, если у вас возникли/будут возникать какие-либо вопросы или дополнения — пишите здесь в комментариях к постам 💖

#бесплатник

📋 Урок 1. Кто такой веб-дизайнер и что входит в его обязанности? На чем он зарабатывает и как строится его работа внутри проекта?

Что вас ждет в уроке:
– Знакомство со мной и программой обучения
– Дайджест по программе бесплатного обучения
– Для кого подходит профессия
– Кто такой веб-дизайнер и чем он отличается от других дизайнеров
– Какие продукты он создает и на чем зарабатывает
– Этапы создания проекта изнутри на примере сайта

Для удобства прикрепляю также ссылку урока на YouTube ✅

Погнали! Это будет жарко!🔥

#бесплатник

📋Урок-практика 2. «Знакомство с Figma + собираем главный экран сайта»

Первый практический урок, где мы знакомимся с программой Figma (в которой работают все веб-дизайнеры) сразу на практике по сборке главного экрана сайта!

Включайте урок и повторяйте за мной и за тем, что я делаю, так будет намного легче – дизайн не из самых простых. Можете замедлять/ускорять его, но, самое главное, пишите, если у вас вдруг что-то не выходит, отправляйте свои вопросы/видео – я буду разбирать все прямо тут в комментариях, чтобы вы точно поняли (также вы можете писать мне в ЛС) 💖

Для удобства прикрепляю также ссылку урока на YouTube ✅

⚠️Что обязательно нужно сделать перед уроком?
1. Зарегистрироваться в Figma (можно работать прямо в браузере, можно скачать и установить приложение на компьютер)
2. Перейти по этой ссылке (это будет твой учебный файл после того, как ты его скопируешь к себе)
3. В верхней части экрана, а именно в верхнем левом углу, будет название файла «Обучение по веб-дизайну (web lab.)» – кликаем на стрелочку справа от него и у вас появится выпадающий список
4. Выбираем команду «Duplicate»

Готово! Этот файл теперь как ваша рабочая тетрадь и он дублируется в ваши черновики (Drafts), теперь вы можете работать непосредственно там. Не переживайте – его будете видеть только вы, а сам файл будет иметь пометку Copy.

#бесплатник

‼️Важная инфа по поводу домашнего задания + 🎁Бонус
– Необходимо повторить главный экран по моему уроку и прислать его на проверку (если у вас уже есть опыт, то вы можете сделать 2 версию главного экрана или вообще свою, даже со своими собственными генерациями)

1. Присылать его нужно мне в ЛС
2. В Figma, в правом верхнем углу у проекта нажимаем на синюю кнопку «Share» → и выбираем в появившемся окне кнопку «Copy link» → проверяйте доступ, чтобы был выбран пункт «Anyone → Can view» (иначе у меня не будет доступа к файлу)
3. Домашнее задание будет проверено в течение 48 часов (все Д/з можно сдавать до 3 декабря включительно)

А еще, не переживаем, – первый практический урок самый длинный и сложный. Это база, изучив которую, дальше будет намного проще. Но это очень твердая база, а не просто сборка макета для галочки🔥

💟Для всех дизайнеров я подготовила бонус!
Гайд по самым важным горячим клавишам в начале своего пути, будет круто, если вы начнете применять их на постоянной основе

#бесплатник

📋Урок-практика 3. «Практика в Figma: собираем главную страницу сайта»

Еще один практический урок, где мы будем собирать дизайн всего сайта. Здесь мы не будем останавливаться на функционале и инструментах Figma: это мы изучали во втором уроке, кто пропустил — обязательно начните с него или с первого вводного урока💡

⚠️По этому уроку также буду ждать от вас сдачу домашнего задания по сборке макета всего сайта.
Напоминаю, что по всем урокам Д/з буду принимать до 3 декабря включительно!

📍Материалы из урока лежат тут
Для удобства прикрепляю также ссылку урока на YouTube ✅

#бесплатник

То, что вы пишете — это что-то 💖

За 2 дня бесплатника я получила стооооолько обратной связи!
Отдельное спасибо вам — это заряжает давать ещё больше, чем планировала 🔥

Вижу ваши отметки в сторис и первые макеты, читаю все сообщения, знайте, мне безумно приятно!
А кто еще не с нами — подключайтесь тоже)

Несколько действующих дизайнеров написали, что программа бесплатника оказалась полезнее платных курсов
Вы тогда представляете, что будет на основном обучении???!!!

Реакции по традиции приветствуются, как и на посты с уроками 🌞

А мы продолжаем наше обучение 🌸

Сегодня у нас выходит новый урок + бонусный урок:
• Урок 4 (практический). «Практика в Figma: создание мобильной версии сайта»
• Бонусный урок (практический, для самых пытливых). Анимации на сайте. Практика в Jitter

🔔 Урок выйдет в 19:00 (по Московскому времени) и спустя полчаса выложу бонусный урок

#бесплатник

📋Урок-практика 4. «Практика в Figma: создание мобильной версии сайта»

Новый урок по адаптивности сайта: базово разберемся с тем, какие разрешения для макетов брать, а также какими принципами нужно руководствоваться при адаптации макета. Если вы пропустили уроки по созданию дизайна для десктопа, то стоит вернуться ко 2 уроку и 3 уроку💡

⚠️По этому уроку также буду ждать от вас сдачу домашнего задания по сборке мобильной версии сайта!

📍Материалы из урока лежат тут
Для удобства прикрепляю также ссылку урока на YouTube ✅

#бесплатник

💟Для продвинутых и очень заинтересованных дизайнеров я подготовила на сегодня бонус!

А именно – дополнительный урок и задание!
В нем мы с вами будем обсуждать разные виды анимаций на сайте, а также сделаем свою собственную креативную анимацию в Jitter.

⚠️Домашнее задание (как и просмотр этого урока) выполняется по желанию, особенно, если вы новичок. Не забываем – самое главное сделать обязательные Д/з, поэтому организуйте свое время правильно!

📍Материалы из урока лежат тут
Для удобства прикрепляю также ссылку урока на YouTube ✅

#бесплатник

РОЗЫГРЫШ 🔥

Вижу по отзывам и их количеству, что бесплатник вам очень заходит! А мне хочется дать вам взамен ещё больше — поэтому я придумала [розыгрыш] 💖

Подарю бесплатный доступ на свое обучение, подробнее о программе можно узнать тут ←

Условие : выложть сторис в инстаграм с отметкой @моего аккаунта
(например, как проходите бесплатник, свои первые работы, эмоции или другой формат)
*ваш аккаунт должен быть открытым, чтобы я увидела отметку

🔔 Итоги — 4 декабря (3 декабря последний день участия)

Также сегодня у нас выходит новый урок + бонус к нему:
• Урок 5. Портфолио дизайнера. Где и что должно быть в упаковке проекта?
• Бонусные шаблоны портфолио для Behance/Dprofile и Notion

🔔 Урок выйдет в 19:00 (по Московскому времени) и спустя несколько часов выложу бонусные материалы

#бесплатник

📋Урок 5. Портфолио дизайнера. Где и что должно быть в упаковке проекта?

Разберем с вами, что такое портфолио дизайнера, из чего оно состоит и что в нем должно быть. Также разберем на каких площадках его нужно размещать (если вообще нужно) в зависимости от выбранной модели заработка.

⚠️По этому уроку также буду ждать от вас сдачу домашнего задания.

Для удобства прикрепляю также ссылку урока на YouTube ✅

#бесплатник

💟Для всех я подготовила бонус!

А именно – шаблоны по упаковке портфолио! В завимимости от того, какой путь вы выбираете найм или фриланс, – вид вашего портфолио будет сильно отличаться. Как это определить наверняка – можно узнать в сегодняшнем уроке 💖

⚠️ шаблон портфолио в Notion (если не открывается, то попробуйте включить VPN + лучше читайте с компьютера, более удобный формат и компактное форматирование)
⚠️ шаблон портфолио для Dprofile/Behance от Nolim

#бесплатник