Pixso - Полный курс для начинающих [3.5 часа]

Описание

💥 Все курсы в одном комплекте: https://webdesign-master.ru/courses/bundle/

Сегодня мы подробно изучим крутой инструмент для создания дизайна - Pixso. Это полный курс от А до Я для начинающих, в котором мы изучим все возможности инструмента, не упуская ни одной детали, а также разработаем крутой практический пример для закрепления знаний.

Материалы и готовый результат: https://webdesign-master.ru/blog/web-design/pixso-course.html
Pixso: https://pixso.net/ru?utm_source=rutube&utm_medium=influencer&utm_campaign=tutorial&utm_content=webdesignmaster

Таймкоды:

ОСНОВЫ:
00:00 Вступление
00:45 Установка
01:13 Настройка
02:42 Стартовый экран
06:20 Основной интерфейс
06:30 Пресеты фреймов
07:28 Расшарить документ
08:28 Основные элементы интерфейса
08:54 ВЕРХНЯЯ ПАНЕЛЬ
13:35 Масштабирование и просмотр
17:06 Сетка и привязка
19:12 ЛЕВАЯ ПАНЕЛЬ
19:46 Работа со слоями
22:35 Группировка объектов
23:37 Основы Auto Layout
28:39 НИЖНЯЯ ПАНЕЛЬ
29:53 Добавление комментариев
31:22 Помощь

ГОРЯЧИЕ КЛАВИШИ:
31:41 Просмотр всех горячих клавиш
32:08 Важные сочетания клавиш
32:11 Горячие клавиши Tool (Инструменты)
36:15 Горячие клавиши View (Просмотр)
39:00 Горячие клавиши Scale (Масштабирование и просмотр)
40:46 Горячие клавиши Text (Работа с текстом)
43:55 Прочие клавиши - Vector, Layer, Edit, Select и тд.
55:46 Рекомендации по горячим клавишам

ПРАВАЯ ПАНЕЛЬ:
56:21 Задача Правой панели
58:03 Настройки Правой панели
1:00:44 Настройки Экспорта
1:01:10 Центрирование и выравнивание
1:02:22 Layout Grid (Кастомная сетка)
1:07:22 Local Styles (Стили)
1:11:33 Local Tokens (Токены дизайна)
1:12:12 Реализация светлой и темной темы
1:17:45 Реализация мультиязычного интерфейса
1:21:30 Сценарии использования Токенов дизайна
1:22:09 Настройка токенов для Dev View (DevMode)

1:23:48 КОМПОНЕНТЫ

ПРАКТИЧЕСКИЙ ПРИМЕР:
1:28:47 Приступаем к практике
1:29:04 Настройка Фрейма
1:29:36 Настройка Токенов
1:31:55 Фрейм для компонентов
1:32:38 Создания компонента Кнопки
1:37:45 Варианты компонента
1:44:46 Шрифтовой ассистент (Локальные шрифты)
1:46:12 Настройка вариантов компонента
1:49:40 Настройка системы сеток
1:50:11 Создание декоративных лучей
1:52:34 Создание Top Line с Background Blur
1:59:46 Создание Логотипа
2:19:21 Адаптивный Auto Layout в Top Line
2:22:28 Создание верхнего меню
2:28:45 Доработка кнопок
2:31:41 Создание компонента Переключателя
2:38:17 Создание компонента Карточки
2:49:14 Сборка интерфейса
3:00:11 Видео-анимация в дизайне
3:05:16 GIF-анимация в дизайне
3:07:33 Создание градиентного фона
3:11:59 Размещение карточек в дизайне
3:19:21 Анимация фона при клике
3:24:24 Импорт готового результата
3:24:45 Заключение