Какие ресурсы я должен экспортировать для Android 5?

Я работаю над приложением для Android, основанным на принципах материального дизайна. Поскольку я не разработчик, мне сложно понять, что можно создать с помощью Android SDK, а что нужно экспортировать/предоставить разработчику.

Вот пример изображения.

скриншот приложения
Кнопка воспроизведения находится на панели «сейчас воспроизводится» и при нажатии переходит в состояние «пауза». Я полагаю, мне нужно экспортировать значок, а не фиолетовый фон.

Вот анимированный прототип, который я сделал. https://goo.gl/y9aCXz

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

Это действительно очень хороший вопрос. Я приглашу людей с форума UX присоединиться к этой дискуссии.
Да. Я тоже буду спамить на переполненном форуме Xo)

Ответы (2)

Обычно я придерживаюсь принципа, что лучше сгенерировать как можно больше кода, поэтому я стараюсь предоставить как можно меньше готовых ресурсов.

Причиной этого является «фрагментация», которой славится Android — существует так много разных размеров экрана, и поэтому ресурсы должны предоставляться в стольких разных размерах (hdpi, xhdpi, xxhdpi и т. д.). Все, что сгенерировано в коде, можно увеличивать и уменьшать по желанию без необходимости генерировать несколько изображений.

В этом случае я думаю, что вы правы, разработчик может сгенерировать розовый/фиолетовый круг в коде, просто дайте им код # для цвета и размеры кнопки вашего базового размера (возможно, xxhdpi, если вы разрабатываете в самый большой размер экрана). Затем вы можете либо создать значки разных размеров, либо использовать шрифт, который включает значки. Я довольно часто использую FontAwesome , он включает в себя множество стандартных иконок. Опять же, преимущество использования шрифта заключается в том, что разработчик может просто поместить значок, а затем установить соответствующий размер шрифта для разных размеров экрана.

Еще одна альтернатива, поскольку вы разрабатываете дизайн для Android 5, — использовать причудливый переход значков, который Google называет « Восхитительными деталями » (значок воспроизведения превращается в значок паузы). Я не разработчик, поэтому я не уверен, как это делается в коде, но я почти уверен, что это один из переходов материальной темы по умолчанию. Это, вероятно, объясняется в разделе анимации Руководства разработчика .

Что моя команда разработчиков считает действительно полезным, так это хороший список всех цветов и размеров ресурсов, полей и всей информации о шрифтах (размер, вес и т. д.). Обычно я создаю то, что обычно называют «общим скином» — дополнительный раздел моего прототипа, где я размещаю несколько экранов шаблонов и добавляю примечания со всей информацией о дизайне.
Это отличный ответ. Спасибо, что уделили время. Что касается спецификаций, я буду использовать Zeplin для всех отступов, размеров и т. Д. Я нашел, что это самый простой и наименее трудоемкий способ справиться с этим.
Рад, что это было полезно. Я не слышал о Zeplin, выглядит очень интересно. Я попробую это. Спасибо

Общий ответ:

Спросите своего разработчика.

Как дизайнер

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

Как разработчик

Вот сложная часть.

Я спросил в чате StackOverflow, и кто-то ответил так:

easwee @Rafael просто отправьте весь psd-файл, но что касается именно этого дизайна: я никогда не работал с приложениями для Android, но, по крайней мере, в том, что касается CSS, этот дизайн не требует ресурсов, возможно, кнопки воспроизведения / паузы экспортируются как svg, но даже они кажутся довольно общими .

cimanon SVG или символьный шрифт, такой как fontawesome/wingdings/etc, — это все, что, как мне кажется, потребуется для такого дизайна.

Рафаэль Хум. Вам нравится экспортировать детали по мере необходимости?

easwee @Rafael Я стараюсь максимально использовать дизайн только с помощью кода, избегая ненужных ресурсов - так что да - я просто извлекаю из дизайна то, что мне нужно.

анализ

Я думаю, это зависит от 2 вещей. 1) Как много вы знаете о разработке и 2) Какой контроль необходим каждому человеку.

1) Недавно у меня был веб-проект, где я попросил одного человека дать мне фотографию. Он использовал его на макете в Ilustrator и экспортировал оттуда... Конечно, он был экспортирован с неправильным разрешением и в cmyk. Я попросил исходное фото после этого.

Но если вы действительно знаете, как это сделать, полезно иметь настоящую командную работу.

2) Например. В этом чате cimmanon комментирует fontawesome. Разработчики привыкли использовать онлайн-ресурсы, которые работают иначе, чем ресурсы дизайнеров. Этот конкретный шрифт представляет собой набор шрифтов, который дает вам значки, которые можно просто связать, и они будут вставлены в дизайн. Это дает им контроль над проектом по мере необходимости.

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

Спасибо, что сделали все возможное и даже спросили других. Я очень ценю это! Ваш ответ дал мне действительно хорошее представление.