Размеры для дизайна мобильных приложений Android в Figma и Photoshop?

Question

[julia_zhdanovich]

Здравствуйте! Попала я в такую интересную ситуацию.
Работаю над проектом, который до меня отрисовывался в фотошопе , стандартный размер экрана в фотошопе 1080x1920.
Сейчас мне нужно продолжить , дорабатывать новые страницы к приложению, только уже в фигме. А там стандартный размер для андройда 360х640.
Вопрос: какой размер макета брать для андройда в фигме, чтобы меня не линчевали разработчики?

Answer 1

[Михаил Проскурин]

Какая разница, какое разрешение экрана, если важно то, какую сетку вы построили.

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

Для этого создайте Frame, например с разрешением 360, вычтите примерно отступы по 15 px, и у вас получится вот такая сетка:

spoiler

Comments

[Нерон Лордов]

только почему отступы 10 и 15? Надо 8 и 16 тогда, раз уж под андроид (речь ведь о приложении, а не сайте) - чтоб проще было перенимать Material Guidelines, который базируется на 8-пиксельной регулярной сетке.

[Михаил Проскурин]

Нерон Лордов, не, там же про сайт речь, или я неправильно понял из контекста?

[Нерон Лордов]

Михаил Проскурин, дык заголовок вопроса прочти :))

Answer 2

[Нерон Лордов]

Виртуальное разрешение большинства смартфонов под андроидом - 360х640.

Физическое может быть гораздо больше. Но это не важно. Важно только виртуальное. Взять например лопату с full-hd разрешением. Не рисовать же под нее так же, как под full-hd моник?

Чтобы глубже понять, покури вот эту секцию материалки: https://material.io/design/layout/density-resoluti...

А потом и всю материалку покури, использовать ее не обязательно, но знать нужно.