14.11.2012 Views

ios hig rus

ios hig rus

ios hig rus

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Руководство по Созданию Кастомных Иконок и Изображений<br />

(Советы по Созданию Масштабируемого Изображения)<br />

Вы можете создать изменяемый размер изображения, чтобы индивидуализировать фон<br />

из нескольких стандартных элементов пользовательского интерфейса, такие как<br />

popovers, кнопки, навигационные панели (navigation bars), панели вкладок (tab bars) и<br />

панели инструментов (toolbars) (в том числе пункты этих панелей). Предоставление<br />

масштабируемых изображений для этих элементов может привести к лучшей<br />

производительности приложения.<br />

Для многих элементов пользовательского интерфейса, вы можете также указать<br />

заглушки (end caps) в дополнение к внешнему виду фона. Заглушки определяют<br />

область изображения, которые не должны масштабироваться. Например, можно<br />

создать масштабируемый размер изображения, которое включает в себя четыре<br />

заглушки, которые определяют четыре угла кнопки. Когда изображение масштабируется<br />

для заполнения области фона кнопки, части, определенные заглушкой, растягиваются<br />

без изменений.<br />

В зависимости от размеров масштабируемого изображения, которые вы применяете,<br />

iOS либо растягивает, либо заполняет участи области фона элементами<br />

пользовательского интерфейса. Под растягиванием подразумевается то, что при<br />

масштабировании изображения не учитываются исходные пропорции. Растягивание<br />

производительно, но не желательно для “multipixel” изображений, которые могут<br />

искажаться. Заполнение изображения – это многократное повторение оригинального<br />

изображения для заполнения целевой области. Заполнение является менее<br />

производительным, чем растяжение, но это единственный путь для достижения<br />

текстурированного или узорного эффекта.<br />

Как правило, вы должны предоставить наименьшее изображение (за исключением<br />

заглушки), что в результате будет выглядеть, как вы этого желаете. Например:<br />

● Используя сплошной цвет в изображении без градиента, вам потребуется<br />

изображение 1х1 пиксель.<br />

● Используя вертикальный градиент, создайте изображение шириной 1 пиксель и<br />

высотой, которая будет такой же, как и высота фона элемента пользовательского<br />

интерфейса.<br />

● Предоставляя повторяющийся текстурированный вид, необходимо создать<br />

изображение с размерами, которые соответствуют размерам повторяемой части<br />

текстуры.<br />

● Предоставляя неповторяющиеся текстуры, необходимо создать статическое<br />

изображение, с размерами, соответствующими размерам области фона элемента<br />

пользовательского интерфейса.<br />

-----------------------------------------------------------------------------------------------------------------------------<br />

Примечание: Если вы создаете масштабируемое изображение для Retina display, вам<br />

также необходимо обеспечить версию изображения для высокого изображения.<br />

Например, вы могли бы также предоставить однотонные изображения 2х2 пикселя или<br />

изображения градиента, имеющие ширину 2 пикселя.<br />

-----------------------------------------------------------------------------------------------------------------------------<br />

Application Icons<br />

(Иконки Приложения)<br />

Иконка приложения - это иконка, которую пользователи располагают на экране<br />

устройства и на которую нажимают для запуска приложения. Это место, где брендинг и<br />

2012-03-07 | © 2012 Apple Inc. All Rights Reserved.<br />

161

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!