Введіть щонайменше 2 символи для пошуку в усіх галузях.
Що означає responsive design?
Значення й приклади · UX/UI-дизайн
responsive design: адаптивний дизайн, адаптивне компонування
Підхід, за якого макет автоматично підлаштовується до різних розмірів екрана — від телефона до великого монітора, — щоб продукт добре працював на всіх пристроях.
Де і як уживається
Дизайнери показують адаптивність варіантами кожного екрана для контрольних ширин: мобільної, планшетної й настільної. Споріднені підходи — mobile-first і гнучкі сітки. Розробники реалізують її медіазапитами CSS.
Приклади речень
With responsive design, the three columns turn into one on small screens.
В адаптивному дизайні три колонки на малих екранах перетворюються на одну.
Компонування змінюється відповідно до доступної ширини.
The client asked for an app, but a responsive design for the website may be enough.
Клієнт попросив застосунок, але для сайту може вистачити адаптивного дизайну.
Замість окремого застосунку пропонують сайт, придатний для різних екранів.
Поширені словосполучення
- responsive web design
- fully responsive
- responsive layout
- mobile-first responsive design
Пов’язані терміни
Це слово в інших галузях
Те саме англійське слово може мати інше значення в іншій галузі:
Інші терміни: Візуальний дизайн і компонування
Закріплюйте лексику читанням
Тексти відповідного рівня допомагають запам’ятовувати нові слова. Оберіть безкоштовні книжки англійською: