iOS Human Guidlines - page 170

Руководство
по Созданию Кастомных Иконок
и Изображений
2012-03-07 | © 2012 Apple Inc. All Rights Reserved.
170
Web Clip Icons
(Web Clip
Иконки
)
Если
у
вас есть
web-
приложение или
web-
сайт
,
вы можете предоставить
индивидуальную
иконку
,
которую
пользователи могут
отображать на
экране
iPhone,
используя функцию
web clip.
Пользователи
нажимают на
иконку
,
чтобы
перейти
к
web-
контенту быстро
.
Вы можете
создать иконку
,
которая
представляет
ваш
web-
сайт
в
целом или иконку
,
которая
представляет отдельную
web-
страницу
.
Если
ваш
web-
контент отличается легко
узнаваемым
изображением
или
отличительной
цветовой
схемой
,
то
имеет
смысл
внедрить его
в
вашу иконку
.
Однако
,
чтобы
убедиться
,
что
ваша иконка
хорошо
выглядит на
устройстве
,
вы
также должны
следовать
руководству
в
этом разделе
. (
Чтобы
узнать
,
как добавить
код
в
ваш
web-
контент
,
чтобы предоставить
индивидуальную иконку
,
смотрите
Safari Web Content
Guide.)
Для
iPhone
и
iPod touch
создайте иконки
в
таком
размере
:
- 57
х
57
пикселей
;
- 114
х
114
пикселей
(
высокое
разрешение
).
Для
iPad
создайте
иконку
с
такими размерами
:
- 72
х
72
пикселя
;
- 114
х
114
пикселей
(
высокое
разрешение
).
Так же
как и
с иконками приложения
, iOS
автоматически добавляет некоторые
визуальные
эффекты
к
вашей иконке
,
которые
координируют
вашу иконку
с
теми
,
которые
являются
встроенными на
устройстве
.
Более
точно
, iOS
добавляет
:
-
Закругленные
углы
;
-
Падающую
тень
;
-
Блик
.
Например
,
простая
57
х
57
пиксельная иконка
web-
страницы может
выглядеть
вот
так
:
1...,160,161,162,163,164,165,166,167,168,169 171,172,173,174,175
Powered by FlippingBook