С точки зрения графического дизайнера, в чем отличия разработки под iPhone, Android и Blackberry. Можно ли спроектировать для одной платформы и использовать эту работу на других? Каковы ограничения при реализации одного и того же графического интерфейса для всех вышеупомянутых платформ?
Этот ответ касается только iOS и Android, Blackberry превосходит мои знания.
В iOS у вас есть три разрешения экрана для рассмотрения
В Android есть 4 разрешения, чтобы покрыть как минимум:
В iOS есть некоторые стандартные элементы пользовательского интерфейса для работы, такие как панель вкладок, средства выбора, строка состояния и т. д. Подробнее см. в этом PSD - файле.
И вы можете найти еще более подробную информацию в руководстве по человеческому интерфейсу iOS .
В Android меньше стандартов пользовательского интерфейса, но, начиная с Android 4, в нем есть некоторые полезные рекомендации по дизайну .
В Android есть свои «аппаратные кнопки». Меню и навигация часто находятся в верхней части экрана. Кнопки ориентированы на стандартные кнопки Android и пользовательский интерфейс. Нижняя часть часто заполняется реальным содержимым и перекрывается аппаратным меню.
iOS разделяет меню и навигацию на две части. Вверху находится навигационная кнопка «Назад», заголовок, «ОК» и «Отмена». Внизу есть навигация, такая как панель вкладок, для переключения между представлениями.
Некоторые приложения просто используют один и тот же макет пользовательского интерфейса для обеих систем с некоторыми незначительными изменениями, такими как использование кнопки меню из Android. Путь является примером для iOS и Android
У Blackberry есть свои собственные рекомендации по дизайну , но на этом мои знания заканчиваются. Вот хорошая коллекция руководств по пользовательскому интерфейсу для дальнейшего чтения;)
Нам нужно больше информации, чтобы полностью понять, что вы разрабатываете, но если предположить, что вы разрабатываете веб-сайты, то да, вы можете создавать дизайн для любого устройства.
Это в значительной степени моя повседневная работа... дизайн и разработка мобильного веб-приложения, которое поддерживает iOS, Android, BlackBerry и (стон) Symbian.
С точки зрения визуального дизайна, каждая ОС имеет собственный собственный пользовательский интерфейс, но в качестве веб-приложения вы будете разрабатывать пользовательский интерфейс только для веб-приложения. Это стандартный подход для многих библиотек пользовательского интерфейса, таких как jQuery UI и Sencha Touch.
Что касается аппаратного обеспечения, iOS работает только с сенсорным экраном. Android в основном сенсорный. BlackBerry — это в основном клавиатура.
Что касается программного обеспечения, iOS, Android и BlackBerry OS 6+ работают под управлением браузера Webkit. Что приятно. Увы, в браузерах Android и BlackBerry полно ошибок.
Избегайте стилизации собственных элементов формы, если можете... каждая ОС любит делать что-то по-разному с их размерами по умолчанию.
ОБНОВЛЯТЬ:
Я также должен отметить, что одной из областей, где вы, возможно, НЕ захотите использовать универсальный пользовательский интерфейс, является разделение между клавиатурой и сенсорными устройствами. Это сложно, так как в некоторых операционных системах доступны оба устройства (например, BlackBerry), и еще сложнее, некоторые устройства поддерживают как сенсорный экран, так и клавиатуру.
Проблема в том, что на самом деле это два разных способа взаимодействия с экраном. Touch с удовольствием прокручивает большими значками и свайпами. Клавиатуры нуждаются в очень компактном экране и, вероятно, предпочитают разбиение на страницы, а не прокрутку.
Проблема в том, что действительно сложно разработать дизайн для обоих в равной степени. Прямо сейчас мы в основном ориентируемся на сенсорное управление, и на сайте по-прежнему можно использовать клавиатуру, но мы не оптимизируем клавиатуру.
Оглядываясь назад, было бы здорово, если бы мобильные браузеры каким-то образом определяли, когда страница взаимодействует с сенсорным экраном, а не с клавиатурой.
DA01