Веб дизайн вдохновение | Дизайн и анимация сайта ⠀ ⠀ Понравился переход? 😱 ⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ 🔹 Подписывайся на Telegram t.me/webdesign_uiux, чтобы ничего не упустить. ⠀ А так же на @webdesign.uiux для UI/UX советов и вдохновения🔹 ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ 🇺🇸 Inspiration | The Secret Project - 001 by Aristide Benoist ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ 🔹 Follow @webdesign.uiux for UI/UX inspiration and tips 🔹 ⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ✨Want to get featured ? Use both: @webdesign.uiux ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀ . #вебдизайн #вебдизайнер #дизайнер #интерфейс #webdesign #animation #interaction #motiondesign #uidesign #uidesigner #uxdesign #uxdesigner #dailyui #dribbble #behance #websitedesign #uiux #uianimation #designinspiration #itmaestro

GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser.

Часть 2 — https://youtu.be/0_v36dyI3kI

00:00 Интро
02:14 Обзор дизайна
04:33 Устройство проекта
06:24 Разметка
13:42 Стили
14:34 Логотип
21:59 Медиавыражения
28:13 Список меню
39:57 Кнопка меню
46:31 Расположение меню
51:58 Тень под меню
55:01 Аутро

Нравится? Становитесь патронами — https://www.patreon.com/pepelsbey

Демо — https://pepelsbey.github.io/playground/24/
Код — https://github.com/pepelsbey/playground/tree/master/24

Сайт Веб-стандартов — https://web-standards.ru/
Макет в Figma — https://www.figma.com/file/dV7oWbRYHt8W1076LueOOy
Новый синтаксис медиавыражений — https://www.w3.org/TR/mediaqueries-4/#range-context
Меню и кнопки меню — https://web-standards.ru/articles/menu-buttons/
Направляющие для адаптивной сетки — https://youtu.be/WBrngvT78gw

* * *

Камера: Blackmagic Pocket Cinema 4K
Объектив: Panasonic 12–35 мм, f/2,8
Микрофон: Audio-Technica AT4053b
Свет: Aputure Light Storm 120d II + Light Dome
Софт: DaVinci Resolve, iZotope RX