Найти тему

Адаптивные сайты.

Всем привет. Поговорим немного про адаптив.

С какого устройства вы чаще всего просматриваете сайты? Конечно, зависит от сайта. Но статистика показывает, что все больше пользователей используют смартфоны для покупок, чтения статей и т.д. Это быстрее и проще, чем идти за ноутбуком. А телефон всегда под рукой.

Получается, дизайнер должен отрисовать макет сайта сразу для нескольких устройств. И в каждом есть свои особенности. Например, для тач-девайсов (планшеты,  смартфоны) важно учитывать зону нажатия, чтобы пользователь не промахивался по ссылкам и кнопкам. К сожалению, не все дизайнеры об этом думают. Ух, как же раздражает, когда хочешь перейти по одной ссылке, а попадаешь по другой своим толстым пальцем.

Так что учимся адаптировать макеты под разные девайсы.
Есть два метода работы. Первый, который мы использовали в первой работе - делать сначала десктоп и потом упрощать все до мобильной версии. Второй - наоборот, начинать с работы над мобильной версии сайта и отталкиваясь от неё переходить к планшету и десктопу. Выбор метода работы остаётся за дизайнером и зависит от статистики. С какого устройства сайт просматривают чаще, с того и логичнее начинать работать.

Спасибо за внимание друзья, буду писать еще статьи.