Хотя Affinity Designer имеет чрезвычайно полезный экспорт @ 1x, @ 2x и @ 3x, мне интересно, есть ли способ экспорта в различных размерах, которые требуются для иконки iOS?
Я нашел сжатую сетку необходимых размеров здесь , что я буду воспроизводить в формате списка:
- 1024x1024
- 180x180
- 152x152
- 120x120
- 87x87
- 80x80
- 76x76
- 58x58
- 57x57
- 40х40
- 29x29
Это 11 разных размеров иконок!
Я считаю, что концепция Export Persona с концепцией конфигурации слайсов превосходна, тем более что вы можете применять фрагменты к отдельным слоям (скажем, для обычной и нажатой версий кнопки). Есть ли какой-нибудь способ использовать этот же инструмент, возможно, для выполнения определенных размеров экспорта?
icon
export
ios
affinity-designer
Мэтт Мак
источник
источник
Это выглядит как огромный, сложный список, но на самом деле вам нужно построить только 5 размеров:
Первые четыре размера (указаны в пунктах) нуждаются в версиях 1 ×, 2 × и 3 × (если вы рассчитываете на будущее, а также на покрытие iPhone 6 Plus).
Некоторые размеры, которые вы увидите в сети и на сайте Apple, предназначены для iOS 6 и ниже (57 × 57 и т. Д.). Они не нужны, если вы ориентируетесь на iOS 7 и выше.
Вот шаблон Photoshop, который я создал:
У меня есть слайсы, настроенные для экспорта каждого значка, и действие для изменения размера и реэкспорта, поэтому я в итоге получаю:
Еще не все эти размеры необходимы, но, вероятно, будут в будущем. Начиная с 4 базовых размеров, значительно упрощает создание значков.
Я использую ломтики в Photoshop для экспорта различных областей, необходимых для каждой иконки. Обратите внимание, что значки, которые вы предоставляете, не должны иметь прозрачных областей - цвет должен доходить до углов. iOS замаскирует значок, так что вам не нужно об этом беспокоиться.
Вы могли бы сделать то же самое, используя функцию среза Affinity?
Обновление: я создал несколько шаблонов значков приложений с открытым исходным кодом для Affinity Designer, Sketch, Photoshop и Illustrator . Возможно, стоит задуматься.
источник
Вы можете сделать это в Affinity Designer, срезы могут масштабировать свои выходные данные, используя суффиксы, вот экспорт значков iOS с использованием суффикса 'w':
источник
Я только что нашел хороший способ сделать это в Affinity Designer. Это не полностью автоматизировано, хотя. Я объясню, как получить три размера значков, необходимых в настоящее время для iPhone (29pt, 40pt, 60pt), каждый с разрешением 2x и 3x:
Affinity создаст все размеры значков в каждом выбранном разрешении, поэтому вы можете получить больше значков, чем вам нужно. Но они аккуратно названы «29pt@2x.png» и т. Д., Поэтому их очень легко назначить в вашем каталоге активов XCode.
Одно предостережение: когда вы переходите к Export Persona, Affinity автоматически создает срез экспорта для каждого артборда (это синяя рамка с меткой размера на ней). Я обнаружил, что иногда размер этих срезов составляет несколько пикселей. Похоже, ошибка в AD. Вы можете легко исправить это, перетаскивая углы срезов.
источник
У Марка Эдвардса был отличный ответ с точки зрения того, какие размеры иконок нужно создавать, как использовать срезы для этого и хорошие ссылки на ресурсы Photoshop для этого. Тем не менее, я все еще ищу решение о том, как экспортировать в несколько размеров в Affinity Designer конкретно.
В конце концов, я понял, что это возможно с помощью инструмента «Поместить изображение». Сделайте ваш значок в одном файле, а затем в другом файле шаблона, вы можете использовать инструмент «Поместить изображение», чтобы создать несколько слоев, которые вытягивают ваш файл значка. Каждый из этих слоев можно превратить в именованный фрагмент.
Недостатком здесь является то, что каждый слой должен быть создан и направлен на ваш файл значков, так что это кажется утомительным. Однако, как только он был на месте, после любых изменений в вашем базовом файле вы могли легко реэкспортировать все.
источник