Ang mga header at menu ay umiikot sa mga container ng puting bato I-highlight Ang mga header at menu ay umiikot sa mga container ng puting bato na… glass-header
Ang mga header at menu ay nangungungoy sa mga timpla ng puting bato na may mga rounded edges na nag-uugat sa paglalakbay ng iyong paningin. Gumagamit ng epekto ng frosted glass (backdrop blur + semi-transparent surface). Nag-ugat habang iyong pumapalabas sa ibabaw ng pahina.
Modal ng mga Resulta sa Pag-import Pagkatapos mag-import ng mga contact, isang animated modal ay nagpapakita ng your… import
Sumusunod ang mga sumusunod na mga panuntok: 1. Ibalik lamang ang napatunayang salita sa wika ng target. 2. HINDI PANGUNGUHAY ang mga paliwanag, paliwanag, markdown, o mga tuldok. 3. Ang teksto ay maaaring maglaman ng mga placeholder tokens: placeholder tokens. Kopyahin ang bawat isa sa pagsasalin HINDI PANGUNGUHAY bilang isinulat, sa tamang gramatikal na posisyon. HINDI PANGUNGUHAY mag-translate, alisin, o baguhin ang token. 4. Ang output KAILANGAN na gamitin ang tamang sistema ng pagsulat para sa wika ng target; huwag magbago sa iba pang wika sa loob ng isang pangungusap. Ang tour ay nagsisimula lamang kung ang user ay nangangakipag-ugnayan nang eksplikatong paraan.
Row ng Hero Title sa isang Gradient na may Toggle ng Hide-Artwork Ang row ng Hero Title ay nasa Saropa gradient na may… bayani
Ang estado ng toggle ay nakalagay per device, hindi reset sa pagbukas, kaya ang anuman ang nangangalaga ng compact list view ay mananatili ito sa bawat screen nang walang pagbubukas muli ng artwork bawat pagkakataon.
Ang mga grid ay nagbabago sa bilang ng mga column para sa malalaking sukat ng teksto Ang mga grid layout ay nagreresulta sa pagbawas ng bilang ng kanilang mga column kapag ang sistema text… accessibility
Ang bilang ng mga column ay isinusukat mula sa aktibong text-scale factor, hindi mula sa isang fixed device breakpoint, kaya ang isang telepono at tablet sa parehong accessibility setting ay nag-iipon ng sapat na lapad sa bawat cell para sa buong mga label.
Hero Artwork sa isang Rounded Inset Card na naglalaban sa paglalakbay ng scroll Ang screen artwork ay nasa isang rounded inset card na naglalaban… bayani
Ang height ng card ay nangunguna sa scroll offset, hindi sa isang fixed animation duration, kaya ang collapse ay sumusunod sa paggalaw ng daliri nang tumpak, at ang haptic feedback ay nagtatag ng isang beses sa tamang punto kung saan ito nakakatagpo sa header bar.
Instant Screen Artwork na walang pop-in Ang hero artwork at screen images ay nagmumula sa cache sa pag-ulan… performance
Ang nakode na mga imahe ay nakatira sa isang memory cache na pinangungunahan ng landas ng asset, kaya bumalik sa isang screen ay nawawala ang hakbang na decoding nang buo kundi kumuha muli at i-render muli ang artwork mula sa disk.
Pagsuporta sa layout na kanan-palabas sa mga hero screens Ang mga hero mastheads ay ginagamit ang posisyon na direksyonal upang maglayout ng mga screen lay… rtl
Ang mga elemento ng Masthead ay bumabasa ng direksyon ng teksto na nangungungunahan kundi hardcode ang pag-ikot sa kaliwa, kaya ang mga title, kontrol sa pagbalik, at artwork ay nangungungunahan nang tama kundi lamang palitan ang teksto habang ang mga icon ay palaging naka-ikot sa kaliwa.
Mga expandable na section headers sa anim na screens I-tap ang mga header na letra upang i-hide o i-show ang mga grupo sa Organizations,… daloy ng trabaho
Ang pag-click sa isang titik na header ay nagtatanggal ng visibility ng bawat contact sa ilalim ng titik iyon, nagbibigay ng paraan upang i-collapse ang mahabang alpabetyko listahan sa anim na mga screen na may malaking data nang hindi kailangang mag-scroll palabas ng mga entry.
Mga tier ng narrative length na may visual distinction Tatlong kulay na icons (brief/standard/full) na may estilo… salaysay
Ang paggamit ng mga kulay na icon at mga tinatawag na antas sa halip ng mga checkbox ay nagbibigay ng isang makikilalang visual identity para sa bawat uri ng narrative length, nagpapahintulot na mas makikita ang napiling opsyon sa isang paningin kaysa sa paggamit ng isang checkmark para i-verify.
Memorial Narrative kasama ang Titulo at Breaks Ang Memorial narratives ay kasama ang titulo ("In Memory of…") at… salaysay
Ang nangungunang memorial text ay nagsisimula sa isang formal na heading at nag-uugnay sa mga independiyenteng paragrafo kapag ang paksa ay nagbabago (karera, pamilya, legasyo), halos hindi nagsisimula bilang isang malalaking bloke.
Madali ang access upang magdagdag ng detalye ng contact story Ang contact profiles ay nagpapakita ng isang makatulong na link upang magdagdag ng mas maraming story… ui
Ang mga contact na may maikling o walang narrative ay nagpapakita ng isang tappable na call-to-action link na nasa loob, na direktang nakakakonekta sa editor para magdagdag ng mga content ng kuwento, halos hindi kailangang maghanap ng user sa settings.
Badgelang pag-ibig ngayon ay permanenteng naka-attach sa mga nangungunang contact Badgelang kamatayang ipapakita sa lahat ng panahon sa mga memorial contact, hindi lamang … contactos
Ang indicator ng pag-ibigay ng tandaan ay karon ay nakatira sa madalas na nakikita sa avatar ng isang nangungunang contact, hindi lamang ang sumusunod sa araw ng pagkamatay nito bawat taon.
Mas Mabilis na Naglo-load ang Mapa Nag-load ng mga tile ng mapa na may smooth gradient background, nagbibigay ng maps… mapa
Ang gradient placeholder ay sumusunod sa sukat ng tile grid at nag-uugat habang ang tunay na imahe ay nagsisimula, nakakatagpo ng network round-trip na kinakailangan ng mga provider ng mapa bago ang mga pixel ay dumating.
QR Codes Embed Saropa Ang mga QR code ay nagpapakita ng Saropa brand mark sa asul sa gitna kasama ang … pagba-brand
Ang navy Saropa mark ay nasa gitna ng QR code habang ang error-correction redundancy sa paligid na pattern ay nagpapanatag ng code na maaaring i-scan ang code ngayon kahit na ang logo ay nakakalap sa bahagi nito.
Ang mga seksyon ng tulong ay nakakatapon at nakakalimutan ang estado Ang mga seksyon ng tulong ay nakakatapon, naka-code ng kulay, at nakakalimutan ang … pag-navigate
Ang bawat seksyon ng tulong ay nag-iimbak ng isang iba't ibang kulay at nakakalimutan kung ito ay inilabas o inilagay sa tama ng pagbisita, kaya ang isang bahagi ng nabasa na screen ng tulong ay nagsisimula nang walang pagkakasala kung saan ito ay inilagay.
Ang mga screen ng pagtanggap ay nagmamaneho sa mga bagong gumagamit at mga gumagamit na nag-uupgrade Ang mga animated na screen ng pagtanggap na may smooth transitions ay nagmamaneho sa … pag-navigate
Ang mga iba't ibang proseso ng pagkakasali para sa mga bagong inilagay na mga user at mga upgrade ng bersyon ay nangangahulugan na ang mga nagsusumikap na user ay makakakita ng mga bagay na nangyari para sa kanila, hindi isang pangkabug-os na tutorial para sa mga bagong nagsisimulang user.
Unang-paggamit na malaking animated brand-title Mga titik ay tumutulo sa bawat glyph kasama ang rainbow flash sa paglabas. animation
Ang bawat letra ng salitang brand ay nag-animasyon nang mag-isa kasama ang isang kulay na paglalakbay sa pamamagitan nito, nag-uugnay ang cold-start moment sa isang branded na paglalakbay, hindi isang static logo screen.
Isang-bansa upgrade welcome modal Mga nagsimula sa Isar-era ay makakakita ng reassurance intro sa unang … onboarding
Ang modal ay lumalabas lamang sa isang beses, na nakaayos sa pagkakasali ng isang kompletong migrasyon mula sa dating Isar storage engine, kaya ito ay nag-uulat sa mga nag-upgrade na user na ang kanilang mga datos ay napatunayan nang hindi ito nagrerepetisyon sa bawat susunod na pagbukas.
Landscape Option sa mga Phone Mga telepono ay maaaring i-rotate sa landscape view (default off) while… layout
Ang mga telepono ay nakadefault sa pormat na portrait lamang dahil ang feature ay mas maliit pa ang sinuri sa mga form factor ng mga mobile phone, samantalang ang mga tablet ay nakadefault na maaaring mag-rotate nang libre sapagkat ang mas malaking screen nito ay nangangasiwa nang maayos sa parehong mga orientation.
About screen: Saropa mission at name story. Dalawang bagong seksyon sa About screen — Our Mission (pillars of… tatak
Ang seksyon ng Our Mission ay naglalarawan ng apat na pambansang pundasyon na nag-uugnay sa pag-unlad ng app, habang ang kuwento ng pangalan ay nagsisimula ang identidad ng app sa tradisyon ng Sikh ang term Saropa ay nagsasalin mula rito.
Mas madali ang pamamahala sa telepono at email sa mga tablet Sa landscape tablets, ang mga row ng telepono at email ay nasa 2… tablet
Ang dalawang-kolum na layout ay pinapatakbo ng deteksyon ng landscape orientation, hindi lamang ng laki ng screen, kaya ang tablet na naka-stand na posisyon ay nagpapalagay pa rin ng single-column list.
Tab na Home ay naglalaman ng mga seksyon na maaaring i-collapsible Mag-organize sa pamamagat ng mga seksyon na maaaring i-collapsible; mga tablet ay nagpapakita ng mas malawak home-tab
Ang estado ng nakatago ay nakaaalam per section, kaya ang seksyon na naka-close sa isang telepono ay mananatili pa ring naka-close pagkatapos magbago sa tablet o mag-rotate ng aparato.
Mga header ng tablet ay nag-uugnay ng identidad at mga aksyon Identidad sa kaliwa at mga button ng aksyon sa kanan tablet
Ang paglilipat ng mga aksyon sa trailing edge ay nagpapalagay ng mga ito sa loob ng reach ng daliri sa isang malawak na landscape tablet, kung saan ang layout na nagsisimula lamang sa leading ay maaaring mag-iwan ng mga button sa isang bahagi ng screen.
Ang bawat Seksiyon ng Bahay ay Maaaring I-collapse Pindelan ang anumang heading ng seksyon upang itago o i-back ito. Emergency,… organisasyon
Ang estado ng pagbubukas ay mananatiling aktibo sa bawat seksyon, hindi nagsisimula muli sa pagbubukas ng aplikasyon, kaya ang tab na "home" na nakaayos na una ay mananatiling nakaayos nang ganon.
Ang Contact header ay nareorganisa sa tablet landscape Sa landscape tablets, ang larawan at pangalan ng contact mo ay makikita… tablet
Ang pagkakasagawa ng lay out sa horizontal ay nag-uugnay ng identidad at mga quick actions sa isang solong horizontal band, hindi nagsisimula muli sa pagbubukas ng aplikasyon, kaya ang tab na "home" na nakaayos na una ay mananatiling nakaayos nang ganon.
Mas malinis na layout ng detalye ng contact Ang mga seksyon ng contact ay mas madali i-navigate na may simpleng… screen-transitions
Ang pagkakasagawa ng lay out sa horizontal ay nag-uugnay ng identidad at mga quick actions sa isang solong horizontal band, hindi nagsisimula muli sa pagbubukas ng aplikasyon, kaya ang tab na "home" na nakaayos na una ay mananatlyn nakaayos nang ganon.
Seksyong contact na naglalaman ng estado Seksyong contact ay nag-uugnay at nakakatandaan ang estado sa … detalye-sa-pangkabug-os
Ang estado ng collapse ay nakakalista sa bawat contact at bawat sesyon, kaya ang pagbubukas muli ng contact sa huli ay nagpapakita ng mga seksyon nang eksaktong gaya nang itinapon nila, hindi nang babalik sa buong pagbubukas.
