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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6. в работе можно использовать картинки, по желанию

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

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

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

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

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

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

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

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

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

необходимо сделать
подборку из 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. заполнять библиотеку и посещать сайты ежедневно;)

для сдачи ДЗ — прикрепите ссылки на проект в ответе на платформе
Модуль
«Насмотренность»
Насмотренность дизайнера и поиск референсов
Модуль
«Tilda»
Тильда.
Вступление
Модуль
«Tilda»
Почему Тильда
Модуль
«Насмотренность»
Мудборд и ассоциации
в веб-дизайне
Модуль
«Zero Block»
домашнее задание:

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

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

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

+

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

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

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

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

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

* подробное ТЗ выполнения задания находится в видеоуроке, а также по кнопке: открыть домашнее задание на платформе

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

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

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

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

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

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

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

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

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 референса базовой анимации и повторить их в Тильде

✨ для сдачи ДЗ — прикрепите ссылку на проект в ответе на платформе
Модуль
«Анимация»
Базовая анимация
Модуль
«Модификации и эффекты»
Модификации и эффекты
Модуль
«Модификации и эффекты»
Нестандартная верстка через код
домашнее задание:

постройте несколько комбинацией из разноцветных столбиков
необходимо повторить за Ромой, как он показывает в уроке

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

поделитесь своими ощущениями
в чате или в комментариях на платформе

всем удачи! ✨
Модуль
«Дизайн-мышление»
Дизайн-медитация от Марианны
Модуль
«Работа в Figma»
Инструменты ч.2
Модуль
«Работа в Figma»
Инструменты ч.1
Модуль
«Работа в Figma»
Интерфейс
Модуль
«Эмоции через сайт»
Эмоции через сайт
Личный кабинет
Модуль
«Тильда.Интернет-магазины»
Модуль
«Насмотренность»
Насмотренность и дизайн через эстетики æ
домашнее задание:

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

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

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

— размер магазина на ваше усмотрение. это может быть уникальный магазин с небольшим количеством товаров или большой магазин
Модуль
«Тильда.Интернет-магазины»
Интернет-магазины
Продающее портфолио
Модуль
«Личный бренд
и портфолио»
домашнее задание:

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

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

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

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

придумайте идею своего нфт-токена, опиши её по системе:

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

теперь, воплотите её в жизнь ✨
удачи!
Модуль
«NFT»
NFT
Адаптив
Модуль
«Адаптив»
домашнее задание по желанию:

пополните свою библиотеку несколькими понравившимися мобильными сайтами
Made on
Tilda