all-threads-bot

Frontender`s Spectre

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

13 октября 2025 г., 09:32

Полный курс Pixso для начинающих. Создайте свой первый дизайн за несколько часов! Страница урока: https://webdesign-master.ru/blog/web-design/pixso-course.html Pixso: https://pixso.net/ru?utm_source=youtube&utm_medium=influencer&utm_campaign=tutorial&utm_content=webdesignmaster Все курсы в одном комплекте: https://webdesign-master.ru/courses/bundle/ Таймкоды: ОСНОВЫ: 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 Заключение ВКонтакте: https://vk.com/jediweb Телеграм: https://t.me/jediweb Дзен: https://dzen.ru/jediweb