Сайт использует сервис веб-аналитики Яндекс Метрика с помощью технологии «cookie». Пользуясь сайтом, вы даете согласие на использование данной технологии.
👇 Подписывайтесь на мой Телеграм-канал. Польза для дизайнеров, закрытые материалы бесплатно: ------------------------------------- Материалы для повторения: ------------------------------------- 🔫 Заказать сайт: ------------------------------------- В этом видео я показываю полный процесс дизайна главного экрана сайта с нуля. Скринкаст для новичков: разберём работу в Figma шаг за шагом, объясню каждую кнопку и инструмент. Повторяйте за мной — и вы сможете прокачать навык веб-дизайна и добавить первую работу в портфолио. ------------------------------------- Тайм-коды 0:00 — Что сделаем, где материалы, как смотреть 0:29 — Старт в Figma: фрейм, размеры, тёмный фон 1:59 — Сетка/направляющие для концепта 5:32 — Импорт ассетов (фон, лого, тексты) 7:56 — Заголовок и типографика (межстрочные/межбуквенные) 13:16 — Галактика: режим наложения Screen 15:31 — CTA-кнопка через Auto Layout 18:29 — «Стеклянные» плашки с иконками (авиа/море/авто) 22:04 — Шапка: лого, дескриптор, меню, телефон 31:40 — Фиксация элементов (Prototype → Fixed) 33:07 — Нижние буллеты + финальная полировка 38:09 — Превью макета и что класть в портфолио