Комментарии 8
Мне кажется, автор не понимает, что такое адаптивный дизайн. Адаптивный дизайн, в основном, резиновый и его основная задача скрывать всё лишнее и показывать только самое главное в удобном для пользователя виде.
Когда люди путаются в обозначениях, обычно скидывают это демо — www.liquidapsive.com
Вы наверное заметили, как неудобно просматривать на широкоэкранных мониторах веб страницы, имеющие резиновый дизайн?
Экран почти в 2 раза шире обычного, картинки непривычно большие...
Решение: max-witdh: оптимальный максимум
Для того, чтобы на широкоэкранных full HD мониторах по бокам не возникало пустого пространства...
Решение: background-size: cover;
Разрешающая способность экрана у смартфонов колеблется в широких пределах, а его размеры не намного отличаются.
В том смысле, что они, конечно, разные, но одинаково маленькие.
Если для мини-смартфонов, у которых экран «меньше меньшего» это не так сильно бросается в глаза,
то для современных смартфонов с экраном 5 дюймов по диагонали это уже слишком заметно.
Моз взорван!
Если Ваш клиент скорее всего ищет Ваши товары и услуги со своего мобильного телефона,
то наверное, основная версия Вашего сайта – мобильная версия.
Как одно равно другому?
я призываю вернуться обратно к «резиновому»
А зачем возвращаться к тому, что никто не отменял? Резина как жила, так и живёт.
Статья обо всем и не о чем. Адаптивная и резиновая верстка дополняют друг друга, а не исключают. То же самое я считаю относится и к дизайну.
Не согласен, что статья ни о чём, она о понимании предмета.
Например, для больших мониторов full HD можно назначить четырёх колоночное отображение текста вместо двух колоночного. Можно, но не нужно…
Человек читает текст двумя глазами, фокусируя луч зрения в одну точку. Края большого широкоэкранного монитора по краям выходят из поля зрения противоположного глаза, причиняя психологический дискомфорт и заставляя крутить головой то вправо, то влево. Поле зрения двух глаз в сумме широкоформатное, но зона бинокулярного зрения похожа на квадрат. Вот и думаешь, чем бы заполнить периферию широкого экрана, чтобы не отвлекала от чтения.
Например, для больших мониторов full HD можно назначить четырёх колоночное отображение текста вместо двух колоночного. Можно, но не нужно…
Человек читает текст двумя глазами, фокусируя луч зрения в одну точку. Края большого широкоэкранного монитора по краям выходят из поля зрения противоположного глаза, причиняя психологический дискомфорт и заставляя крутить головой то вправо, то влево. Поле зрения двух глаз в сумме широкоформатное, но зона бинокулярного зрения похожа на квадрат. Вот и думаешь, чем бы заполнить периферию широкого экрана, чтобы не отвлекала от чтения.
Или вот ещё пример:
В учреждении, где я работал web мастером, меня спросили -«Вам ноутбук купить или обычный компьютер? А если обычный, то с „наворотами“ или бюджетный вариант?» Я ответил, что пойдёт и бюджетный. На утверждение принесли два варианта — с монитором full HD и с обычным монитором 19" 1280х1024 pix. А цена у мониторов одинаковая… И ширина у мониторов одинаковая… Т.е. вместо обычного 19" монитора я могу выбрать тот же самый монитор, только обрезанный сверху и снизу, я же ведь никогда не буду использовать этот монитор в высоком разрешении (мелкий текст будет тяжело читать). Не трудно догадаться, что я выбрал. Зачем мне эта «смотровая щель»?
Позже, побывав в разных кабинетах, я обнаружил, что в этом учреждении только я сделал такой выбор, чему немало был удивлён. Вывод один: если изменения тщательно не продуманы, то жизнь не меняется к лучшему, а деньги тратятся впустую.
В учреждении, где я работал web мастером, меня спросили -«Вам ноутбук купить или обычный компьютер? А если обычный, то с „наворотами“ или бюджетный вариант?» Я ответил, что пойдёт и бюджетный. На утверждение принесли два варианта — с монитором full HD и с обычным монитором 19" 1280х1024 pix. А цена у мониторов одинаковая… И ширина у мониторов одинаковая… Т.е. вместо обычного 19" монитора я могу выбрать тот же самый монитор, только обрезанный сверху и снизу, я же ведь никогда не буду использовать этот монитор в высоком разрешении (мелкий текст будет тяжело читать). Не трудно догадаться, что я выбрал. Зачем мне эта «смотровая щель»?
Позже, побывав в разных кабинетах, я обнаружил, что в этом учреждении только я сделал такой выбор, чему немало был удивлён. Вывод один: если изменения тщательно не продуманы, то жизнь не меняется к лучшему, а деньги тратятся впустую.
Каким образом учитывать разницу между угловыми размерами экранов у мобильных телефонов и стационарных устройств, если не все модели телефонов поддерживают медиа запросы? А на другом конце этой проблемы — высокое и сверхвысокое разрешение экранов современных моделей смартфонов.
На помощь классическому адаптивному дизайну приходит автоматическое пере направление мобильных пользователей на мобильную версию сайта, содержащую закладку на переключение к обычной версии. Это так называемый RESS (Responsive Web Design with Server Side Components). На примере моей «landing page» Вы можете посмотреть как это работает. Если Вы пойдёте по прямой ссылке
www.teleport-1m.ru/landing_page.php
с мобильного телефона, то попадёте на мобильную версию страницы (с возможностью переключения к обычной), а если с обычного компьютера, то увидите классический адаптивный дизайн и если у Вас есть большой full HD монитор, то сможете в полной мере насладиться творческим замыслом и увидеть всё, что скрыто от обычных пользователей.
На помощь классическому адаптивному дизайну приходит автоматическое пере направление мобильных пользователей на мобильную версию сайта, содержащую закладку на переключение к обычной версии. Это так называемый RESS (Responsive Web Design with Server Side Components). На примере моей «landing page» Вы можете посмотреть как это работает. Если Вы пойдёте по прямой ссылке
www.teleport-1m.ru/landing_page.php
с мобильного телефона, то попадёте на мобильную версию страницы (с возможностью переключения к обычной), а если с обычного компьютера, то увидите классический адаптивный дизайн и если у Вас есть большой full HD монитор, то сможете в полной мере насладиться творческим замыслом и увидеть всё, что скрыто от обычных пользователей.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
От адаптивного дизайна – обратно к «резиновому»