ИНТЕРАКТИВНАЯ
Карта пути Hotel Grand OhDesign
Инструкция по использованию интерактивной карты пути Hotel Grand OHDESIGN
интерактивная карта пути — это карта выхода уроков на курсе, которая поможет тебе не потеряться в уроках и важных домашних заданиях и проведёт тебя за ручку по нашему обучению.

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

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

Просто следуй за картой и догоняй обучение

удачи!✨
карта пути будет пополняться последовательно вниз по мере выхода новых уроков
— урок без домашнего задания
— в уроке есть ОБЯЗАТЕЛЬНОЕ домашнее задание
обязательное домашнее задание
— при наведении на значок с информацией, открывается домашнее задание, которое необходимо сделать
необязательное домашнее задание
— в уроке есть НЕобязательное домашнее задание
Модуль
«Работа в Figma»
Интерфейс
Модуль
«Типографика»
Настроение шрифта
Модуль
«Работа в Figma»
Компоненты
Модуль
«Дизайн-мышление»
Дизайн-медитация
Модуль
«Секреты быстрой работы»
Автоматический перенос из Figna в Tilda
Модуль
«Анимация»
Step by step анимация
Страхи и ограничения дизайнера в работе с зарубежными клиентами
Модуль
«Английский язык»
Особенности деловой переписки
Модуль
«Английский язык»
Модуль
«Финальные настройки»
Финальные настройки
Основы веб-дизайна
на английском
Модуль
«Английский язык»
Модуль
«Модификации и эффекты»
Модификации и эффекты
Модуль
«Модификации и эффекты»
Нестандартная верстка через код
домашнее задание:

после просмотра урока необходимо пройти тест на проверку знаний на платформе, нажав на кнопку «пройти тест»

после прохождения теста прикрепить скрин результата
на платформу
Модуль
«Типографика»
Принципы типографики
Модуль
«Tilda»
Почему Тильда
домашнее задание:

1. сделайте ассоциативный тест юнга, чтобы сформировать позиционирование себя в блоге как дизайнера
это можно сделать перейдя на сайт: https://testy.online/assotsiativnyj-test-yunga/

2. найдите блоги дизайнеров, которые вдохновляют и нравятся

3. посмотрите на свои соц.сети объективно и выпишите 5 идей по улучшению своего образа дизайнера в них

4. пропишите план по развитию своего инстаграм: 9 тем для постов, идеи для актуальных и ежедневных сторис

5. ознакомьтесь с доп.материалом и заполните пункты из доп.материала и чек-листа проверки аккаунта
Модуль
«Личный бренд
и портфолио»
Личный бренд
для дизайнера
домашнее задание по желанию:

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

для сдачи задания — прикрепи файл
в ответе на платформе

для получения обратной связи — поделись своим ответом с твоими одногруппниками в чате «ох-болталка»
и твоей «ох-группе» с куратором под хештегом #охдзкалейдоскоп

Модуль
«Насмотренность»
Насмотренность дизайнера и поиск референсов
Модуль
«Tilda»
Тильда.
Вступление
Модуль
«Насмотренность»
Мудборд и ассоциации
в веб-дизайне
домашнее задание:

1. внимательно ознакомься с информацией в уроке, изучи воркбук и ответь на вопросы в воркбуке в практической части ✨

после прохождения теста прикрепить скрин результата на платформу.

2. используя ресурсы из урока, а также используя свои ресурсы, найди 5 интересных шрифтов по твоему мнению и поделись своей подборкой в ответе на задание и в чате своей ох-группы ✨
Модуль
«Типографика»
История
типографики
домашнее задание:

1. скопировать текст из файла

*для этого перейдите по ссылке и в Фигме нажмите «Duplicate to your drafts»

кнопка — открыть текст сайта

https://www.figma.com/file/222o8gnQafhhP0SDzLyBor/ДЗ?node-id=0%3A1

2. сделайте дизайн для сайта, используя навыки типографики

3. в работе обязательно использовать шрифты только классические — Inter или Gilroy

