Объем трафика с мобильных устройств постоянно растет, и вид сайта на мобильных устройствах приобретает все большее значение. Все современные сайты создаются с мобильными версиями, и без навыка создания адаптивного дизайна не обойтись.
Для тех, кто не знает, с чего начать, подойдет статья
«Адаптивный веб-дизайн: что это такое, зачем он нужен и его принципы». В ней не только теория, но и полезные практические советы.
Вот еще одна неплохая статья с простым языком и понятными примерами.
Статья
«Адаптивный дизайн сайта. Что это и как его создать?» ориентирована на специалистов по верстке, однако будет полезна и дизайнеру. К тому же, она содержит понятные визуальные примеры.
В
этой статье вы узнаете больше об адаптивном и респонсивном дизайнах. А
тут множество ответов на практические вопросы об адаптиве – как для разработчиков, так и для дизайнеров.
В этой статье про разрешения экранов есть классная таблица с разрешениями всех популярных (и не очень) девайсов, включая смартфоны и планшеты.
Хорошие примеры адаптива можно посмотреть
здесь. А вебинар, где наш шеф-дизайнер рисует адаптив в прямом эфире, доступен
здесь.
Тем, кто работает с адаптивом в Figma, в помощь
эта статья и
это видео, а любителям Tilda рекомендуем ознакомиться с
этой статьей про корректировку мобильной версии сайта и изучить эту статью про
адаптив на Zero-блоках.
Любители видео могут посмотреть: