Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

на сегодня у меня сложилось неоднозначное отношение к адаптивному дизайну.
Вопрос применения адаптивного дизайна сегодня весьма спорный, на мой взгляд.
 
Мне представляется, что адаптивный механизм шаблона в нынешнем его виде - тупиковая ветвь развития веб-дизайна.
два года назад, когда не было мобильных устройств с высоким разрешение экрана это был интересный подход.
 
но посмотрите, что происходит сейчас.
 
Возьмем для примера 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) разрешении экрана
 
то у этого механизма нет будущего.
 
Может быть адаптивный механизм научится получать информацию о самом устройстве (точная модель и версия), тогда будет некая база данных устройств, и уже используя эту информацию механизм сможет подстраивать шаблон под физический размер экрана.
 
Или может быть придется отказаться от автоматического определения размера устройства и дать пользователю самому решать какую версию сайта просматривать, например, можно сделать кнопку, при нажатии на которую появится выпадающий список с просьбой выбрать реальный размер своего устройства.

Надіслати
Поділитися на інших сайтах

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

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

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

 

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

 

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 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.