кросс-платформенное приложение html5, отдельные дизайны?

Question

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

Все они имеют разные разрешения экрана, им всем нужны отдельные дизайны?

iPhone 3Gs/ iPhone 4
Motorola Droid
iPod Touch
iPad 2
Samsung Tab 7”
Motorola Xoom
Sony Tablet S

Answer 1

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

Телефоны очень ограничены в сфере недвижимости, поэтому у них обычно есть парадигма тренировки.Получите список, выберите, вставьте представление в стек, вернитесь к списку и т. Д. Это сложный процесс навигации, продиктованный недвижимостью.

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

Тот факт, что это HTML5, а не UIKit, не имеет значения.Клиенты хотят иметь хороший опыт и ожидают различного опыта в различных форм-факторах.

Я бы порекомендовал следовать контроллеру модельного представления даже в приложении HTML5.Вставьте как можно больше логики в общий набор моделей кода JavaScript и отличайтесь только представлениями.То же самое, что вы сделали бы в UIKit ...

Если вы создаете общую модель и разные виды в зависимости от размера недвижимости, по крайней мере вы строите только 2 (планшет против телефона), а не 2 * номерплатформ.

Answer 2

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

В этом нет необходимости, поскольку если левый столбец равен 40%, а правый столбец - 60%, он будет заполнять то же самое на ipad, но в зависимости от вашего контента многим вам не нужно много места, поэтому вы можете заполнитьпространство с другой информацией только на более крупных устройствах.

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

Удачи