Ekrany i układanie

Nagłówki i menu unoszą się w kontenerach szkła z efektem frosted Wyświetlaj Nagłówki i menu unoszą się w zaokrąglonych kontenerach szkła z efektem frosted, że… szkło-nagłówek

Nagłówki i menu pojawiają się w zaokrąglonych kontenerach szkła, które zanikają, gdy się przewiercamy. Używa efektu szkła z pianką (blur tła + półprzezroczysta powierzchnia). Zanika, gdy przewijasz w dół strony.

  • szkło-nagłówek
  • nawigacja
  • kontenery
  • projekt
Okno Modalne Wyników Po Importowaniu Po zaimportowaniu kontaktów pojawi się animowany modal, który pokazuje twoje … import

Zastępuje trzy jednoczesne powierzchnie po importowaniu (toast, automatycznie uruchamiany tur, pojawiające się avatar) jednym spokojnym modalnym. 3-secundowy opóźnienie pozwala avatarom ustawić się przed pojawieniem się modalu. Tura zaczyna się tylko w przypadku jawnego zgody użytkownika.

  • import
  • proces wdrażania do firmy nowego pracownika
  • modal
  • statystyki
  • wycieczka
  • język
Wiersz tytułu bohatera na gradientzie z możliwością ukrycia grafiki Tytuł bohatera w wierszu znajduje się na gradientzie Saropa z a… bohater

stan przełącznika jest przechowywany na poziomie urządzenia, a nie ustawiany ponownie przy uruchomieniu, więc każdy, kto preferuje kompaktową wersję widoku, zachowuje ten układ na każdej ekranie bez konieczności ponownego ukrywania grafiki za każdym razem.

  • bohater
  • gradient
  • zwiń
  • przełączanie
  • preferencja
Sieci adaptacyjne zmieniają liczbę kolumn do dużych rozmiarów tekstu Layouty siatki zmniejszają liczbę kolumn, gdy system tekst… dostępność

Liczba kolumn jest obliczana na podstawie aktywnej skali tekstu, a nie z ustalonego punktu przerywania urządzenia, więc zarówno telefon, jak i tablet przy tej samej ustawieniu dostępnosci zachowują wystarczającą szerokość dla każdej komórki, aby wyświetlić pełne etykiety.

  • dostępność
  • skala tekstu
  • kolumny
  • responsywny
  • siatka
Wizualna część ekranu znajduje się w zaokrąglonej karcie wstawionej, która zwalnia się, gdy się przewiercam Wizualna część ekranu znajduje się w zaokrąglonej karcie wstawionej, która zwalnia się… bohater

Wysokość karty jest kontrolowana przez przesunięcie przewijania, a nie przez ustaloną długość animacji, więc zwinięcie śledzi ruch palca z dużą precyzją, a zwrot wibracyjny wywoływany jest raz w dokładnie momencie, gdy karta przylega do paska nagłówka.

  • bohater
  • przewijanie
  • zwiń
  • animacja
  • karta
  • haptyczny
Artystyczne ekranu bez efektu pop-in Wizualne elementy i obrazy ekranów ładowane z pamięci podręcznej przy powtórnym wyświetleniu… wydajność

Zdekodowane obrazy pozostają w pamięci podręcznej w pamięci operacyjnej, zindeksowane według ścieżki zasobu, więc powrót do ekranu pomija całkowicie krok dekodowania zamiast ponownego pobrania i ponownego renderowania obrazu z dysku.

  • wydajność
  • obraz-pamięć
  • bohater
  • ładowanie
Obsługa układu od prawej do lewej na ekranach głównych Nagłówki głównych ekranów używają pozycjonowania kierunkowego, aby ekranu leża… rtl

Elementy nagłówka odczytują kierunek tekstu ambientnego, zamiast wprowadzania wstępnie ustawienia wyrównania do lewej, więc tytuły, kontrolki powrotu i obrazy są odbijane poprawnie, zamiast po prostu odwracać tekst, pozostawiając ikony wyrównane do lewej.

  • rtl
  • układ
  • dostępność
  • bohater
  • internacionalizacja
Rozszerzalne nagłówki sekcji na sześciu ekranach Kliknij nagłówki liter, aby ukryć/pokazać grupy w Organizations,… przepływ pracy

Kliknięcie nagłówka litery teraz przełącza widoczność każdego kontaktu pod tym nagłówkiem, umożliwiając złożenie długich list alfabetycznych na sześciu ekranach z dużą ilością danych bez wielokrotnego przewijania się przez wpisy.

  • przepływ pracy
  • interakcja
