Когда делаешь дизайн под десктоп и мобилку, не думай о них как о просто разных экранах. Пользователь в каждом из них ведёт себя по-разному, и твоя задача — подстроиться под этот контекст.

Разрешения — не догма, но точка опоры. Для десктопа бери в расчёт от 1366×768 (всё ещё часто встречается!) до 1920×1080 и выше. Для мобилок — 375×667 (iPhone SE), 390×844 (iPhone 14 Pro), 360×800 (типичный Android). Но не зацикливайся на пикселях — думай в гибких грид-системах и процентах.

Адаптив — твой лучший друг. Автолейауты в Figma, контейнеры, breakpoint’ы — всё это превращает твой макет из жёсткой сетки в живой организм, который подстраивается под любое окно. Пользуйся!

Контент — король, но контекст — император. То, что идеально смотрится на 27-дюймовом мониторе, на экране смартфона может стать UX-катастрофой. Проверь: — читается ли текст без увеличения? — помещаются ли CTA-кнопки в зону большого пальца? — не уехали ли попапы за границы экрана?

Тестируй на людях, не на манекенах. Не ограничивайся превью в Figma. Проверь прототип на настоящих устройствах: попроси коллегу с Android посмотреть макет, проверь, как он открывается в Safari, и главное — собирай фидбэк. Реальный пользователь скажет больше, чем любой pixel-perfect. #uxdesign #адаптивныйдизайн