6.5 UI Kit для приложения

Что обязательно добавить на Welcome, кроме регистрации?

Вход для существующих пользователей — например, «Already have an account? Sign in»

Принцип вариантов карточек

Один стиль — разные компоновки: те же элементы, иначе скомпонованы

Безопаснее брать логотипы где?

С официальных сайтов брендов или из плагинов (Community копирует файлы в черновики)

Как проверить карусель карточек?

Временно выключить Clip content

Какие варианты нужны у компонента Avatar в банковском приложении?

Image — фото человека (переводы); Icon — иконка на брендовом градиенте (банкомат, магазины); Brand logo — логотип на фоне его цвета (подписки)

Как подобрать фото к имени?

User Profile по полу, хороший кроп, «как у обычного пользователя»

Layouts (в UI Kit) — это…

Фрейм UI Kit с крупными повторяющимися блоками, сделанными компонентами: списки, карусели, блоки действий

Какие блоки в Layouts?

Transactions list, Actions, Cards carousel, Contacts list, Recent contacts

Зачем большие блоки делать компонентами?

Экранов 10–30 — правка в одном месте расходится везде

Ширина 401 вместо 402 — что делать?

Hug contents по всей цепочке вверх, при необходимости 402 вручную

Из чего собран главный экран?

Status bar, Navigation bar, Cards carousel, Actions, Transactions list, Tab bar — всё компоненты

Что можно не делать компонентом?

Одиночные заголовки, если не повторяются 3–5 раз

Что главное для похожих экранов?

Одинаковые отступы (текст → кнопка, текст → верх)

Варианты Standard row (6.5)

Transaction, Contact, Add element

Add element

Строка «Add contact» с плюсом — перевести тому, кого нет в списке

Как показать активный таб?

Стиль заливки Selected tab (брендовый градиент) + иконка Fill

Ошибка: все табы одинаковые

В каждом варианте свой активный таб

Ошибка: аватар не совпадает с именем

Фото по полу и возрасту, хороший кроп