Android/iOS разработчики, как подготовить материалы, чтобы передать вам дизайн?

Question

[imacriminal]

Недавно начал заниматься дизайном мобильных приложений. Столкнулся с вопросом — как подготовить материалы для передачи разработчикам? Если в вебе я знаю, что можно реализовать css, а что нужно вырезать и передать в png, то тут возникают вопросы. Например, есть иконки — в каком формате и размере (размерах) их передавать? Или разработчику можно дать ссылку на https://design.google.com/icons/ (или просто указать, что используются стандартные material-иконки)? В приложении мало графики, но она есть — логотип, иконки, нотификации со счетчиками.

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

Answer 1

[ManWithBear]

Вот тут хорошо и полно описано что нам нужно.
https://habrahabr.ru/company/rambler-co/blog/256397/

Comments

[imacriminal]

Это хорошая статья и ссылку на неё дают всегда, когда встают подобные вопросы. Но будем откровенны — там описана идеальная процедура. Мне хотелось бы оптимальную — оплата в данном случае у меня проектная, сознательно увеличивать объем работы смысла не вижу. Но и разработчикам хочется передать материалы по-нормальному.

[ManWithBear]

imacriminal: назовите хотя бы один шаг, который лишний в списке. А так нам только лучше. За каждого ленивого дизайнера, я получаю деньги, делая его работу на почасовой оплате, соответсвенно в следующий раз заказчик подумает, что лучше: переплачивать мне, или найти хорошего дизайнера, который сделает свою работу полностью.

[imacriminal]

ManWithBear: я не говорю, что я плохой или ленивый — я давно работаю в веб, решил осваивать приложения. Я максимально прагматичен — как бы кощунственно это не звучало, но я своей работой зарабатываю. Тратить сверх меры время не вижу смысла. На почасовой ставке — без проблем.
Лишний пункт — карта экранов. В мое случае это делает ПМ.
Разметка состояний — насколько необходимо, это же прекрасно видно в psd. Как и цвета, и шрифты.

В общем, в вашем ответе та же проблема, которая указана в моем вопросе — либо чрезмерная детализация, либо уход в оборону: «ленивый дизайнер, мне же лучше...» и т.п.

[ManWithBear]

imacriminal: карта экранов необходима для понимания действий пользователя в приложении. Она в разы нагляднее и удобнее для быстрого понимания зачем эта кнопка вот здесь и почему она выглядит именно так. Кто её делает мне без разницы, как разработчик она мне нужна.

[ManWithBear]

imacriminal: без разметки состояний, я не могу узнать как себя должна вести новая мега классная кнопка, которую родил дизайнер для воу эффекта в приложении.

[ManWithBear]

imacriminal: чтобы вытащить цвета и шрифты из псд, мне нужен фотошоп, он стоит денег.

[imacriminal]

ManWithBear: логично. А может подскажете подобную статью для android-приложений, там вроде с генерацией размеров чуть не так, как в ios?
Кстати, насколько критично предоставлять материалы в нескольких размерах? Или достаточно максимального?

[Денис Загаевский]

imacriminal: очень критично во всех размерах кроме ldpi(устарел), с недавних пор появился вектор - видимо, народ будет потихоньку на него переходить.

[ManWithBear]

imacriminal: про андроид не знаю. Картинки нужны в х2 и х3, быстрого способа это сделать без фотошопа я не знаю. Дизайн для 6+ делать в 1242x2208

[imacriminal]

ManWithBear: спасибо

[imacriminal]

Денис Загаевский: то есть иконки можно в svg по одному экземпляру на иконку?

[Денис Загаевский]

imacriminal: нет, пока это не распространено, большинство по-старинке пользуются png. mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi. Отношение размеров 4:6:8:12:16.
Подробности: developer.android.com/intl/ru/guide/practices/scre...

[imacriminal]

Денис Загаевский: ++