4. сконцентрируйтесь на удобстве для пользователя

5. Frame на выбор от 1200px до 1400px в ширину, сетка плагин «Grid for Tilda Publishing»

❗️в работе обязательно используем цвет своей группы

❗️❗️картинки/фото/иллюстрации использовать в этом задании запрещено
Модуль
«Типографика»
Приемы типографики
домашнее задание:

после просмотра урока необходимо пройти тест на проверку знаний, нажав
на кнопку «пройти тест»

кнопка «пройти тест»
https://ohuvideli.ru/ohdesign/test2

после прохождения теста прикрепить скрин результата в комментариях
на платформу
Модуль
«Типографика»
Как подбирать шрифты
домашнее задание по желанию:

посмотри урок и загляни в доп.материал
с заданием ✨

— обязательно выполни упражнение
по работе со страхами

p.s. данное задание не проверяется куратором, но с радостью обсуждается
в чате, поэтому не забудьте выполнить его и отправить в чат #охдзстрахи
Модуль
«Дизайн-мышление»
Будь свободен как искусственный интеллект
домашнее задание по желанию:

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

для сдачи задания — прикрепи файл
в ответе на платформе

для получения обратной связи — поделись своим ответом с твоими одногруппниками в чате «ох-болталка»
и твоей «ох-группе» с куратором под хештегом #охдзкалейдоскоп

Модуль
«Дизайн-мышление»
Мысли как дезигнер
домашнее задание:

после просмотра урока необходимо пройти тест на проверку знаний, нажав на кнопку «пройти тест»

https://ohuvideli.ru/ohdesign/3

после прохождения теста прикрепить скрин результата в комментариях на платформу
Модуль
«Композиция и сетка»
Композиция
обязательное домашнее задание:

сегодняшнее домашнее задание состоит из двух частей:

1. пройти тест на проверку знаний

https://ohuvideli.ru/ohdesign/test4

*после прохождения теста прикрепить скрин результата в ответе на платформе

2. выполнить практическое задание

для правильного выполнения практического задания, необходимо:

1. скопировать текст из файла
* для этого перейдите по ссылке ниже и в Фигме нажмите «Duplicate to your drafts»

ссылка

2. сделайте дизайн для сайта, используя навыки типографики
3. в работе обязательно использовать шрифты только классические — Inter или Gilroy, один на выбор
4. сконцентрируйтесь на удобстве для пользователя
5. Frame на выбор от 1200px до 1400px в ширину и обязательно использовать сетку при работе
*в работе можно использовать любые цвета
**картинки/фото/иллюстрации и т.д также можно использовать

после выполнения практического задания прикрепить ссылку в ответе на платформе

Модуль
«Композиция и сетка»
Сетки.Теория
Модуль
«Бонусный»
Как дизайнеру расширить спектр своих услуг
домашнее задание по желанию:

1. ознакомьтесь и внимательно изучите ТЗ для презентации
ссылка

2. задизайните презентацию для вебинара

3. цвета и шрифт можно использовать любые

4. формат — 1280х720

5. обязательно оставьте место под окошко для спикера, в правом верхнем углу
Модуль
«Бонусный»
Секреты презентаций
домашнее задание:

создать дизайн-макет сайта про Амстердам

❗️❗️ техническое задание
ссылка


• подобрать сайты в подходящей стилистике

• отдельным фреймом прикрепить как минимум 3 референса

• в выбранных референсах - разобрать сетку и выделить силовые линии

• к каждому новому блоку вашего сайта – найдите референс!

???? ПОДОЙДИТЕ К РЕФЕРЕНСАМ СЕРЬЕЗНО. ПРОАНАЛИЗИРУЙТЕ, ЧТО ВАМ НРАВИТСЯ В ПРОЕКТЕ И ОПИШИТЕ ЭТО В НЕСКОЛЬКИХ ПУНКТАХ.

по желанию:

???? ИСПОЛЬЗУЙТЕ БИБЛИОТЕКУ БЛОКОВ (чтобы найти подходящие решения для компановки блоков) и подберите к каждому новому блоку сайта - референс

