Мар 13 Шаблоны для разработки приложений для iPhone

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

Содержание

• Резиновые шаблоны

• Шаблоны независимого разрешения

• Заблаговременное разрешение

• Разработка с масштабированием

Резиновые шаблоны

Существуют для организации отображения на экранах разных размеров, которое достигается за счет дополнительных объектов или динамических изменений в дизайне. Как вы видите на рисунке, интерфейс приложения не изменяется, функциональные детали (в нашем случае - циферблат часов) – неизменны, в то время как нефункциональный элемент – заглушка «под часами» – изменяет свой размер, в зависимости от разрешения экрана. В данном случае показано 2 экрана – iPhone и iPad. Как вы видите – информативность не страдает, цифры одинаково хорошо отображены и читабельны на обоих экранах.

Шаблоны независимого разрешения

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

Количество пикселей, из которых состоит элемент интерфейса, изменяется в зависимости от разрешения экрана. Данный способ, в силу уже упоминаемого векторного способа построений, избавляет вас от «лесенок» при изменении размеров элементов изображения. Отсутствует так называемая нечеткость при просмотре рисунков на экранах разных размеров и разрешений.

Заблаговременное разрешение

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

Данный способ позволит вам подстроить изображения для наилучшего качества отображения на экранах. Ведь свойства экранов, как их разрешения и физические размеры, известны заблаговременно, что позволяет вам с первых этапов разработки полностью соответствовать нужным требованиям. На рисунке показана разница в изменениях изображений с помощью прямого увеличения (первый вариант) и использования заранее подготовленного (второй вариант).

Разработка с масштабированием

Разработка изначально планируется и включает в себя генерацию двух видов изображений для разных ppi. Например, для 163 и 326 ppi соответственно. Обозначение разрешений происходит с помощью индикаторов. В данном способе, для использования цельного дизайна, не представляется возможным наличие растровых изображений, так как при изменении размеров оных, качество стремительно падает.