Екрани та макети

Заголовки та меню плавають у контейнерах з міцним склом Підкреслити Заголовки та меню плавають у колючих скляних контейнерах, що… стакан-заголовок

Заголовки та меню плавають у закруглених скляних контейнерах, які зникають під час прокручування. Використовує ефект матового скла (розмиття фону + напівпрозора поверхня). Зникає, коли ви прокручуєте сторінку вниз.

  • стакан-заголовок
  • навігація
  • контейнери
  • дизайн
Модальне вікно результатів після імпорту Після імпорту контактів, анимоване модальне вікно показує ваш… імпорт

Замінює три одночасні поверхні після імпорту (toast, автоматичне запуск тур, вибухаючі аватари) на одну спокійну модальну поверхню. Затримка в 3 секунди дозволяє аватарам стабілізуватися перед відображенням модальної поверхні. Тур починається лише у разі, коли користувач явно погоджується.

  • імпорт
  • адаптація
  • модальне вікно
  • статистика
  • тура
  • мова
Головний рядок з назвою на градієнті з можливістю приховання арт-об'єкту Героїчний заголовок розташовується на Saropa градієнті з a… герой

Стан перемикання зберігається на кожному пристрої, а не скидається під час запуску, тому будь-хто, хто віддає перевагу компактному перегляду списку, збереже цей макет на кожному екрані, не приховуючи щоразу зображення.

  • герой
  • градієнт
  • колапс
  • перемикач
  • перевага
Сітки адаптують кількість стовпців до великих розмірів тексту Грид-лайаути зменшують кількість стовпців, коли система текст… доступність

Кількість стовпців перераховується на основі коефіцієнта масштабування активного тексту, а не фіксованої точки зупинки пристрою, тому телефон і планшет із однаковими налаштуваннями доступності зберігають достатню ширину на клітинку для повних міток.

  • доступність
  • текст-масштаб
  • колонки
  • чуйний
  • сітка
Героїчна графіка в вставці зі згортанням при прокручуванні Екранна графіка розташовується в округлій вставці зі згортанням… герой

Висота картки визначається зсувом прокручування, а не фіксованою тривалістю анімації, тому згортання точно відстежує рухи пальців, а тактильний зворотний зв’язок спрацьовує один раз у точній точці, у якій він фіксується на панелі заголовка.

  • герой
  • сувій
  • колапс
  • анімація
  • картку
  • тактильний
Миттєве зображення зображення без відображення Геройське зображення та зображення екранів завантажуються з кешу при повторному використанні… продуктивність

Декодовані зображення залишаються постійними в кеші в пам’яті з ключем шляху ресурсу, тому повернення до екрана повністю пропускає крок декодування замість повторного отримання та повторного відтворення ілюстрації з диска.

  • продуктивність
  • кеш зображення
  • герой
  • завантаження
Підтримка розташування справа-наліво на екранах героя Геройські заголовки використовують напрямкове розташування, щоб екран лежав… rtl

Елементи заголовка зчитують зовнішній напрямок тексту, а не жорстке вирівнювання за лівим краєм, тому заголовки, елементи керування на задній панелі та ілюстрації відображаються правильно, а не просто гортають текст, а значки залишаються закріпленими ліворуч.

  • rtl
  • макет
  • доступність
  • герой
  • інтернаціоналізація
Розширювані заголовки секцій на шести екранах Натисніть на заголовки літер, щоб приховати/відобразити групи на Організаціях,… робочий процес

Натискання заголовка листа тепер перемикає видимість кожного контакту під цією літерою, надаючи можливість згортати довгі алфавітні списки на шести екранах із великою кількістю даних без багаторазового прокручування попередніх записів.

  • робочий процес
  • взаємодія
Рівні довжини повідомлень з візуальним відрізняльним ознакою Три кольорові іконки (бrev/стандарт/повний) з стилем… розповідь

Заміна прапорців кольоровими піктограмами та іменованими рівнями надає кожній довжині оповіді чітку візуальну ідентичність, роблячи вибраний параметр впізнаваним з першого погляду, а не потребує прапорця для підтвердження.

  • розповідь
  • ux
Пам'ятна повідомлення з Назвою та Пропусками Меморіальні нарративи включають назву ("У пам'ять про …") та … розповідь

Згенерований меморіальний текст починається формальним заголовком і розбивається на окремі абзаци щоразу, коли тематика змінюється (кар’єра, сім’я, спадщина), замість того, щоб бути одним щільним блоком.

  • розповідь
  • меморіал
Простий доступ для додавання деталей контактної історії Профілі контактів показують корисний посилання для додавання більше історії … ui

Контакти з тонкою або порожньою розповіддю тепер відображають вбудоване посилання із закликом до дії, яке вказує безпосередньо на редактор для додавання вмісту історії, замість того, щоб користувачі шукали його в налаштуваннях.

  • ui
  • розповідь
  • cta
Знак пам'яті тепер постійно на контактах, які відповідають захороненим Знак смерті показує постійно на контактних пам'ятниках, не лише … контакти

Індикатор пам’яті тепер залишається видимим на аватарі померлого контакта безперервно, а не з’являється щороку лише в річницю їхньої смерті.

  • контакти
  • аватар
  • меморіал
  • покійний
Мап Завантажується Швидше Мап тайлс завантажуються з гладким градієнтом фону, роблячи мап… карти

Покажчик місця заповнення градієнта відповідає розмірам плиткової сітки та зникає, коли надходить реальне зображення, приховуючи мережевий обхід, який вимагається постачальниками карт перед надходженням пікселів.

  • карти
  • завантаження
  • ux
