Дизайн приложений: Android

Привет всем. Недавно я рисовал приложение для платформы android и столкнулся с кучей мелочей, которые необходимо было узнать, дабы сделать приложение качественно и красиво, при этом чтобы не отбросил коньки программист :). Так вот, начнем с общего. Дизайн под Android достаточно сильно отличается от дизайна интерфейсов под iOS

Первый вопрос как правило у всех дизайнеров приложений под Android:

Под какое разрешение будем рисовать

дизайн под android под какое разрешение рисовать

Матчасть
В отличие от iOS приложений, где пока что есть 2 плотности пикселей (retina и НЕ retina), Android есть четыре диапазона экранов:

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)

Можно рисовать дизайн под все сразу конечно размеры, но лучше взглянуть на статистику разрешений Android устройств
На официальном сайте для разработчиков она приведена:
статистика разрешений android
Отсюда ясно, что превалируют разрешения hdpi и xhdpi. Лично я, учитывая что с течением времени пока мы выпускаем приложение устройства становятся со все большими экранами и дешевеют, сначала нарисовал под xhdpi, 720×1280 (Galaxy s3). А потом уменьшил, поправил съехавшие пиксели и отдал в hdpi.

Далее,

Шрифты в Android

Старые версии системы в качестве дефолтных ставили Droid Sans. Начиная с новой версии android 4 Ice Cream Sandwich теперь там стоит по дефолту красивый шрифт с большим количеством начертаний Roboto. Кстати, скачать Roboto можно здесь
скачать шрифт Roboto официальный шрифт android 4
Впринципе, вы можете поставить любой другой шрифт в дизайн, но учтите локализацию этого шрифта в других странах и уточните захочет ли с этим возиться программист.

Дизайн панелей, кнопок, иконок.

Впринципе, вы можете соблюдать фирменный стиль и даже частично перенести его из другой платформы, под которую уже делали приложение, например взять стиль iOS. Но для лучшего удобства пользования вашим приложением желательно сохранить идеологию дефолтной навигации android. То есть вы можете перекрасить кнопки с синего/темно-серого на другой, но оставьте их в том месте где обычно они располагаются, не заставляйте пользователей заново привыкать к интерфейсу!

В дополнение, существуют psd шаблоны виджетов, кнопок, чекбоксов, блокировки экрана, панели уведомлений, клавиатуры и диалогов оповещения, скачать можно тут — http://morepsd.ru/2013/04/android-4-psd/
psd шаблон Android 4 Holo

Также, пару ссылок под дизайну собственно:
Галерея самых красивых и хорошо проработанных приложений под Android — http://androidniceties.tumblr.com/

Кстати, продолжение следует, в следующей статье я вам расскажу как я воевал с системой разметки тянущихся и не тянущихся частей изображений в Андроид с помощью 9patch

Спонсор статьи: Дизайн интерьера квартиры своими руками http://distroy.ru/news/60-dizajn-interera-kvartiry-svoimi-rukami.html Компания «СИМОС» г. Москва

3 thoughts on “Дизайн приложений: Android

  1. Добрый день!
    А меня вот волнует вопрос — при создании нового макета, какое разрешение / resolution задать необходимо? Потому как плотность везде различная.

    Спасибо за статью :)

    • проще всего будет задать плотность под самое большое разрешение смартфона, и самое большое разрешение планшета, а потом масштабировать до нужных, и делать все шейпами

  2. Ищу дизайнера для андройд приложений,приложение уже готово,нужен сам дизайнер срочно о цене договоримся,тел для связи 8 923 349 97 62 город Красноярск!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *