Руководство по мобильному дизайну и передача

Предыстория: у меня нет опыта цифрового дизайна, но недавно я начал работать UI/UX-дизайнером в небольшой компании. Это моя первая работа.

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

  1. Для каких размеров экрана я проектирую? Нужно ли мне переделывать дизайн для разных экранов (например, для Pixel 2 и Nexus 4)? как они имеют разные размеры? или есть способ иметь единый размер дизайна, который работает (в основном) для всех устройств?
  2. Разработчик, с которым я работаю, тоже мало что знает об адаптивном дизайне, поэтому, передавая спецификации разработчику, в каких единицах должны быть размеры макета? Когда я должен использовать px и когда я должен использовать значения%? Я бы хотел, чтобы он адаптировался к размеру экрана, чтобы разработчику тоже не приходилось переписывать коды для разных экранов.
Знаете ли вы, что существует UX Stackexchange ? Честно говоря, ваш вопрос, вероятно, лучше задать там, так как он не совсем о графическом дизайне как таковом.

Ответы (1)

Что могу сказать по поводу андроид приложений. Приложения для Android адаптируются к разным размерам экрана, используя несколько размеров одного и того же изображения. То есть вам нужно будет подготовить изображение с разными размерами. Например, для иконок используется 6 размеров изображений. 512 * 512px, 192 * 192px, 144 * 144px, 96 * 96px, 72 * 72px, 48 * 48px.

Советую посмотреть этот сайт . Есть автогенерация иконок нужных размеров. Возможно, это направит вас в правильном направлении.