32 подписчика

Под какие устройства делать сайт? Разбираем статистику моего клиента за последний месяц.

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

Разрешение 360 пикселей в ширину это Samsung Galaxy S8+ или его аналоги. Я всегда начинаю рисовать макеты с разрешения 320 пикселей. Это модель iPhone 4s. Так я могу точно убедиться, что все мобильные пользователи увидят одинаковый контент.

Следующий 1920 пикселей - это стандартный full hd монитор. Однако, макеты я начинаю рисовать начиная с 1200 пикселей. 1200 пикселей это небольшой ноутбук или большой планшет. Большинство дизайнеров упускают этот факт и забивают болт и оставляют проблемы верстальщику. На экране 1920 пикселей намного больше пространства чем на 1200. Попробуйте ради интереса разместить все элементы шапки одинаково хорошо на этих разных разрешениях. При перегруженной шапке это настоящий челлендж.

Остальные изображения 393 и 412 это так же телефоны. 412 уже больше походит на последние iPhone. Как видите рисовать дизайн на современные устройства еще необязательно, хотя уже нужно быть готовым.

Что насчет планшетов? Некоторые рисуют отдельный дизайн, я так же делаю. Но на этом можно и сэкономить, просто растянув мобильную версию. Это не критично, так как с планшетов заходят единицы.

1 минута

1 сентября 2022