веб-дизайн

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

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

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

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

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

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

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

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


Если вы хотите обогнать конкурентов, быстро научиться веб-дизайну и уверенно ориентироваться в стилях и трендах — вам потребуется обратная связь от опытных дизайнеров. На нашем курсе «Веб-дизайн START» персональную обратную связь получают ВСЕ студенты. И это не абстрактные комментарии в чате — преподаватель будет в прямом эфире разбирать каждую работу и давать индивидуальные рекомендации по ее улучшению. Работ на курсе мы делаем целых пять, а потом красиво оформляем их в ваше портфолио.