#UI #UX
10 Android UI/UX Tips & Tricks от Gaurav
Советы по UI/UX для вашего приложения:
1️⃣ Не забывайте о эффект при нажатии на элементы UI Используйте ?android:attr:selectableItemBackground для получения Drawable из темы для фона кнопки, которая корректно показывает нажатие.
2️⃣ Используйте стандартные компоненты View и стилизацию их из темы
Этот позволяет всем вашим виджетам выглядеть консистентно платформе. Для кастомизации цветов используйте tint.
3️⃣ Тень под компонентами
4️⃣ Используйте tools:parentTag в <merge>
Это позволяет LayoutEditor понимать как отображать ваш UI в предпросмотре.
5️⃣ Отложенные парсинг layout XML с помощью ViewStub
Если часть вашего UI показывается опционально, то не стоит ее парсить сразу и делать, visibility="gone". Используйте ViewStub. Подробнее модно почитать здесь.
6️⃣ Старайтесь не использовать фиксированные разрешения
Фиксированные разрешения должны использоваться только в редких случаях когда вы знаете что размер должен быть строго такой и не может быть гибким. Например, ImageView с аватаром пользователя имеет размер 48x48dp. Просите дизайнера делать дизайн под большие и маленькие устройства, либо комментировать как должны адаптироваться элементы.
7️⃣ Размер текста: dp или sp?
Извечная дилемма. Я выбираю sp так как это делает приложение более удобным, потому что позволяет менять размер текста пользователем и приятно работать.
8️⃣ Используйте анимации при переходах
Наличие анимации позволяет пользователю понимать какой происходит переход и упрощает понимание работы приложения. Современный Android имеет множество средств и упрощений для работы с анимацией. Ждем Navigation и CoordinatorLayout, чтобы упростить это еще больше!
Также рекомендую освежать в памяти и почитывать гайды по Material Design. В них можно найти много полезного и вдохновится идеями для вашего приложения.
10 Android UI/UX Tips & Tricks от Gaurav
Советы по UI/UX для вашего приложения:
1️⃣ Не забывайте о эффект при нажатии на элементы UI Используйте ?android:attr:selectableItemBackground для получения Drawable из темы для фона кнопки, которая корректно показывает нажатие.
2️⃣ Используйте стандартные компоненты View и стилизацию их из темы
Этот позволяет всем вашим виджетам выглядеть консистентно платформе. Для кастомизации цветов используйте tint.
3️⃣ Тень под компонентами
4️⃣ Используйте tools:parentTag в <merge>
Это позволяет LayoutEditor понимать как отображать ваш UI в предпросмотре.
5️⃣ Отложенные парсинг layout XML с помощью ViewStub
Если часть вашего UI показывается опционально, то не стоит ее парсить сразу и делать, visibility="gone". Используйте ViewStub. Подробнее модно почитать здесь.
6️⃣ Старайтесь не использовать фиксированные разрешения
Фиксированные разрешения должны использоваться только в редких случаях когда вы знаете что размер должен быть строго такой и не может быть гибким. Например, ImageView с аватаром пользователя имеет размер 48x48dp. Просите дизайнера делать дизайн под большие и маленькие устройства, либо комментировать как должны адаптироваться элементы.
7️⃣ Размер текста: dp или sp?
Извечная дилемма. Я выбираю sp так как это делает приложение более удобным, потому что позволяет менять размер текста пользователем и приятно работать.
8️⃣ Используйте анимации при переходах
Наличие анимации позволяет пользователю понимать какой происходит переход и упрощает понимание работы приложения. Современный Android имеет множество средств и упрощений для работы с анимацией. Ждем Navigation и CoordinatorLayout, чтобы упростить это еще больше!
Также рекомендую освежать в памяти и почитывать гайды по Material Design. В них можно найти много полезного и вдохновится идеями для вашего приложения.