Я работаю над приложением для Android, основанным на принципах материального дизайна. Поскольку я не разработчик, мне сложно понять, что можно создать с помощью Android SDK, а что нужно экспортировать/предоставить разработчику.
Вот пример изображения.
Кнопка воспроизведения находится на панели «сейчас воспроизводится» и при нажатии переходит в состояние «пауза». Я полагаю, мне нужно экспортировать значок, а не фиолетовый фон.
Вот анимированный прототип, который я сделал. https://goo.gl/y9aCXz
Было бы очень хорошо, если бы вы, ребята, могли просто дать мне некоторое представление о том, что экспортировать, а что оставить разработчику.
Обычно я придерживаюсь принципа, что лучше сгенерировать как можно больше кода, поэтому я стараюсь предоставить как можно меньше готовых ресурсов.
Причиной этого является «фрагментация», которой славится Android — существует так много разных размеров экрана, и поэтому ресурсы должны предоставляться в стольких разных размерах (hdpi, xhdpi, xxhdpi и т. д.). Все, что сгенерировано в коде, можно увеличивать и уменьшать по желанию без необходимости генерировать несколько изображений.
В этом случае я думаю, что вы правы, разработчик может сгенерировать розовый/фиолетовый круг в коде, просто дайте им код # для цвета и размеры кнопки вашего базового размера (возможно, xxhdpi, если вы разрабатываете в самый большой размер экрана). Затем вы можете либо создать значки разных размеров, либо использовать шрифт, который включает значки. Я довольно часто использую FontAwesome , он включает в себя множество стандартных иконок. Опять же, преимущество использования шрифта заключается в том, что разработчик может просто поместить значок, а затем установить соответствующий размер шрифта для разных размеров экрана.
Еще одна альтернатива, поскольку вы разрабатываете дизайн для Android 5, — использовать причудливый переход значков, который Google называет « Восхитительными деталями » (значок воспроизведения превращается в значок паузы). Я не разработчик, поэтому я не уверен, как это делается в коде, но я почти уверен, что это один из переходов материальной темы по умолчанию. Это, вероятно, объясняется в разделе анимации Руководства разработчика .
Спросите своего разработчика.
Если вы хотите управлять сикном, например, загрузив новую цветовую схему для значков, и вы можете просто загрузить новый набор значков (в правильном размере и формате)... экспортируйте весь круг и графику паузы/остановки все вместе.
Вот сложная часть.
Я спросил в чате StackOverflow, и кто-то ответил так:
easwee @Rafael просто отправьте весь psd-файл, но что касается именно этого дизайна: я никогда не работал с приложениями для Android, но, по крайней мере, в том, что касается CSS, этот дизайн не требует ресурсов, возможно, кнопки воспроизведения / паузы экспортируются как svg, но даже они кажутся довольно общими .
cimanon SVG или символьный шрифт, такой как fontawesome/wingdings/etc, — это все, что, как мне кажется, потребуется для такого дизайна.
Рафаэль Хум. Вам нравится экспортировать детали по мере необходимости?
easwee @Rafael Я стараюсь максимально использовать дизайн только с помощью кода, избегая ненужных ресурсов - так что да - я просто извлекаю из дизайна то, что мне нужно.
Я думаю, это зависит от 2 вещей. 1) Как много вы знаете о разработке и 2) Какой контроль необходим каждому человеку.
1) Недавно у меня был веб-проект, где я попросил одного человека дать мне фотографию. Он использовал его на макете в Ilustrator и экспортировал оттуда... Конечно, он был экспортирован с неправильным разрешением и в cmyk. Я попросил исходное фото после этого.
Но если вы действительно знаете, как это сделать, полезно иметь настоящую командную работу.
2) Например. В этом чате cimmanon комментирует fontawesome. Разработчики привыкли использовать онлайн-ресурсы, которые работают иначе, чем ресурсы дизайнеров. Этот конкретный шрифт представляет собой набор шрифтов, который дает вам значки, которые можно просто связать, и они будут вставлены в дизайн. Это дает им контроль над проектом по мере необходимости.
Но, как я уже сказал, если вы хотите получить доступ к папке, в которой вам нужно изменить значки, чтобы поэкспериментировать, не касаясь кода, сделайте это так.
Рафаэль
Рафаэль