Обложка канала

Design by Design

О дизайне во всех его проявлениях Контакт: @webdesign_girl

Design by Design

8 лет назад
Открыть в
Особенности app-дизайна для Android

Привет-привет, веб-дизайн братья и сестры, сегодня подробно и четко разберемся как дизайнятся продукты для IOS и Android.

Итак, начну с того, что обычно я делала приложения или дизайны для мобильных интерфейсов, как оказалось исключительно для IOS, признаю свой бок, что до недавнего много знала о material для десктопа, но о мобильном дизайне где-то-что-то-слышал. Вот шаги, которые я применила в создании дизайна:

🔻В Андроид мире существует 4 диапазона размеров: small (2–3,5″); normal (3–4″); large (4–7″); xlarge (7–10″) — эта группа относится к планшетам. А так же 4 диапазона плотности экранов ldpi (Low density, 120); mdpi (Medium density, 160); hdpi (High density, 240); xhdpi (Extra high density, 320). К нашему счастью, нужно разработать основные форматы: 320x480 px, 480x800 px, 640x960 px, 720x1280 px. Это если проект действительно этого требует и версии для моб и для планшета сильно отличаются.

🔺Помимо отрисовки нужных форматов разработчику нужно будет передать такие папочки с материалами: 320x480 px, 480x800 px, 640x960 px, 720x1280 px., Метрики, Графика, Гайды.

🔻"Графика" - скидываем туда весь контент. Иконки, которые вы использовали можете поместить на отдельные артборды и прямо передать этот артборд на разработку. Часто происходит так, что все элементы выгружаются в Инвижн или Зеплин.

🔺В гайдах мы размещаем пробники с цветами и их кодами, шрифты с размерами, разные цвета текста и начертания тоже здесь оставляла.

Может ли один дизайн, сделанный например для IOS, использоваться и для Андроид? Теоретически может, но это будет больший гемор для разработчика. Лучше сделать две версии, соблюдая все гайды.