Poziomy długości opowieści z wizualną odróżnieniem Trzy kolorowe ikony (krótki/standardowy/pełny) z stylem… narracja

Zastąpienie checkboxów kolorowymi ikonami i nazwanymi poziomami nadaje każdej długości opowiadania jasne wizualne tożsamość, umożliwiając szybkie rozpoznanie wybranego opcji, zamiast wymagać znaku zapytania potwierdzającego wybór.

  • narracja
  • uks
Memorialna Opowieść z Tytułem i Przerwami Memorialne opowieści obejmują tytuł ("In Memory of…") i… narracja

Wygenerowany tekst memoriału otwiera się formalnym nagłówkiem i dzieli się na oddzielne akapity, gdy temat zmienia się (kariera, rodzina, dziedzictwo), zamiast być jednym gęstym blokiem.

  • narracja
  • memoriał
Łatwy dostęp do dodania szczegółów historii kontaktu Profil kontaktu pokazuje pomocny link do dodania więcej historii… interfejs graficzny

Kontakty z cienką lub pustą historią teraz pokazują w linii wypowiedź klikalnego linku do działania, wskazujące bezpośrednio na edytora do dodawania treści opowiadania, zamiast wymagać od użytkowników szukania go w ustawieniach.

  • interfejs graficzny
  • narracja
  • cta
Nagroda pamięci teraz stała na kontaktach zmarłych Znak śmierci pokazuje się przez cały rok na kontaktach memoralnych, a nie tylko… kontakt

Wskazówka przypomnienia teraz stale pozostaje widoczna na awatarze zmarłego kontaktu, zamiast pojawiać się tylko wokół daty jego śmierci w każdym roku.

  • kontakt
  • avatar
  • memoriał
  • zmarli
Mapa ładowa się szybciej Płytki mapy ładują się z gładkim gradientowym tłem, tworząc map… mapy

Placeholder gradientu odpowiada wymiarom siatki kafelków i stopniowo zanika, gdy rzeczywiste obrazy przepływają, ukrywając wymaganą przez dostawców mapę komunikację sieciową przed pojawieniem się pikseli.

  • mapy
  • ładowanie
  • uks
Kody QR osadzają Saropa Mark Kody QR wyświetlają Saropa brand mark w niebieskim kolorze w centrum z… branding

Marka navy Saropa znajduje się w centrum kodu QR, podczas gdy nadmiar poprawki błędów w otaczającym wzorze zapewnia czytelność kodu nawet w przypadku częściowego nakrycia logo.

  • branding
  • kody QR
  • udostępnianie
Sekcje pomocy zwijają się i zapamiętują stan Sekcje pomocy są zwijalne, kolorystycznie kodowane i zapamiętują… nawigacja

Każda sekcja pomocy utrzymuje odrębny kolor i pamięta, czy była zostawiona otwarta czy zamknięta między wizytami, dzięki czemu ekran pomocy częściowo przeczytany wznowi się tam, gdzie został opuszczony.

  • nawigacja
  • pomoc
  • personalizacja
  • zminialny
Ekranowanie wstępne prowadzi nowych oraz aktualizujących użytkowników Ekranowanie wstępne z animacją i płynnymi przejściami prowadzi… nawigacja

Odrębne przepływy powitalne dla nowych instalacji w porównaniu do aktualizacji wersji oznaczają, że powracający użytkownicy widzą, co się zmieniło dla nich konkretnie, zamiast ogólnego przewodnika pierwszego uruchomienia przeznaczonego dla nowych użytkowników.

  • nawigacja
  • proces wdrażania do firmy nowego pracownika
  • animacje
  • uruchomienie
  • aktualizacja
Animowany ekran wstępnego uruchomienia z logotypem marki Litery spadają po znaku po znaku z błyskiem tęczowym przy uruchomieniu. animacja

Każda litera znaków towarowych animuje się indywidualnie z przejściem koloru po całej jej długości, przekształcając chłodny start w stylowe powitanie marki, zamiast statycznego ekranu z logiem.

  • animacja
  • proces wdrażania do firmy nowego pracownika
  • wizualny
Modalny ekran wstępnego aktualizowania na raz Wersje aktualizacji z epoki Isara widzą poczucie bezpieczeństwa wstępne na pierwszym… proces wdrażania do firmy nowego pracownika