???? ПОВТОРИТЕ ОДНУ ИЗ СЕТОК С ВАШЕЙ ПОДБОРКИ
(перенесите силовые линии из понравившегося референса и добавьте в свой фрейм, в котором
вы будете создавать дизайн)

✨ для сдачи ДЗ — прикрепите ссылку на проект в Фигме в ответе на платформе

дедлайн до 28 августа (включительно)
Итоговое ДЗ к модулю
Модуль
«Композиция и сетка»
домашнее задание:

собрать сайт на стандартных блоках, БЕЗ использования Zero Block за 2 часа

* подробное ТЗ выполнения задания
ссылка


время сборки сайта — 2 часа!

для сдачи ДЗ — прикрепите ссылку на проект в ответе на платформе

дедлайн до 4 сентября (включительно)
Модуль
«Tilda»
Полезные блоки
Модуль
«Tilda»
Структура сайта
домашнее задание:

выберите свой уровень и выполните одно из заданий ⬇️

lv 1
для тех, кто видит zero block впервые – повторить за Ромой два блока в видео: домашнее задание
+ главный экран с вашего сайта из предыдущих заданий

lv 2
перенести в zero block:
главный экран с вашего сайта из предыдущих заданий
или понравившийся с awwwards

+

перенести два любых блока на тильду
например: с вашего дз, либо простое решение с awwward

❗️ важно: не повторяйте сложные эффекты о которых не говорили в рамках этого ролика

* по теме Анимации у нас дальше будет отдельный блок, где мы подробнее обо всем поговорим

✨ для сдачи ДЗ — прикрепите ссылку на проект в ответе на платформе
Модуль
«Zero Block»
Старт
«Zero Block»
Модуль
«Zero Block»
Автоскейл
домашнее задание:

сделать задание на выбор:

задание 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»
Резиновая
вёрстка
домашнее задание:

создайте лонгрид, для этого необходимо:

1. сделать дизайн в Figma
2. перенести дизайн в Tilda

* текст ДЗ https://www.figma.com/file/ZUZ0TF6pTS6dMSZZIWvP3V/лонгрид?node-id=0%3A1

** в работе можно использовать ЛЮБЫЕ приёмы, цвета, анимацию. также, можно менять текст и добавлять новую информацию

работа, в которой тебе можно всё????

✨ для сдачи ДЗ — прикрепите 2 ссылки на проект в ответе на платформе (на Figma и на Tilda)
Модуль
«Анимация»
Анимация Pro
домашнее задание по желанию:

пополните свою библиотеку несколькими понравившимися мобильными сайтами
Адаптив
Модуль
«Адаптив»
Модуль
«Работа в Figma»
Инструменты ч.1
Модуль
«Работа в Figma»
Инструменты ч.2
домашнее задание:

из простых форм необходимо сделать картину. вы можете найти картину вашего любимого художника или взять наши примеры и повторить
p.s. документ-подсказка «как изобразить эти элементы в Figma» >>

❗️ для сдачи работы прикрепите ссылку на Figma на платформе
Модуль
«Работа в Figma»
Сетки
домашнее задание:

1. Написать список плагинов (минимально - 5 штук), которые вам понравились и которые вы будете использовать в работе.

2. Найти среди плагинов приём, который казался вам сложным, но который теперь вы можете реализовать с помощью фигмы. И написать его. Можно как декоративный так и функциональный.

3. Повторить приём с помощью плагина

4. Прислать скрин установленных плагинов
Модуль
«Работа в Figma»
Плагины
домашнее задание:

создать интернет-магазин на выбор (магазин винила, свечи или одежды)

— контент, офферы и описания взять со схожих ниш

— фото взять из Pinterest или сайтов. обязательно должны быть красивыми, атмосферными и подходящими по стилю друг к другу

— размер магазина на ваше усмотрение. это может быть уникальный магазин с небольшим количеством товаров или большой магазин


• Личный кабинет
Модуль «Интернет-магазины»

• Эмоции через сайт
Модуль «Эмоции через сайт»

