Дизайн иконок приложений для iOS — проблема со скругленными углами

Проблема: сглаженные закругленные углы значков моих приложений из-за прозрачности показывают некоторые пиксели основного фона.

Мое быстрое решение: вместо экспорта с «неповрежденными» углами я заполнил пространство соответствующей текстурой. Углы выглядят идеально на устройствах iOS.

введите описание изображения здесь

И это было хорошо для того времени. Но теперь, когда значки становятся все более и более сложными , делать это становится все труднее и труднее. И вторая проблема, с которой я столкнулся, заключается в том, что везде, где также используется значок (тестовый полет, обзоры приложений), где я не могу контролировать, какой значок выбирается, версия без углов просто не представляет окончательный дизайн.

Мой вопрос: есть ли у вас лучший/другой рабочий процесс для создания красивых углов без ущерба для внешнего вида значка?

Я не делал иконки для ios, но это кажется вполне законным: appicontemplate.com - pixelresort.com/blog/app-icon-template
Спасибо. Я нашел эти и подобные шаблоны. Я на самом деле довольно хорошо подготовлен с точки зрения размеров и радиуса угла. Мой вопрос действительно направлен именно на сглаженные углы. Должен ли я отредактировать свой вопрос, чтобы сделать это более понятным?
Это может быть хорошей идеей.

Ответы (2)

Я всегда расширяю цвет и позволяю ОС маскировать углы.

Точный радиус для каждого размера:

  • Icon512.png — 512 пикселей — 89,825
  • Иконка.png — 57px — 10
  • Icon@2x.png — 114px — 20
  • Иконка-72.png — 72px — 12.632
  • Icon-72@2x.png — 144px — 25,263
  • Icon-Small.png — 29px — 5.088
  • Icon-Small@2x.png — 58px — 10,175

Как обсуждалось здесь: https://stackoverflow.com/a/10239376/1347722

Начните с радиуса 10 пикселей на значке 57 × 57 пикселей и масштабируйте документ вверх и вниз, чтобы получить правильный радиус угла.

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

введите описание изображения здесь введите описание изображения здесь введите описание изображения здесь

Иногда для получения желаемого эффекта нужно немного изменить формы.

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

Жаль, что вы не можете контролировать все, но пользователи с меньшей вероятностью увидят ваш дизайн на этих сайтах, чем на своем домашнем экране или в App Store.

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

Компромисс. Создавайте свои значки с собственными закругленными углами и прозрачным фоном, но пусть радиус угла будет чуть меньше, чем у iOS. Таким образом, iOS по-прежнему будет обрезать изображение так, как считает нужным, чтобы сделать красивый закругленный угол, а те, кто просто скачает полную версию, все равно увидят закругленный угол, хотя и с немного другим радиусом/чуть более толстым краем.

Это интересный подход. Это не будет работать для каждого дизайна (например, с подсветкой углов), но стоит попробовать.
Дизайн иконок приложений для iOS — проблема со скругленными углами
СпросиСетьПолитика конфиденциальности1y, 0v