ИНТЕРАКТИВНАЯ
Карта пути Hotel Grand OhDesign
Карта пути Hotel Grand OhDesign
Инструкция по использованию интерактивной карты пути Hotel Grand OHDESIGN
интерактивная карта пути — это карта выхода уроков на курсе, которая поможет тебе не потеряться в уроках и важных домашних заданиях и проведёт тебя за ручку по нашему обучению.
просто следуй по нашей интерактивной карте, она будет вести тебя по урокам и показывать домашние задания, которые важно сдать до окончания курса
Каждый шаг карты — это новый урок
просто следуй по нашей интерактивной карте, она будет вести тебя по урокам и показывать домашние задания, которые важно сдать до окончания курса
Каждый шаг карты — это новый урок
В каждом шаге первым идёт название урока, а ниже указан модуль, в котором находится этот урок
при наведении на значок с информацией, открывается домашнее задание, которое необходимо сделать
Просто следуй за картой и догоняй обучение
удачи!✨
Просто следуй за картой и догоняй обучение
удачи!✨
карта пути будет пополняться последовательно вниз по мере выхода новых уроков
— урок без домашнего задания
— в уроке есть ОБЯЗАТЕЛЬНОЕ домашнее задание
обязательное домашнее задание
— при наведении на значок с информацией, открывается домашнее задание, которое необходимо сделать
необязательное домашнее задание
— в уроке есть НЕобязательное домашнее задание
Модуль
«Работа в Figma»
«Работа в Figma»
Стили
домашнее задание:
1. Написать список плагинов (минимально - 5 штук), которые вам понравились и которые вы будете использовать в работе.
2. Найти среди плагинов приём, который казался вам сложным, но который теперь вы можете реализовать с помощью фигмы. И написать его. Можно как декоративный так и функциональный.
3. Повторить приём с помощью плагина
4. Прислать скрин установленных плагинов
1. Написать список плагинов (минимально - 5 штук), которые вам понравились и которые вы будете использовать в работе.
2. Найти среди плагинов приём, который казался вам сложным, но который теперь вы можете реализовать с помощью фигмы. И написать его. Можно как декоративный так и функциональный.
3. Повторить приём с помощью плагина
4. Прислать скрин установленных плагинов
Модуль
«Работа в Figma»
«Работа в Figma»
Плагины
домашнее задание:
из простых форм необходимо сделать картину. вы можете найти картину вашего любимого художника или взять наши примеры и повторить
p.s. документ-подсказка «как изобразить эти элементы в Figma» >>
❗️ для сдачи работы прикрепите ссылку на Figma на платформе
из простых форм необходимо сделать картину. вы можете найти картину вашего любимого художника или взять наши примеры и повторить
p.s. документ-подсказка «как изобразить эти элементы в Figma» >>
❗️ для сдачи работы прикрепите ссылку на Figma на платформе
Модуль
«Работа в Figma»
«Работа в Figma»
Сетки
домашнее задание:
1. внимательно ознакомься с информацией в уроке, изучи воркбук и ответь на вопросы в воркбуке в практической части ✨
после прохождения теста прикрепить скрин результата на платформу.
2. используя ресурсы из урока, а также используя свои ресурсы, найди 5 интересных шрифтов по твоему мнению и поделись своей подборкой в ответе на задание и в чате своей ох-группы ✨
1. внимательно ознакомься с информацией в уроке, изучи воркбук и ответь на вопросы в воркбуке в практической части ✨
после прохождения теста прикрепить скрин результата на платформу.
2. используя ресурсы из урока, а также используя свои ресурсы, найди 5 интересных шрифтов по твоему мнению и поделись своей подборкой в ответе на задание и в чате своей ох-группы ✨
Модуль
«Типографика»
«Типографика»
История
типографики
типографики
домашнее задание:
после просмотра урока необходимо пройти тест на проверку знаний на платформе, нажав на кнопку «пройти тест»
после прохождения теста прикрепить скрин результата
на платформу
после просмотра урока необходимо пройти тест на проверку знаний на платформе, нажав на кнопку «пройти тест»
после прохождения теста прикрепить скрин результата
на платформу
Модуль
«Типографика»
«Типографика»
Принципы типографики
Модуль
«Работа в Figma»
«Работа в Figma»
Компоненты
домашнее задание:
после просмотра урока необходимо пройти тест на проверку знаний на платформе, нажав на кнопку «пройти тест»
после прохождения теста прикрепить скрин результата в комментариях на платформу
после просмотра урока необходимо пройти тест на проверку знаний на платформе, нажав на кнопку «пройти тест»
после прохождения теста прикрепить скрин результата в комментариях на платформу
Модуль
«Типографика»
«Типографика»
Как подбирать шрифты
домашнее задание:
1. скопировать текст из файла
* для этого перейдите по ссылке и в Фигме нажмите «Duplicate to your drafts»
2. сделайте дизайн для сайта, используя навыки типографики
3. в работе обязательно использовать шрифты только классические — Inter или Gilroy.
4. сконцентрируйтесь на удобстве для пользователя
5. Frame на выбор от 1200px до 1400px в ширину, сетка плагин «Grid for Tilda Publishing»
6. в работе можно использовать картинки, по желанию
❗️в работе обязательно используем цвет своей группы
1. скопировать текст из файла
* для этого перейдите по ссылке и в Фигме нажмите «Duplicate to your drafts»
2. сделайте дизайн для сайта, используя навыки типографики
3. в работе обязательно использовать шрифты только классические — Inter или Gilroy.
4. сконцентрируйтесь на удобстве для пользователя
5. Frame на выбор от 1200px до 1400px в ширину, сетка плагин «Grid for Tilda Publishing»
6. в работе можно использовать картинки, по желанию
❗️в работе обязательно используем цвет своей группы
Модуль
«Типографика»
«Типографика»
Приемы типографики
Модуль
«Типографика»
«Типографика»
Настроение шрифта
Модуль
«Бонусный»
«Бонусный»
Как дизайнеру расширить спектр своих услуг
домашнее задание по желанию:
посмотри урок и загляни в доп.материал с заданием ✨
— обязательно выполни упражнение по работе со страхами
p.s. данное задание не проверяется куратором, но с радостью обсуждается в чате, поэтому не забудьте выполнить его и отправить в чат #охдзстрахи
посмотри урок и загляни в доп.материал с заданием ✨
— обязательно выполни упражнение по работе со страхами
p.s. данное задание не проверяется куратором, но с радостью обсуждается в чате, поэтому не забудьте выполнить его и отправить в чат #охдзстрахи
Модуль
«Дизайн-мышление»
«Дизайн-мышление»
Будь свободен как искусственный интеллект
Модуль
«Бонусный»
«Бонусный»
Секреты презентаций
Модуль
«Бонусный»
«Бонусный»
Как эффективно стартануть в ВК
домашнее задание:
после просмотра урока необходимо пройти тест на проверку знаний на платформе, нажав на кнопку «пройти тест»
после прохождения теста прикрепить скрин результата в ответе на платформе
после просмотра урока необходимо пройти тест на проверку знаний на платформе, нажав на кнопку «пройти тест»
после прохождения теста прикрепить скрин результата в ответе на платформе
Модуль
«Композиция и сетка»
«Композиция и сетка»
Композиция
домашнее задание по желанию:
создай свой калейдоскоп из фигур, которые ты уже научился делать. воспользуйся плагинами, блюром и закрепи пройденные навыки. ты можешь попробовать замиксовать в твой калейдоскоп и другие слова!
для сдачи задания — прикрепи файл в ответе на платформе
для получения обратной связи — поделись своим ответом с твоими одногруппниками в чате «ох-болталка» и твоей «ох-группе» с куратором под хештегом #охдзкалейдоскоп
создай свой калейдоскоп из фигур, которые ты уже научился делать. воспользуйся плагинами, блюром и закрепи пройденные навыки. ты можешь попробовать замиксовать в твой калейдоскоп и другие слова!
для сдачи задания — прикрепи файл в ответе на платформе
для получения обратной связи — поделись своим ответом с твоими одногруппниками в чате «ох-болталка» и твоей «ох-группе» с куратором под хештегом #охдзкалейдоскоп
Модуль
«Дизайн-мышление»
«Дизайн-мышление»
Мысли как дезигнер
домашнее задание:
необходимо сделать
подборку из 5 сайтов
— сделать полный скриншот
всех сайтов через расширение
Go full page
https://chrome.google.com/
webstore/detail/gofullpage-full-pagescre/fdpohaocaechififmb
bbbbknoalclacl?hl=ru
— разместить все скрины
сайтов в Figma
— точно определить на каждом сайте силовые линии, на которых строится композиция
— добавить направляющие
✨для сдачи ДЗ — прикрепите ссылку на проект в ответе на платформе
необходимо сделать
подборку из 5 сайтов
— сделать полный скриншот
всех сайтов через расширение
Go full page
https://chrome.google.com/
webstore/detail/gofullpage-full-pagescre/fdpohaocaechififmb
bbbbknoalclacl?hl=ru
— разместить все скрины
сайтов в Figma
— точно определить на каждом сайте силовые линии, на которых строится композиция
— добавить направляющие
✨для сдачи ДЗ — прикрепите ссылку на проект в ответе на платформе
Модуль
«Композиция и сетка»
«Композиция и сетка»
Сетки.Практика
домашнее задание:
после просмотра урока необходимо пройти тест на проверку знаний на платформе, нажав на кнопку «пройти тест»
после прохождения теста прикрепить скрин результата в ответе на платформе
после просмотра урока необходимо пройти тест на проверку знаний на платформе, нажав на кнопку «пройти тест»
после прохождения теста прикрепить скрин результата в ответе на платформе
Модуль
«Композиция и сетка»
«Композиция и сетка»
Сетки.Теория
Модуль
«Композиция и сетка»
«Композиция и сетка»
Онлайн-урок с Ромой
Модуль
«Поиск клиентов и взаимодействие с ними»
«Поиск клиентов и взаимодействие с ними»
Созвон по продажам
домашнее задание:
создать дизайн-макет сайта про Амстердам
в задании необходимо:
открыть ТЗ с текстом сайта
ПОДОЙДИТЕ К РЕФЕРЕНСАМ СЕРЬЕЗНО. ПРОАНАЛИЗИРУЙТЕ,
ЧТО ВАМ НРАВИТСЯ В ПРОЕКТЕ И ОПИШИТЕ ЭТО В НЕСКОЛЬКИХ ПУНКТАХ.
ИСПОЛЬЗУЙТЕ БИБЛИОТЕКУ БЛОКОВ (чтобы найти подходящие решения для компановки блоков)
ПОВТОРИТЕ ОДНУ ИЗ СЕТОК
С ВАШЕЙ ПОДБОРКИ
(перенесите силовые линии из понравившегося референса и добавьте в свой фрейм, в котором
вы будете создавать дизайн)
✨ для сдачи ДЗ — прикрепите ссылку на проект в Фигме в ответе
на платформе
создать дизайн-макет сайта про Амстердам
в задании необходимо:
- посмотреть видео по выполнению ДЗ от Ромы
- подобрать сайты в подходящей стилистике
- отдельным фреймом прикрепить как минимум 3 референса
- в выбранных референсах - разобрать сетку и выделить силовые линии
- к каждому новому блоку вашего сайта – найдите референс!
открыть ТЗ с текстом сайта
ПОДОЙДИТЕ К РЕФЕРЕНСАМ СЕРЬЕЗНО. ПРОАНАЛИЗИРУЙТЕ,
ЧТО ВАМ НРАВИТСЯ В ПРОЕКТЕ И ОПИШИТЕ ЭТО В НЕСКОЛЬКИХ ПУНКТАХ.
ИСПОЛЬЗУЙТЕ БИБЛИОТЕКУ БЛОКОВ (чтобы найти подходящие решения для компановки блоков)
ПОВТОРИТЕ ОДНУ ИЗ СЕТОК
С ВАШЕЙ ПОДБОРКИ
(перенесите силовые линии из понравившегося референса и добавьте в свой фрейм, в котором
вы будете создавать дизайн)
✨ для сдачи ДЗ — прикрепите ссылку на проект в Фигме в ответе
на платформе
Модуль
«Композиция и сетка»
«Композиция и сетка»
Итоговое ДЗ к модулю
домашнее задание:
1. подготовить 2 «стандартных» сайта, разобрать их на блоки,
как в уроке
2. подготовить 2 «креативных»
сайта и разобрать их на блоки
3. создать библиотеку блоков, заполнить каждый пункт и добавить от 2+ вариантов в каждый
4. заполнять библиотеку и посещать сайты ежедневно;)
для сдачи ДЗ — прикрепите ссылки на проект в ответе на платформе
1. подготовить 2 «стандартных» сайта, разобрать их на блоки,
как в уроке
2. подготовить 2 «креативных»
сайта и разобрать их на блоки
3. создать библиотеку блоков, заполнить каждый пункт и добавить от 2+ вариантов в каждый
4. заполнять библиотеку и посещать сайты ежедневно;)
для сдачи ДЗ — прикрепите ссылки на проект в ответе на платформе
Модуль
«Насмотренность»
«Насмотренность»
Насмотренность дизайнера и поиск референсов
Модуль
«Tilda»
«Tilda»
Тильда.
Вступление
Вступление
Модуль
«Tilda»
«Tilda»
Почему Тильда
Модуль
«Насмотренность»
«Насмотренность»
Мудборд и ассоциации
в веб-дизайне
в веб-дизайне
Модуль
«Zero Block»
«Zero Block»
домашнее задание:
выберите свой уровень и выполните одно из заданий ⬇️
lv 1
для тех, кто видит zero block впервые – повторить за Ромой два блока в видео: домашнее задание
+ главный экран с вашего сайта из предыдущих заданий
lv 2
перенести в zero block:
главный экран с вашего сайта из предыдущих заданий
или понравившийся с awwwards
+
перенести два любых блока на тильду
например: с вашего дз, либо простое решение с awwward
❗️ важно: не повторяйте сложные эффекты о которых не говорили в рамках этого ролика
* по теме Анимации у нас дальше будет отдельный блок, где мы подробнее обо всем поговорим
✨ для сдачи ДЗ — прикрепите ссылку на проект в ответе на платформе
выберите свой уровень и выполните одно из заданий ⬇️
lv 1
для тех, кто видит zero block впервые – повторить за Ромой два блока в видео: домашнее задание
+ главный экран с вашего сайта из предыдущих заданий
lv 2
перенести в zero block:
главный экран с вашего сайта из предыдущих заданий
или понравившийся с awwwards
+
перенести два любых блока на тильду
например: с вашего дз, либо простое решение с awwward
❗️ важно: не повторяйте сложные эффекты о которых не говорили в рамках этого ролика
* по теме Анимации у нас дальше будет отдельный блок, где мы подробнее обо всем поговорим
✨ для сдачи ДЗ — прикрепите ссылку на проект в ответе на платформе
Старт
«Zero Block»
«Zero Block»
Модуль
«Tilda»
«Tilda»
Структура сайта
Модуль
«Tilda»
«Tilda»
Полезные блоки
домашнее задание:
собрать сайт на стандартных блоках, БЕЗ использования Zero Block за 2 часа
* подробное ТЗ выполнения задания находится в видеоуроке, а также по кнопке: открыть домашнее задание на платформе
⏰ время сборки сайта — 2 часа!
✨ для сдачи ДЗ — прикрепите ссылку на проект в ответе на платформе
собрать сайт на стандартных блоках, БЕЗ использования Zero Block за 2 часа
* подробное ТЗ выполнения задания находится в видеоуроке, а также по кнопке: открыть домашнее задание на платформе
⏰ время сборки сайта — 2 часа!
✨ для сдачи ДЗ — прикрепите ссылку на проект в ответе на платформе
Модуль
«Zero Block»
«Zero Block»
Онлайн-урок по переносу сайта
домашнее задание:
1. сделайте ассоциативный тест юнга, чтобы сформировать позиционирование себя в блоге как дизайнера
это можно сделать перейдя на сайт: https://testy.online/assotsiativnyj-test-yunga/
2. найдите блоги дизайнеров, которые вдохновляют и нравятся
3. посмотрите на свои соц.сети объективно и выпишите 5 идей по улучшению своего образа дизайнера в них
4. пропишите план по развитию своего инстаграм: 9 тем для постов, идеи для актуальных и ежедневных сторис
5. ознакомьтесь с доп.материалом и заполните пункты из доп.материала и чек-листа проверки аккаунта
1. сделайте ассоциативный тест юнга, чтобы сформировать позиционирование себя в блоге как дизайнера
это можно сделать перейдя на сайт: https://testy.online/assotsiativnyj-test-yunga/
2. найдите блоги дизайнеров, которые вдохновляют и нравятся
3. посмотрите на свои соц.сети объективно и выпишите 5 идей по улучшению своего образа дизайнера в них
4. пропишите план по развитию своего инстаграм: 9 тем для постов, идеи для актуальных и ежедневных сторис
5. ознакомьтесь с доп.материалом и заполните пункты из доп.материала и чек-листа проверки аккаунта
Модуль
«Личный бренд
и портфолио»
«Личный бренд
и портфолио»
Личный бренд
для дизайнера
для дизайнера
Модуль
«Zero Block»
«Zero Block»
Автоскейл
домашнее задание:
создайте лонгрид, для этого необходимо:
1. сделать дизайн в Figma
2. перенести дизайн в Tilda
* текст ДЗ доступен по кнопке под видео
** в работе можно использовать ЛЮБЫЕ приёмы, цвета, анимацию. также, можно менять текст и добавлять новую информацию
работа, в которой тебе можно всё
✨ для сдачи ДЗ — прикрепите 2 ссылки на проект в ответе на платформе (на Figma и на Tilda)
создайте лонгрид, для этого необходимо:
1. сделать дизайн в Figma
2. перенести дизайн в Tilda
* текст ДЗ доступен по кнопке под видео
** в работе можно использовать ЛЮБЫЕ приёмы, цвета, анимацию. также, можно менять текст и добавлять новую информацию
работа, в которой тебе можно всё
✨ для сдачи ДЗ — прикрепите 2 ссылки на проект в ответе на платформе (на Figma и на Tilda)
Модуль
«Анимация»
«Анимация»
Анимация Pro
Модуль
«Анимация»
«Анимация»
Step by step анимация
домашнее задание:
сделать задание на выбор:
задание 1. креативно и более практично посмотрите на анимацию и создайте что-то оригинальное, что будет вызывать эмоцию – 4 экрана анимации, а именно:
1. ANIMATION
анимации появления
(Fade IN, IN UP, FADE IN DOWN...)
одну из из тех, которые указаны выше на выбор
2. PARALLAX
2.1 Mouse
2.2 Scroll
3. FIXING
например: пинг-понг
задание 2. найти 4 референса базовой анимации и повторить их в Тильде
✨ для сдачи ДЗ — прикрепите ссылку на проект в ответе на платформе
сделать задание на выбор:
задание 1. креативно и более практично посмотрите на анимацию и создайте что-то оригинальное, что будет вызывать эмоцию – 4 экрана анимации, а именно:
1. ANIMATION
анимации появления
(Fade IN, IN UP, FADE IN DOWN...)
одну из из тех, которые указаны выше на выбор
2. PARALLAX
2.1 Mouse
2.2 Scroll
3. FIXING
например: пинг-понг
задание 2. найти 4 референса базовой анимации и повторить их в Тильде
✨ для сдачи ДЗ — прикрепите ссылку на проект в ответе на платформе
Модуль
«Анимация»
«Анимация»
Базовая анимация
Модуль
«Модификации и эффекты»
«Модификации и эффекты»
Модификации и эффекты
Модуль
«Модификации и эффекты»
«Модификации и эффекты»
Нестандартная верстка через код
домашнее задание:
постройте несколько комбинацией из разноцветных столбиков
необходимо повторить за Ромой, как он показывает в уроке
✨ для сдачи ДЗ — прикрепите ссылку на проект в ответе на платформе
постройте несколько комбинацией из разноцветных столбиков
необходимо повторить за Ромой, как он показывает в уроке
✨ для сдачи ДЗ — прикрепите ссылку на проект в ответе на платформе
Модуль
«Zero Block»
«Zero Block»
Резиновая
вёрстка
вёрстка
Модуль
«Финальные настройки»
«Финальные настройки»
Финальные настройки
домашнее задание по желанию:
поделитесь своими ощущениями
в чате или в комментариях на платформе
всем удачи! ✨
поделитесь своими ощущениями
в чате или в комментариях на платформе
всем удачи! ✨
Модуль
«Дизайн-мышление»
«Дизайн-мышление»
Дизайн-медитация от Марианны
Модуль
«Работа в Figma»
«Работа в Figma»
Инструменты ч.2
Модуль
«Работа в Figma»
«Работа в Figma»
Инструменты ч.1
Модуль
«Работа в Figma»
«Работа в Figma»
Интерфейс
Модуль
«Эмоции через сайт»
«Эмоции через сайт»
Эмоции через сайт
Личный кабинет
Модуль
«Тильда.Интернет-магазины»
«Тильда.Интернет-магазины»
Модуль
«Насмотренность»
«Насмотренность»
Насмотренность и дизайн через эстетики æ
домашнее задание:
создать интернет-магазин на выбор (магазин винила, свечи или одежды)
— контент, офферы и описания взять со схожих ниш
— фото взять из Pinterest или сайтов. обязательно должны быть красивыми, атмосферными и подходящими по стилю друг к другу
— размер магазина на ваше усмотрение. это может быть уникальный магазин с небольшим количеством товаров или большой магазин
создать интернет-магазин на выбор (магазин винила, свечи или одежды)
— контент, офферы и описания взять со схожих ниш
— фото взять из Pinterest или сайтов. обязательно должны быть красивыми, атмосферными и подходящими по стилю друг к другу
— размер магазина на ваше усмотрение. это может быть уникальный магазин с небольшим количеством товаров или большой магазин
Модуль
«Тильда.Интернет-магазины»
«Тильда.Интернет-магазины»
Интернет-магазины
Продающее портфолио
Модуль
«Личный бренд
и портфолио»
«Личный бренд
и портфолио»
домашнее задание:
— просмотрите примеры в уроке и собери свои референсы для портфолио
— сделайте личный сайт-портфолио на Тильде, которое будет отображать тебя и твои работы
— сделайте портфолио на behance
✨ для сдачи ДЗ — прикрепите ссылки на свой сайт-портфолио и на портфолио на behance
— просмотрите примеры в уроке и собери свои референсы для портфолио
— сделайте личный сайт-портфолио на Тильде, которое будет отображать тебя и твои работы
— сделайте портфолио на behance
✨ для сдачи ДЗ — прикрепите ссылки на свой сайт-портфолио и на портфолио на behance
Модуль секреты
быстрой работы
быстрой работы
Секреты быстрой работы
SEO и аналитика
Модуль «SEO и аналитика»
домашнее задание по желанию:
придумайте идею своего нфт-токена, опиши её по системе:
— название
— философия
— как выглядит? что делает? (можно представить в виде доступ на пинтерест)
— цена в эфириуме
теперь, воплотите её в жизнь ✨
удачи!
придумайте идею своего нфт-токена, опиши её по системе:
— название
— философия
— как выглядит? что делает? (можно представить в виде доступ на пинтерест)
— цена в эфириуме
теперь, воплотите её в жизнь ✨
удачи!
Модуль
«NFT»
«NFT»
NFT
Адаптив
Модуль
«Адаптив»
«Адаптив»
домашнее задание по желанию:
пополните свою библиотеку несколькими понравившимися мобильными сайтами
пополните свою библиотеку несколькими понравившимися мобильными сайтами
