Объем трафика с мобильных устройств постоянно растет, и вид сайта на мобильных устройствах приобретает все большее значение. Все современные сайты создаются с мобильными версиями, и без навыка создания адаптивного дизайна не обойтись.

Для тех, кто не знает, с чего начать, подойдет статья «Адаптивный веб-дизайн: что это такое, зачем он нужен и его принципы». В ней не только теория, но и полезные практические советы. Вот еще одна неплохая статья с простым языком и понятными примерами.

Статья «Адаптивный дизайн сайта. Что это и как его создать?» ориентирована на специалистов по верстке, однако будет полезна и дизайнеру. К тому же, она содержит понятные визуальные примеры.

В этой статье вы узнаете больше об адаптивном и респонсивном дизайнах. А тут множество ответов на практические вопросы об адаптиве – как для разработчиков, так и для дизайнеров.

В этой статье про разрешения экранов есть классная таблица с разрешениями всех популярных (и не очень) девайсов, включая смартфоны и планшеты.

Хорошие примеры адаптива можно посмотреть здесь. А вебинар, где наш шеф-дизайнер рисует адаптив в прямом эфире, доступен здесь.

Тем, кто работает с адаптивом в Figma, в помощь эта статья и это видео, а любителям Tilda рекомендуем ознакомиться с этой статьей про корректировку мобильной версии сайта и изучить эту статью про адаптив на Zero-блоках.

Любители видео могут посмотреть:

• Адаптивный дизайн сайта (особенности создания)
• Адаптив за час для дизайнера
• Адаптив в веб-дизайне: какого размера делать файлы
• Как сделать сайт для мобильных устройств
• Как сделать адаптивный дизайн сайта в Figma
• Делаем адаптивный дизайн сайта в Photoshop
• Как сделать дизайн адаптивного лендинга в фотошопе