Чем отличается отзывчивый дизайн от адаптивного.

19.11.2014 08:30

Веб разработка - Новости

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

У адаптивного всего три версии – мобильная, планшетная и обычная. А отзывчивый, сайт адаптирует под любую ширину экрана. Он способен растягиваться как резина, просто растягивайте окно, а сайт плавно потянется вместе с ним. Адаптивный дизайн, только после фиксации ширины окна, рывком подстроится под нее.

Отойдем чуть от темы и поговорим о насущих проблемах. Наверняка многие имеют гараж. Строят их, конечно, не по дизайну, так как чаще всего это маленький участок. Но что делать тем, у кого нет гаража? Ведь опасность угона автомобиля всегда существует? Но техника всегда к услугам человечества. Автосигнализация! Невысокая стоимость установки автосигнализации на сегодняшний день не так высока, и поверьте, она предотвращает угон автомобиля и от взломов.

Если дизайн выполнен на основании пикселей, чьи координаты проходят по осям Х и Y, то сайт подойдет только конкретному устройству. Поэтому для просчета лучше использовать процент экрана, а не пиксели.

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

Чтобы обеспечить всем элементам синхронное растягивание или перемещение, их надо объединить в «гнездо». В противном случае они будут перемещаться независимо один от другого.

Для смартфона здорово растягивание контента на весь экран. Эта же позиция нецелесообразна для широкоформатного телевизора. Поэтому иногда используется ограничитель ширины.

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

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

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

Каждый владелец сайта сам делает выбор целесообразности наличия мобильной версии, или версии адаптивного дизайна для смартфонов.

19/11/2014