Создание графики для Android/iOS/мобильных устройств

Общий рабочий процесс

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

Большинство людей, использующих гибридный поток, перейдут от Illy к Photoshop для получения дополнительных функций. Illustrator может обрабатывать экспорт размеров. Я бы использовал специальную монтажную область для каждого размера, но вы можете сделать это из диалогового окна «Сохранить для Интернета», если хотите.

Илли в П'шоп

Экспорт в PSD — хорошее решение для переноса целого файла в Photoshop. Что-то вроде мокапа. Это также хорошо подходит для сложных иконок. Если вы заметили какое-либо странное сглаживание, попробуйте упростить структуру слоев.

Я работаю с разработчиком, который предпочитает, чтобы я экспортировал рисунки Illy в PSD перед их доставкой. Я нашел некоторые странности с этим методом, но он предпочитает их работе с Illustrator напрямую ;)

Для фрагментов дизайна или относительно простых значков вставка в Photoshop подходит. Здесь есть несколько вариантов.

1. Если вы собираетесь манипулировать объектами в Photoshop, вам понадобятся слои формы.
2. Если вы размещаете свое искусство Illy только в PSD, вам нужен смарт-объект. Таким образом, вы можете легко вернуться к Illy для редактирования.

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

Цветовой режим

RGB . Здесь вам не нужен CMYK.

Пиксельная сетка

Это вопрос рабочих предпочтений. Когда у вас установлен режим предварительного просмотра пикселей, он все равно будет привязан к пиксельной сетке. Я предпочитаю не проверять это и делать выравнивание самостоятельно. Просто убедитесь, что все дополнительные монтажные области, которые вы настроили, находятся в сетке. Наличие артборда с происхождением x: .5сведет вас с ума, пока вы его не найдете!

Итак, артборд x. :5; штатское просто подчеркивало, что если ваша монтажная область настроена таким образом, то вся ваша работа будет немного не такой. Вы можете проверить, что это не так, в параметрах артборда;

Вы можете видеть, что монтажная область выбрана слева, а в правом верхнем углу находятся параметры x и y, которые вы, возможно, захотите переключить. (вы можете захотеть это на 0)

Кроме того, ваши настройки выглядят нормально, как я упоминал ранее, не забудьте изменить их, чтобы оптимизировать для разных размеров экрана, как указано здесь и здесь, а для iOS здесь .

Редактировать

Если вы все еще не уверены в своем сохранении , этот ответ должен вам помочь. Вам не нужен Photoshop, так как он будет изменять размер как растровое изображение. Но для значков на устройствах Android, если вы хотите поддерживать несколько экранов, вам необходимо сохранить их соответствующим образом (как указано выше - дополнительная информация ниже)

С сайта разработчика Android ;

Плотность экрана Количество пикселей в физической области экрана; обычно обозначается как dpi (количество точек на дюйм). Например, экран «низкой» плотности имеет меньше пикселей в заданной физической области по сравнению с экраном «нормальной» или «высокой» плотности. Для простоты Android группирует все фактические плотности экрана в четыре обобщенные плотности: низкая, средняя, ​​высокая и сверхвысокая.

Преобразование единиц dp в пиксели экрана выполняется просто: px = dp * (dpi/160) . Например, на экране с разрешением 240 dpi 1 dp равен 1,5 физическим пикселям. Вы всегда должны использовать единицы dp при определении пользовательского интерфейса вашего приложения, чтобы обеспечить правильное отображение вашего пользовательского интерфейса на экранах с различной плотностью.

Дополнительная информация от ребят на StackOverflow;

ldpi, mdpi и hdpi относятся к плотности экрана, что означает, сколько пикселей может поместиться на один дюйм.

соотношение в пикселях между ними:

ldpi = 1:0,75 mdpi = 1:1 hdpi = 1:1,5 xhdpi = 1:2 xxhdpi = 1:3, поэтому давайте возьмем изображение размером примерно 100X100:

для mdpi должно быть 100X100, для ldpi должно быть 75X75, для hdpi должно быть 150X150, для xhdpi должно быть 200X200, для xxhdpi должно быть 300X300 таким образом, для экранов с одинаковым размером, но разным DPI, все изображения кажутся одинакового размера на экране.

Также у вас есть несколько типов размеров экрана: маленький, нормальный, большой, большой, и каждый из них может быть ldpi, mdpi, hdpi, xhdpi или xxhdpi (Nexus 10).

Вы можете попытаться создать изображение заставки, которое подходит для каждого типа экрана, что дает вам 4 * 5 = 20 различных изображений (мне кажется, что это много).

Удачи с этим приложением!