• Насмотренность и дизайн через эстетики æ
Модуль «Насмотренность»

• Секреты быстрой работы
Модуль «Секреты быстрой работы»
Интернет-магазины
Модуль
«Интернет-магазины»
домашнее задание по желанию
*прохождение квестов урока
Оформление сайта-портфолио на английском языке
Модуль
«Английский язык»
Оформление портфолио на Behance
Модуль
«Личный бренд
и портфолио»
Лекция по цвету
от Марианны для участников дизайн-баттла
Модуль
«Бонусный»
домашнее задание:

— просмотри примеры в уроке
и собери свои референсы для портфолио

— сделай личный сайт-портфолио на Тильде, которое будет отображать тебя и твои работы

— сделай портфолио на behance

✨ для сдачи ДЗ — прикрепи ссылки на свой сайт-портфолио и на портфолио на behance
Продающее портфолио
Модуль
«Личный бренд
и портфолио»
SEO и аналитика
Модуль
«SEO и аналитика»
Мышление, денежный интеллект, энергия
и мотивация
Модуль
«Поиск клиентов и взаимодействие с ними»
Поиск клиентов
и взаимодействие
с ними
Модуль
«Поиск клиентов и взаимодействие с ними»
домашнее задание по желанию

придумайте идею своего нфт-токена, опиши её по системе:
— название
— философия
— как выглядит? что делает? (можно представить в виде доступ на пинтерест)
— цена в эфириуме

теперь, воплотите её в жизнь ✨
удачи!
NFT
Модуль
«NFT»
Обзор NFT-площадок. Как из своего дизайна создать NFT-токен
Модуль
«NFT»
домашнее задание по желанию

1. зайдите на сайт — https://opensea.io
2. нажмите на раздел «stats»
3. выберите статистика за 7 дней и за 30 дней
4. проанализируйте, какие сейчас коллекции в топе и какие есть тренды на рынке NFT
Обзор рынка NFT: сольные арты и генеративные коллекции
Модуль
«NFT»
домашнее задание по желанию

определите для себя, хотите ли вы масштабировать свое творчество
и создавать не единичные арты,
а большие генеративные коллекции?

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

кто будут эти люди: дизайнер, разработчик, продюсер?
Как сделать из
NFT бизнес-проект. Команда и бизнес-модель
Модуль
«NFT»
домашнее задание по желанию

1. зарегистрируйтесь в Twitter
2. зарегистрируйтесь в Discord
Основные соцсети
для NFT-проекта
Модуль
«NFT»
домашнее задание по желанию

1. оформите свой Twitter
2. подпишитесь на список полезных аккаунтов в Twitter и развивайте насмотренность
3. участвуйте в Twitter Spaces
Как продвигать проект
в Twitter: платные
и бесплатные методы продвижения
Модуль
«NFT»
домашнее задание по желанию

1. перейдите на сайт opensea.io, на котором можно отследить предстоящие минты NFT-проектов
2. выберите понравившиеся вам проекты на этих сайтах и подпишитесь на их Discord аккаунты
3. следите за активность в Discord аккаунтах проектов: как они общаются с аудиторией и как продвигаются
Как продвигать
проект в Discord
Модуль
«NFT»
домашнее задание по желанию

1. посмотрите подборку проверенных каналов, групп, аккаунтов в Twitter, Telegram и Instagram для покупки рекламы
2. попробуйте сами найти в Twitter NFT промо-менеджеров и оценить их профиль: реальный или накрученный?
Что посеешь, то и пожнёшь: закупка рекламы
Модуль
«NFT»
Работа с иностранными клиентами и биржами в целом: как подготовиться к поиску работы, где и как искать заказы, отличия в работе с иностранцами, язык и расценки
Модуль
«Поиск клиентов и взаимодействие с ними»
Как работать в нынешних реалиях: какие есть способы получения оплаты, что по налогам, как оформлять счета-акты-договоры, какие биржи больше не работают в РФ и валютный контроль
Модуль
«Поиск клиентов и взаимодействие с ними»