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 />

Web Clip Icons<br />

(Web Clip Иконки)<br />

Если у вас есть web-приложение или web-сайт, вы можете предоставить<br />

индивидуальную иконку, которую пользователи могут отображать на экране iPhone,<br />

используя функцию web clip. Пользователи нажимают на иконку, чтобы перейти к webконтенту<br />

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

целом или иконку, которая представляет отдельную web-страницу.<br />

Если ваш web-контент отличается легко узнаваемым изображением или отличительной<br />

цветовой схемой, то имеет смысл внедрить его в вашу иконку. Однако, чтобы<br />

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

следовать руководству в этом разделе. (Чтобы узнать, как добавить код в ваш webконтент,<br />

чтобы предоставить индивидуальную иконку, смотрите Safari Web Content<br />

Guide.)<br />

Для iPhone и iPod touch создайте иконки в таком размере:<br />

- 57х57 пикселей;<br />

- 114х114 пикселей (высокое разрешение).<br />

Для iPad создайте иконку с такими размерами:<br />

- 72х72 пикселя;<br />

- 114х114 пикселей (высокое разрешение).<br />

Так же как и с иконками приложения, iOS автоматически добавляет некоторые<br />

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

которые являются встроенными на устройстве. Более точно, iOS добавляет:<br />

- Закругленные углы;<br />

- Падающую тень;<br />

- Блик.<br />

Например, простая 57х57 пиксельная иконка web-страницы может выглядеть вот так:<br />

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

170

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

Saved successfully!

Ooh no, something went wrong!