iOS Human Guidlines - page 160

Руководство
по Созданию Кастомных Иконок
и Изображений
2012-03-07 | © 2012 Apple Inc. All Rights Reserved.
160
Больше реалистичности
.
Например
,
в
версии
высокого разрешения
иконок
Compass
и
Photos
сочетаются богатые
текстуры
и мелкие детали для
создания реалистичного
образа
компаса и фотографии
.
Хотя иконки
панели проще
,
чем
иконки приложения
,
вы должны
рассматривать
вопрос
о
добавлении деталей
,
поскольку
вы
создаете их
версии
в
высоком
разрешении
.
Например
,
иконка панели
ярлыков
Artist
в
Music-
приложении представляет
обтекаемый
силуэт
исполнителя
.
В версии
высокого
разрешения
эта
иконка является
также
узнаваемой
,
но
включает
в
себя больше деталей
.
Следующие методы помогут
вам
получить
отличные
результаты
при
создании
художественной
работы
в
высоком
разрешении
.
Увеличивайте ваше оригинальное изображение на
200%
с
помощью
алгоритма
масштабирования
“nearest neighbor”.
Это
отлично
работает
,
если
оригинальное
изображение не было
создано
в
векторной форме
и
не
включает
слой
эффектов
.
Результатом
является большое
,
пикселизированное
изображение
,
поверх
которого
можно рисовать работу
в
высоком
разрешении
.
Это
хороший
способ начать
,
потому
что
позволяет
сохранить
оригинальный макет дизайна
.
Если
оригинальное
изображение было
создано
в
векторной форме
или
оно
включает
в
себя
слои
эффектов
,
вы можете использовать
стандартный
алгоритм масштабирования
вместо
алгоритма
“nearest neighbor”.
Добавляйте детализацию в
глубину
.
Не
стесняйтесь делать
очень маленькие
элементы
,
потому
что
в
высоком разрешении
гораздо больше места для мелких
деталей
.
Например
однопиксельная
точка
исходного изображения
становится
четырехпиксельной
точкой
(
т
.
е
2
х
2
пикселя
)
в
увеличенной
версии
.
Рассматривайте смягчение расширенных элементов
.
Если
,
например
,
у
вас есть
четкая
,
однопиксельная
разделительная линия
в оригинальном изображении
,
то при
увеличении изображения
она
станет двухпиксельной
.
Но для некоторых линий и
элементов
вы можете
смягчить результат масштабирования
или даже
оставить
элемент
меньшего
размера
.
Пробуйте добавлять размытие для лучших результатов в
таких эффектах
,
как
гравюры и
тени
.
Например
,
текст
гравировки обычно
создается
путем
переноса
копии
изображения
текста на
1
пиксель
.
Масштабирование
этого
сдвига приведет
к
гравюре
шириной
2
пикселя
,
которая
,
вероятно
,
будет
выглядеть очень
резкой и
нереальной
в
высоком
разрешении
.
Для
улучшения
этого
,
вы можете не изменять
сдвиг
(
т
.
е
.
на
1
пиксель
),
но добавить
1
пиксель размытия
,
чтобы
смягчить
гравировку
.
Это по
-
прежнему
двухпиксельная
гравировка
,
но
внешний
пиксель
теперь больше похож на
половину
пикселя
в ширину
,
в
результате
чего
сохраняется размерность
.
Tips for Creating Resizable Images
1...,150,151,152,153,154,155,156,157,158,159 161,162,163,164,165,166,167,168,169,170,...175
Powered by FlippingBook