Ekranlar ve Düzenler

Başlıklar ve menüler Frosted Glass Container'lar içinde yüzer Vurgula Başlıklar ve menüler yuvarlak cam kaplamalarda yüzer… cam başlığı

Başlıklar ve menüler, siz kaydırdıkça kaybolan yuvarlak cam kapların içinde yüzer. Buzlu cam efekti kullanır (arka plan bulanıklığı + yarı şeffaf yüzey). Sayfayı aşağı doğru kaydırdıkça kaybolur.

  • cam başlığı
  • navigasyon
  • konteynerler
  • tasarım
Post-Import Sonuçlar Modalı Kontakları içeri aktardıktan sonra, bir animasyonlu modül gösterir your… içe aktarmak

Üç eşzamanlı post-import yüzeyini (toast, otomatik başlatılan tur, pop-up avatarlar) bir sakin modal ile değiştirir. 3 saniye gecikme, avatarların modal görünmeden önce yerleşmesine olanak tanır. Turu yalnızca kullanıcı açıkça onayladığında başlatır.

  • içe aktarmak
  • işe alım
  • modül
  • istatistikler
  • gezilecek yer
  • dil
Yatay Başlık Satırı Bir Gradyan Üzerinde ve Gizleme Görseli Açma Açılımıyla Yatay başlık satırı Saropa gradyanı üzerinde ve a… kahraman

Geçiş durumu, başlatma sırasında sıfırlamak yerine cihaz başına saklanır; böylece kompakt liste görünümünü tercih eden herkes, her seferinde çizimi yeniden gizlemeden bu düzeni her ekranda tutar.

  • kahraman
  • degrade
  • yıkılmak
  • geçiş
  • tercih
Ağlar Büyük Metin Boyutlarına Göre Sütun Sayısını Uyarlama Ağ düzenleri sistem metin… olduğunda sütun sayısını azaltır erişilebilirlik

Sütun sayısı, sabit bir cihaz kesme noktası yerine aktif metin ölçeği faktöründen yeniden hesaplanır; böylece aynı erişilebilirlik ayarındaki telefon ve tablet, tam etiketler için hücre başına yeterli genişliği korur.

  • erişilebilirlik
  • metin ölçeği
  • sütunlar
  • duyarlı
  • ızgara
Kaydırma Sürecinde Kıvrılan Bir İçerik Kartında Hero Görseli Ekran sanatı, yuvarlak bir görsel kart içinde yer alır ve… kahraman

Kart yüksekliği, sabit bir animasyon süresi yerine kaydırma dengesiyle belirlenir; böylece daraltma, parmak hareketini hassas bir şekilde izler ve dokunsal geri bildirim, başlık çubuğuna kilitlendiği noktada bir kez tetiklenir.

  • kahraman
  • taslak
  • yıkılmak
  • animasyon
  • kart
  • dokunsal
Pop-In olmadan Anlık Ekran Sanatı Hero sanatı ve ekran görüntülerini tekrar ederken önbellekten yükler… performans

Kodu çözülmüş görüntüler, varlık yolu tarafından anahtarlanan bir bellek içi önbellekte yerleşik kalır, böylece bir ekrana geri dönmek, resmi diskten yeniden getirip yeniden oluşturmak yerine kod çözme adımını tamamen atlar.

  • performans
  • görüntü önbelleği
  • kahraman
  • yükleniyor
Hero ekranlarında Sağdan Sola Düzene Destek Hero başlıklar, ekranların yerleştirilmesi için yön tabanlı pozisyon kullanır… rtl

Masthead öğeleri, sola hizalamayı sabit kodlamak yerine ortam metni yönünü okur; böylece simgeler sola sabitlenirken başlıklar, arka kontroller ve resimler yalnızca metni çevirmek yerine doğru şekilde yansıtılır.

  • rtl
  • düzen
  • erişilebilirlik
  • kahraman
  • uluslararasılaşma
Altı ekranın genişletilebilir bölüm başlıkları Kurumlar,… üzerinde grupları gizle/göster için harf başlıkları dokunun iş akışı

Bir harf başlığına dokunmak artık o harfin altındaki her kişinin görünürlüğünü değiştiriyor ve uzun alfabetik listeleri, girişleri tekrar tekrar kaydırmadan altı veri ağırlıklı ekranda daraltmanın bir yolunu sunuyor.

  • iş akışı
  • etkileşim
Anlatı uzunluğu seviyeleri ile görsel fark Üç renkli simge (kısaca/standart/uzun) ile stil… anlatı

Onay kutularının renkli simgelerle ve adlandırılmış katmanlarla değiştirilmesi, her bir anlatım uzunluğuna ayrı bir görsel kimlik kazandırır ve seçilen seçeneğin onaylanması için bir onay işareti gerektirmek yerine bir bakışta tanınabilir olmasını sağlar.

  • anlatı
  • kullanıcı deneyimi
Anıt Hikâye Başlık ve Kesmelerle Birlikte Anıt hikâyeler başlık ("Anıt Olarak …") ve … içerir anlatı

Oluşturulan anma metni, tek bir yoğun blok halinde ilerlemek yerine, resmi bir başlıkla açılıyor ve konu değiştiğinde (kariyer, aile, miras) ayrı paragraflara bölünüyor.

  • anlatı
  • anıt
İletişim hikâyesine detay ekleme için kolay erişim İletişim profilleri, daha fazla hikâye ekleme için yararlı bir bağlantı sunar … kullanıcı arayüzü

Zayıf veya boş bir anlatıya sahip kişiler artık satır içi dokunulabilir bir harekete geçirici mesaj bağlantısı ortaya çıkarıyor ve kullanıcıların bunu ayarlarda bulmasını gerektirmek yerine hikaye içeriğini eklemesi için doğrudan editöre işaret ediyor.

  • kullanıcı arayüzü
  • anlatı
  • cta
Anıt etiketi artık ölü kişilerin iletişimlerinde kalıcıdır Ölüm etiketi anıtsal iletişimlerde yıl boyu görünür, sadece… kişiler

Anma göstergesi artık her yıl yalnızca ölüm yıldönümünde görünmek yerine, ölen kişinin avatarında sürekli olarak görünür durumda kalacak.

  • kişiler
  • avatar
  • anıt
  • merhum
Harita Hızla Yüklenecek Harita parçaları yumuşak gradyan arka planla yüklendi, harita… haritalar

Degrade yer tutucu, döşeme ızgarasının boyutlarıyla eşleşir ve gerçek görüntüler içeri akarken kaybolur, böylece harita sağlayıcıların pikseller gelmeden önce ihtiyaç duyduğu ağ gidiş-dönüşünü gizler.

  • haritalar
  • yükleniyor
  • kullanıcı deneyimi
QR Kodları Saropa İşareti İçerir QR kodları Saropa markasını koyu mavi renkte ortada gösterir dengan… markalaşma

Donanma Saropa işareti, QR kodunun merkezinde bulunurken, çevredeki desendeki hata düzeltme fazlalığı, logonun bir kısmı üst üste binse bile kodun taranabilir olmasını sağlar.

  • markalaşma
  • QR kodları
  • paylaşım
Yardım bölümleri çökerek ve durumunu hatırlayarak kapanır Yardım bölümleri katlanabilir, renk kodlamalı ve remember… durumunu hatırlar navigasyon

Her yardım bölümü farklı bir renk tutar ve ziyaretler arasında açık mı yoksa kapalı mı bırakıldığını hatırlar; böylece kısmen okunan yardım ekranı kaldığı yerden devam eder.

  • navigasyon
  • yardım
  • kişiselleştirme
  • katlanabilir
Hoş geldiniz ekranları yeni ve yükseltme kullanıcılarını yönlendirir Hareketli hoş geldiniz ekranları yumuşak geçişlerle kullanıcıları yönlendirir… navigasyon

Yepyeni yüklemeler ve sürüm yükseltmeleri için ayrı karşılama akışları, yeni gelenlere yönelik genel bir ilk çalıştırma eğitimi yerine, geri dönen kullanıcıların kendileri için özel olarak nelerin değiştiğini görmeleri anlamına gelir.

  • navigasyon
  • işe alım
  • animasyonlar
  • başlatmak
  • güncelleme
İlk kullanım hoş geldiniz animasyonlu marka-başlık Harfler, başlatıldığında renkli ışıkla her simgeye göre düzensiz olarak gelir. animasyon

Marka işaretinin her harfi, üzerinde bir renk taramasıyla ayrı ayrı canlandırılıyor ve soğuk başlangıç ​​anını statik bir logo ekranı yerine markalı bir gösteriş haline dönüştürüyor.

  • animasyon
  • işe alım
  • görsel
Tek seferlik yükseltme hoş geldin modali Isar dönemi yükseltmeleri ilk …'ye karşı eminlik girişini görür işe alım

Eski Isar depolama motorundan tamamlanmış bir geçişi tespit etmeye yönelik olan mod yalnızca bir kez görünür, böylece yükseltme yapanlara mevcut verilerinin daha sonraki her başlatmada tekrarlanmadan hayatta kalacağına dair güvence verir.

  • işe alım
  • güncelleme
  • kullanıcı deneyimi