QR Коди Вбудовують Saropa Марк QR коди відображають Saropa бренд марк у синій колір у центрі з… брендинг

Темно-синій знак Saropa розташований у центрі QR-коду, а надлишковість виправлення помилок у навколишньому візерунку дозволяє сканувати код, навіть якщо логотип перекриває його частину.

  • брендинг
  • qr-коди
  • обмін
Допомога секції згортаються та запам'ятовують стан Розділи з допомогою згортання, колір-кодовані, і запам'ятовують… навігація

Кожен розділ довідки має окремий колір і запам’ятовує, чи залишався він відкритим чи закритим між відвідуваннями, тому частково прочитаний екран довідки відновлюється там, де він був залишений.

  • навігація
  • допомогти
  • персоналізація
  • розбірні
Вітаючі екрані ведуть нових та оновлюваних користувачів Анімовані вітаючі екрані з плавними переходами ведуть… навігація

Окремі вітальні потоки для абсолютно нових установок і оновлень версій означають, що користувачі, які повертаються, бачать, що змінилося для них конкретно, а не загальний підручник для першого запуску, призначений для новачків.

  • навігація
  • адаптація
  • анімації
  • запуск
  • оновлення
Перший запуск вітаючий анімований бренд-назва Літери падають по глифах з райдуговою вспілью на запуск. анімація

Кожна літера словесного знака оживляється окремо за допомогою кольорового розмаху, перетворюючи момент холодного старту на фірмовий розквіт, а не на статичний екран логотипу.

  • анімація
  • адаптація
  • візуальний
Одноразове оновлення вітання модальне вікно Користувачі Isar-періоду бачать вступну інформацію про гарантію на перший … адаптація

Модальне вікно з'являється лише один раз, залежно від виявлення завершеного перенесення зі старого Isar storage engine, тому воно гарантує учасникам оновлення, що їхні існуючі дані вижили без повторення на кожному наступному запуску.

  • адаптація
  • оновлення
  • ux
Опція горизонтального вигляду на телефонах Телефони можуть обертатися до горизонтального вигляду (за замовчуванням вимкнено) при … макет

Телефони за замовчуванням використовують лише портретну орієнтацію, оскільки ця функція була менш ретельно протестована на форм-факторах телефонів, тоді як планшети за замовчуванням вільно обертаються, оскільки їхні великі екрани вже добре справляються з обома орієнтаціями.

  • макет
  • обертання
  • доступність
Про сторінку "Про нас": Saropa місія та історія назви Два нові розділи на сторінці "Про нас" — Наша Місія (основи … бренд

У розділі «Наша місія» зазначено чотири стовпи, що ведуть розвиток програми, а історія назви пов’язує ідентичність програми з сикхською традицією, з якої походить термін Saropa.

  • бренд
  • довіра
  • прозорість
Простіше управління телефоном та електронною поштою на планшетах На планшетах у горизонтальному режимі рядки з телефоном та електронною поштою розташовуються в 2… планшет

Макет із двома стовпцями керується визначенням альбомної орієнтації, а не лише розміром екрана, тому планшет, який тримається вертикально, усе одно використовує список із одним стовпцем.

  • планшет
  • організації
Основна вкладка адаптується з згортаними розділами Організувати за згортанням секцій; планшети показують ширші. головна вкладка

Згорнутий стан запам’ятовується для кожного розділу, тому розділ, закритий на телефоні, залишається закритим після перемикання на планшет або повороту пристрою.

  • головна вкладка
  • навігація
  • розбірні
  • розділи
  • планшет
  • чуйний
Заголовки планшетів розміщують ідентичність та дії разом Ідентичність ліворуч з кнопками дій праворуч. планшет

Переміщення дій до заднього краю тримає їх у межах досяжності великого пальця на широкому планшеті в альбомній орієнтації, де в іншому випадку розташування лише з ініціалами залишало б кнопки збоку.

  • планшет
  • герой
  • заголовок
  • макет
Кожна Секція Домашньої Сторінки Може Згортатися Натисніть будь-який заголовок розділу, щоб приховати або показати його. Нерозповсюдження,… організації

Стан згортання зберігається для кожного розділу, а не скидається під час перезапуску програми, тому вкладка «Домашня сторінка», упорядкована одного разу, залишається такою, якою була.

  • організації
  • зручність використання
Заголовок контакту перегружається на планшетному горизонтальному режимі На планшетах у горизонтальному режимі з'являється зображення та ім'я контакту… планшет

Альбомна компонування зміщує ідентичність і швидкі дії в одну горизонтальну смугу, а не накладаючи їх, відновлюючи вертикальний простір, який інакше портретний макет залишив би невикористаним.

  • планшет
  • чуйний
Простіший розташування деталей контакту Розділи контакту легше навігувати зі спрощеним… екранні переходи

Зменшення вкладених угруповань на екрані деталей означає, що потрібно менше натискань, щоб дістатися до заданого поля, зменшуючи кількість прокручування, що розділяє пов’язані розділи.

  • екранні переходи
  • деталі-показ
  • спрощення
Згортанні розділи контакту зі станом Розділи контакту згортуються та запам'ятовують стан через… контактні дані

Стан згортання зберігається для кожного контакту та для кожного сеансу, тому під час повторного відкриття контакту пізніше розділи відображаються точно так, як вони були залишені, а не повертаються до повністю розгорнутих.

  • контактні дані
  • організації
  • наполегливість

Ваша адресна книга - це життєва хідба. Поруч її як таку.

Отримайте всі функції екранів і макетів вище — безкоштовно для особистого користування, приватні за дизайном і готові одразу після встановлення.