Часть 1.
Десктоп версия
- Урок 1.Cоздаем фрейм и сетку
- Урок 2.Идея, концепция и UX. Проектируем дизайн
- Урок 3.Первый экран
- Урок 4.Второй блок
- Урок 5.Третий блок
- Урок 6.Четверый блок
- Урок 7.Форма заявки и футер
- Урок 8.Добавляем иконки по дизайн системе
- Урок 9.Работа с мокапами и доработка первого экрана
- Урок 10.Учимся подбирать графику
- Урок 11.Работаем с градиентами и добавляем фон
- Урок 12.Создаем библиотеку цветов для текста
- Урок 13.Подбираем цвета для иконок и кнопок
- Урок 14.Дорабатываем дизайн
- Урок 15.Плагин Logo Creator
- Урок 16.Выравниваем все элементы
- Урок 17.Интерактивные элементы
- Урок 18.Component master manager
- Урок 19.Проставляем адаптив элементов
Часть 2.
Версия для планшета
- Урок 1.Создаем фрейм и сетку
- Урок 2.Первый блок
- Урок 3.Второй блок
- Урок 4.Третий блок
- Урок 5.Четвертый блок
- Урок 6.Пятый блок
- Урок 7.Переносим фон
- Урок 8.Выравниваем по 8-пиксельной сетке
Часть 3.
Мобильная версия
- Урок 1.Фрейм и сетка
- Урок 2.Первый блок
- Урок 3.Редактируем версию для планшета
- Урок 4.Второй блок
- Урок 5.Третий блок
- Урок 6.Четвертый блок
- Урок 7.Пятый блок
- Урок 8.Шестой блок
- Урок 9.Седьмой блок
Часть 4.
Финальные штрихи
- Урок 1.Component Master Manager
- Урок 2.Delete hidden layers
- Урок 3.Подготавливаем макет для верстки
- Урок 4.Интерактивный прототип