Telefonlarda Yatay Görünüm Seçeneği Telefonlar yatay görünümü (varsayılan olarak kapalı) olarak döndürebilir (…) düzen

Bu özellik, telefon form faktörleri üzerinde daha az kapsamlı bir şekilde test edildiğinden, telefonlar varsayılan olarak yalnızca dikeydir; tabletler ise daha büyük ekranları zaten her iki yönü de iyi bir şekilde işlediğinden varsayılan olarak serbestçe dönmektedir.

  • düzen
  • rotasyon
  • erişilebilirlik
Hakkında ekranı: Saropa misyonu ve isim hikayesi Hakkında ekranında iki yeni bölüm: — Misyonumuz (… temel ilkeleri) marka

Misyonumuz bölümü, uygulamanın gelişimini yönlendiren dört sütunu belirtirken, adlandırma hikayesi, uygulamanın kimliğini Saropa teriminin geldiği Sih geleneğine bağlar.

  • marka
  • güven
  • şeffaflık
Tabletlerde daha kolay telefon ve e-posta yönetimi Yatay tabletlerde telefon ve e-posta satırları 2… olarak düzenlenir tablet

İki sütunlu düzen, yalnızca ekran boyutundan ziyade yatay yönlendirme algılamasıyla yönlendirilir; dolayısıyla dik tutulan bir tablet hâlâ tek sütunlu listeyi kullanır.

  • tablet
  • organizasyon
Ana sayfa sekmesi çöp kutusu bölümleriyle uyumlu uyarlanır Bölümü çatılayarak düzenleyin; tabletlerde daha geniş görünür. ana sayfa sekmesi

Daraltılmış durum bölüm başına hatırlanır, böylece telefonda kapalı olan bölüm tablete geçildiğinde veya cihaz döndürüldüğünde kapalı kalır.

  • ana sayfa sekmesi
  • navigasyon
  • katlanabilir
  • bölümler
  • tablet
  • duyarlı
Tablet başlıkları kimlik ve eylemleri bir arada yerleştirir Kimlik sol tarafta, eylem düğmeleri sağ tarafta tablet

Eylemleri arka kenara taşımak, onları geniş yatay bir tablette parmakla erişilebilecek mesafede tutar; burada yalnızca önde gelen düzen, aksi takdirde düğmelerin bir tarafta kalmasına neden olur.

  • tablet
  • kahraman
  • başlık
  • düzen
Her Ana Sayfa Bölümü Çatılabilir Herhangi bir bölüm başlığına dokunarak gizlemek veya göstermek için tıklayın. Acil, … organizasyon

Çökme durumu, uygulama yeniden başlatıldığında sıfırlanmak yerine bölüm başına devam eder, böylece düzenlenen bir ana sayfa sekmesi, bırakıldığı şekilde düzenlenmiş olarak kalır.

  • organizasyon
  • kullanılabilirlik
İletişim başlığı tablet yatay görünümde yeniden düzenlenir Yatay tabletlerde, iletişim numarası ve isminiz … görünür tablet

Peyzaj düzenlemesi, kimliği ve hızlı eylemleri üst üste koymak yerine tek bir yatay banda kaydırıyor; aksi halde portre düzeninin kullanılmadan bırakacağı dikey alanı geri kazanıyor.

  • tablet
  • duyarlı
Daha temiz iletişim detayı düzeni Basitleştirilmiş … ile iletişim bölümleri daha kolay gezilebilir ekran geçişleri

Ayrıntı ekranındaki iç içe gruplamaların azaltılması, belirli bir alana ulaşmak için daha az dokunmanın gerektiği anlamına gelir ve ilgili bölümleri ayıran kaydırma miktarını azaltır.

  • ekran geçişleri
  • ayrıntılar ekranı
  • basitleştirme
Durum bilgisi ile katlanabilir iletişim bölümleri İletişim bölümleri katlanır ve … boyunca durumu hatırlar iletişim bilgileri

Daraltma durumu kişi başına ve oturum başına kaydedilir; böylece bir kişiyi daha sonra yeniden açtığınızda, bölümler tamamen genişletilmiş olarak sıfırlamak yerine tam olarak bırakıldığı gibi gösterilir.

  • iletişim bilgileri
  • organizasyon
  • sebat

adres kitabınız bir yaşam çubuğudur. Bir yaşam çubuğu gibi davranın.

—'nin üzerindeki tüm Ekranlar ve Düzenler özelliklerini kişisel kullanım için ücretsiz olarak, tasarımı gereği özel olarak edinin ve yüklediğiniz anda hazır olun.