Адаптивное проектирование

[poohhf]

Адаптивное проектирование
О курсе
В рамках проведения курса мы научим вас различать методы проектирования Graceful Degradation от Progressive Enhancement и Mobile First, правильно и структурно трансформировать контент, менять приоритет и удалять лишний функционал, без потери смысла проекта. Научим делить адаптивное проектирование для десктопа, планшета или мобильного сегмента. Расскажем о таком понятии как breakpoint и какие бывают breakpoint'ы. Будем делать много примеров начиная от статичных и заканчивая динамичными прототипами.
После успешного окончания обучения всем предоставляется именной сертификат, который высылается почтой владельцу.

Для кого курс?
Для этого курса желательно разбираться в проектировании или быстро усваивать информацию, потому что мы не будем учить основам проектирования, а сосредоточимся именно на теме адаптивности. В связи с бурным развитием разных платформ и технологий, адаптивный дизайн стал обязательной необходимостью при разработке любого нового интернет-проекта и о нем нужно думать сразу, до запуска самого продукта, поэтому не ждите – записывайтесь прямо сейчас на наш курс. С опытом в веб-дизайне и веб-разработке будет значительно легче.
Курс будет полезен: предпринимателям, топ-менеджерам интернет-компаний, стартап-менеджерам, менеджерам проектов, аналитикам, веб-дизайнерам, веб-разработчикам, UX / UI дизайнерам и другим специалистам, деятельность которых связана с интернет-технологиями и ИТ бизнесом.

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


Программа

0. Кратко о курсе и лекторах

1. Что такое адаптивное проектирование сайтов и для чего оно нужно?
+ примеры

2. Применение адаптивного дизайна.
- Сторона экрана компьютера-планшета
- Сторона мобильных платформ
- Использование мобильных без тача
+примеры

3. Трансформация.
- Трансформация меню, каталогов и контентной части в компьютере-планшете.
- Трансформация меню, каталогов и контентной части в мобильных устройствах.
+примеры

4. Метод проектирования Graceful Degradation.
+примеры

5. Метод проектирования Progressive Enhancement + Mobile First.
+примеры

6. Breakpoint'ы разрешений (320, 480, 768, 1024, 1280px…).
+примеры

7. Cтатика или динамика в презентации макетов.
+примеры

8. Правильное прототипирование, этапы и согласование.
- Статические макеты (минусы и плюсы)
- Интерактивные макеты (минусы и плюсы)
+примеры

9. Тестирование и награждение лучших.