Как разрешение экрана влияет на дизайн мобильного веб-приложения?

Question

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

Итак, мы все знаем, что существует множество мобильных телефонов с разными размерами экрана, но должен ли я учитывать физический размер или разрешение экрана при разработке моего мобильного веб-приложения (или обоих)?

Ура, IW

Answer 1

Не знаю, поможет ли нижеприведенное, но вот что я делаю;

Я не использую изображения в качестве элементов пользовательского интерфейса, но элементы CSS и HTML Я не определяю размеры шрифта в пикселях, но в качестве среднего, маленький, большой и т. д. Для изменения размера баннеров или изображений я в основном использую http://deviceatlas.com или http://wurfl.sourceforge.net.. Если меня это не беспокоит, я просто создаю изображения размером не более 240px

Вы также можете посмотреть на такие платформы, как jQuery Mobile

Answer 2

При разработке мобильного веб-сайта важны как физический размер экрана, так и разрешение.

Размер экрана важен, поскольку он определяет, сколько контента можно разместить на веб-сайте, а также определяетнасколько велики могут быть ваши области попадания (важно для устройств с сенсорным вводом).

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

Несколько предложенийЧто вы можете сделать, чтобы ваш сайт работал хорошо на разных устройствах:

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

Answer 3

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