Перейти к содержанию
sitecreator

Адаптивный дизайн - а есть ли будущее у него?

Рекомендуемые сообщения

на сегодня у меня сложилось неоднозначное отношение к адаптивному дизайну.
Вопрос применения адаптивного дизайна сегодня весьма спорный, на мой взгляд.
 
Мне представляется, что адаптивный механизм шаблона в нынешнем его виде - тупиковая ветвь развития веб-дизайна.
два года назад, когда не было мобильных устройств с высоким разрешение экрана это был интересный подход.
 
но посмотрите, что происходит сейчас.
 
Возьмем для примера iPhon 4 и 3G
Диагональ экрана одинаковая - 3,5 дюйма.
у 5-го 4 дюйма (невелика разница)
На таком крохотном экране (в отличие от планшета 10 дюймов, например) я ожидаю увидеть одинаковую картинку на  этих аппаратах.
но не тут то было!
 
на 4-м и 5-м iPhon-е (960x640 пикселей и 1136x640 пикселей) адаптивный механизм мне предлагает к просмотру полноразмерную версию сайта,
ведь адаптивный механизм понятия не имеет о физических размерах диагонали экрана и считает тот же iPhon 5 полноценным монитором/планшетом.
 
 
И только для модели iPhon 3G сработает адаптивный дизайн, т. к. у этого динозавра (по сегодняшним меркам) разрешение 480*320.
 
И получается, что адаптивный механизм используется только на старых и устаревающих моделях мобильных устройств.
 
А всякие новые Nexus (1920 * 1200 7") и прочие современные модели смартфонов уже не будут замечены механизмом адаптации.
Учитывая быстрый рост выпуска новых устройств с экранами высокого разрешения мода на адаптивный дизайн быстро пройдет.

Непонятно как относиться к планшетам 8 дюймов (800*600 пикс). На таком большом экране сайт шириной 980 пикс очень даже хорошо смотрится без вмешательства адаптивного механизма (учитывая, что сам браузер "сжимает" 980 пикс до втискивания сайта в ширину экрана )
 
Если адаптивный механизм не сможет получить информацию о:
 
1) физическом размере экрана
2) разрешении экрана
 
то у этого механизма нет будущего.
 
Может быть адаптивный механизм научится получать информацию о самом устройстве (точная модель и версия), тогда будет некая база данных устройств, и уже используя эту информацию механизм сможет подстраивать шаблон под физический размер экрана.
 
Или может быть придется отказаться от автоматического определения размера устройства и дать пользователю самому решать какую версию сайта просматривать, например, можно сделать кнопку, при нажатии на которую появится выпадающий список с просьбой выбрать реальный размер своего устройства.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Гость brk

Чтобы понять нужно поболе примеров.

На примере из ваших реализованных проектов.

Нужно учитывать тематику проектов *(парфюм, гайки или мёд)

 

Для каждого проекта есть своя статистика посещения.

 

post-8078-0-94902000-1383401606_thumb.png

post-8078-0-39430400-1383401612_thumb.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

немного конкретики.

 

есть два устройства на Андроид.

1) планшет 10" 1024 * 768

2) телефон 4,7" 1280 * 720

 

Как заставить работать адаптивный дизайн на 2-м устройстве учитывая его маленькие физические размеры экрана?

Есть информация о разрешении экрана. но ее явно недостаточно.

хотя большинство адаптивных шаблонов строится на основе этой информации.

 

Какая еще необходима дополнительная информация и как ее получить и передать в CSS?

 

В идеале было бы замечательно получить параметр DPI экрана.

 

И думаю, что тематика сайта особой роли не играет.

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

средствами CSS задать.

и понятно, что размер шрифта не может быть выбран исходя из разрешения экрана.

но тогда как?

 

я пока не знаю.

но может быть уже существует более-менее универсальный способ?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

что там в топике про адаптивный дизайн написано?

не читал, много очень.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

что там в топике про адаптивный дизайн написано?

не читал, много очень.

 

а смысл писать тогда?

 

----------------

Есть смартфон Samsung GALAXY S4

Разрешение: 1920 x 1080

 

Для правильного адаптивного дизайна нужно как то идентифицировать данное устройство, точнее, хотя бы понять, что это мобильный телефон, а не аналогичный планшет 10". А далее уже применить адаптивный дизайн исходя из этого.

 

вопрос: как?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Как заставить работать адаптивный дизайн на 2-м устройстве учитывая его маленькие физические размеры экрана?

Есть информация о разрешении экрана. но ее явно недостаточно.

...

я пока не знаю.

но может быть уже существует более-менее универсальный способ?

http://web-design-weekly.com/blog/snippets/iphone-5-media-query/

http://halgatewood.com/iphone-5-media-query/

http://stephen.io/mediaqueries/

http://stackoverflow.com/questions/12539697/iphone-5-css-media-query

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

http://cssmatter.com/blog/css-media-queries/

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Оценить внешний вид своего сайта при различных разрешения экрана можно на сайте.

http://mattkersley.com/responsive/

Изменено пользователем Zeppelin

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.