Modal pojawia się tylko raz, wykrywając ukończone przeniesienie z starego silnika przechowywania danych Isar, więc upgradujący użytkownicy są upewnieni, że ich dane zostały zachowane bez powtarzania się w każdej późniejszej sesji uruchomienia.

  • proces wdrażania do firmy nowego pracownika
  • aktualizacja
  • uks
Opcja pozioma na telefonach Telefony mogą obracać się w trybie poziomym (domyślnie wyłączony) podczas… układ

Telefonos w domyślny sposób obsługują tylko orientację pionową, ponieważ funkcja została mniej dokładnie przetestowana na formatach telefonów, podczas gdy tabliczki obracają się swobodnie domyślnie, ponieważ ich większe ekranu dobrze radzą sobie z obu orientacjami.

  • układ
  • rotacja
  • dostępność
Ekran o programie: Saropa misja i historia nazwy. Dwa nowe sekcje na ekranie o programie — Nasza Misja (pierwiastki… marka

Sekcja Nasza Misja opisuje cztery piliery kierujące rozwijaniem aplikacji, podczas gdy historia nazwy łączy tożsamość aplikacji z tradycją sikh, z której pochodzi termin Saropa.

  • marka
  • zaufanie
  • przejrzystość
Łatwiejsze zarządzanie telefonem i e-mailami na tabletach Na tablety w trybie poziomym wiersze telefonu i e-maili ustawiane są w 2… tablet

Dwukolumnowa układ graficzny jest wywoływana przez wykrywanie orientacji poziomej, a nie tylko rozmiaru ekranu, więc tablet trzymany pionowo nadal używa jednokolumnowej listy.

  • tablet
  • organizacja
Karta główna dostosowuje się z foldowalnymi sekcjami Uporządkuj poprzez foldowanie sekcji; tablety pokazują szerszy widok. karta-domowa

Stan zwinięty jest zapamiętywany dla każdej sekcji, więc sekcja zamknięta na telefonie pozostaje zamknięta po przejściu na tablet lub obróceniu urządzenia.

  • karta-domowa
  • nawigacja
  • zminialny
  • sekcje
  • tablet
  • responsywny
Nagłówki tablety umieszczają tożsamość i działania razem Tożsamość po lewej z przyciskami akcji po prawej tablet

Przesunięcie działań na końcowy margines umożliwia ich dotyknięcie palcem w szerokim trybie poziomym, gdzie wersja z jedynie wiodącym układem pozostawiałaby przyciski po jednej stronie.

  • tablet
  • bohater
  • nagłówek
  • układ
Każda sekcja Strony Głównej może się zawalić Kliknij dowolny nagłówek sekcji, aby ukryć lub pokażać go. Zagrożenie,… organizacja

Stan zwiniętego elementu zachowuje się osobno dla każdej sekcji, a nie resetuje się przy ponownym uruchomieniu aplikacji, więc zakładka „domowa” ustawiona raz pozostaje w tej samej konfiguracji.

  • organizacja
  • wykorzystanie
Nagłówek kontaktu przestawia się na trybie poziomym tabletu Na trybie poziomym tabletów, zdjęcie i nazwisko kontaktu pojawiają się… tablet

Ustawienie w trybie poziomym przenosi tożsamość i szybkie działania do pojedynczego poziomego paska, zamiast je stosować, co pozwala odbudować przestrzeń pionową, którą wersja w trybie pionowym w przeciwnym razie pozostawiałaby nieuzyskana.

  • tablet
  • responsywny
Prostszy układ szczegółów kontaktu Sekcje kontaktowe są łatwiejsze do nawigacji z uproszczonymi… przejścia ekranowe

Zmniejszenie zagnieżdżonych grup na ekranie szczegółów oznacza, że potrzeba mniej dotknięć, aby dotrzeć do danego pola, co zmniejsza ilość przewijania między powiązanymi sekcjami.

  • przejścia ekranowe
  • szczegóły-wyświetlanie
  • uproszczenie
Skrwalne sekcje kontaktowe z stanem Sekcje kontaktowe się skracają i zapamiętują stan przez… kontakt-dane

Stan zwinięcia jest zapisywany dla każdego kontaktu i dla każdej sesji, więc przy powrocie do kontaktu później sekcje są wyświetlane dokładnie tak, jak zostały opuszczone, a nie resetowane do pełnego rozszerzenia.

  • kontakt-dane
  • organizacja
  • trwałość

Twoja książka adresowa to źródło życia. Traktuj ją jak takie.

Otrzymuj wszystkie funkcje Screens & Layouts powyżej — za darmo do osobistego użytku, prywatne w projektowaniu, i gotowe w momencie instalacji.