Значки приложений для iPhone - точный радиус?

Question

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

Я уверен, что я просто придурок, но как сделать так, чтобы закругленные углы точно совпали с иконкой из Illustrator или Photoshop?

Edit:

Какой радиус у Retina iPad?

Answer 1

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

Что я делаю сейчас, это создаю пустой проект с XCode, устанавливаю полностью белый файл PNG в качестве значка и отключаю предустановленные скос и глянец. Затем я запускаю приложение и делаю скриншот домашнего экрана. Теперь вы можете легко создать маску из этого изображения, которую вы можете использовать в Photoshop. Это даст вам идеально закругленные углы.

Answer 2

Iphone закругляет углы для вас, все, что вам нужно, это квадратный значок 57x57 png, и вы должны быть хорошими

Answer 3

Обновление (по состоянию на январь 2018 г.) требований к значку приложения:

---

https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/

Сохранять квадраты значков . Система применяет маску, которая автоматически закругляет углы значков.

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

Answer 4

Я пробовал радиус 228px для 1024x1024, и это сработало:)

Answer 5

Есть два полностью противоречивых ответа с большим количеством голосов: один 160px @ 1024, другой 180px @ 1024. Так ведьма одна?

Я провел несколько экспериментов и думаю, что это 180px @ 1024, так что drbarnard верен.

Я загрузил значок iTunes U из App Store, его размер 175x175px. Я увеличил его в Photoshop до 1024px и наложил на него две фигуры, одну с радиусом 160px и одну с 180px.

Как вы можете видеть ниже, фигура (тонкая серая линия) с 160px (1-й) немного отклонена, тогда как форма с 180px выглядит просто отлично.

Вот что я делаю сейчас в PhotoShop:

1. Я создаю холст размером 1026x1026px с маской 180px для основного дизайн Smart Object .
2. Я дублирую основной смарт-объект 5 раз и изменяю его размеры до 1024px, 144px, 114px, 72px и 57px.
3. Я помещаю «Новый многослойный основанный срез» на каждый смарт-объект и переименовываю срезы в соответствии с их размером (например, icon-72px).
4. Когда я сохраняю иллюстрацию, я выбираю «Все пользовательские фрагменты» и BANG! я имею все значки, необходимые для моего приложения.

Answer 6

Вам не нужно применять угловой радиус к значку вашего приложения, вы можете просто применить квадратные значки. Устройство автоматически применяет угловой радиус.