ヘッダーとメニューはフロストガラスコンテナ内で浮かんでいます ハイライト ヘッダーとメニューは丸みを帯びたガラスコンテナ内で浮かんでいますが… グラスヘッダー
ヘッダーやメニューはスクロールするとフェードアウトする丸みを帯びたガラスのコンテナ内に浮かびます。フロストガラスの効果(バックドロップのブラー+半透明の表面)を使用しています。 ページをスクロールするにつれてフェードアウトします。
インポート後の結果モーダル 連絡先をインポートした後、アニメーション付きモーダルが表示され、… インポート
三つの同時ポストインポート表面(トースト、自動起動ツアー、ポッピングアバター)を一つの落ち着いたモーダルに置き換える。3秒の遅延により、モーダルが表示される前にアバターが落ち着くことができる。 ツアーはユーザーが明示的に同意した場合にのみ開始します。
グラデーションの背景にヒデアートワークトグルを持つヒーロータイトル行 ヘルオタイトル行はSaropaグラデーション上にa…に座っています ヘロ
ティッグル状態はデバイスごとに保存され、起動時にリセットされないため、コンパクトなリストビューを好むユーザーは、すべての画面でそのレイアウトを維持し、毎回アートワークを再表示せずに済みます。
グリッドは大文字サイズに合わせて列数を調整します グリッドレイアウトはシステムテキスト…のときに列数を減らします アクセシビリティ
アクティブなテキストスケールファクターからカラム数が再計算されるため、アクセシビリティ設定が同じでも、電話とタブレットともにセルごとの十分な幅を保持し、フルラベルを表示できます。
スクロールするたびに収束するインセットカード内のヒーローアートワーク スクリーンアートワークは…に収束する丸みを帯びたインセットカード内に座っています ヘロ
カードの高さは固定されたアニメーション時間ではなく、スクロールオフセットによって制御されるため、閉じる際には指の動きを正確に追跡し、ヘッダーバーにロックインした正確なポイントでハプティックフィードバックが一度だけ発生します。
ポップインなしで即時スクリーンアートワーク ヘローアートワークとスクリーン画像は繰り返しでキャッシュからロードされます… パフォーマンス
デコードされた画像はアセットパスでキー付けされたインメモリキャッシュに常駐するため、画面に戻る際にはデコードステップを完全にスキップし、ディスクから再取得・再レンダリングするのではなく、アートワークを正しくミラーリングする。
ヘロースクリーンでの右から左へのレイアウトサポート ヘローマストヘッドは方向性の位置付けを使用するためスクリーンが配置され… ライトロー
マストヘッド要素は環境のテキスト方向を読み取るのではなく左揃えをハードコーディングせず、タイトル、バックコントロール、アートワークが正しくミラーリングされるようにする。
六つのスクリーンにおける展開可能なセクションヘッダー オーガニゼーションのグループを表示/非表示にするには、文字列のヘッダーをタップしてください,… ワークフロー
ある文字のヘッダーをタップすると、その文字の下にあるすべての連絡先の可視性が切り替わり、6つのデータ量の多い画面で長くなるアルファベットリストをスクロールせずに折りたたむ方法を提供します。
可視的な区別を持つ物語の長さの階層 3つの色のアイコン(ブリーフ/スタンダード/フル)スタイル… ナラティブ
チェックボックスを色付きアイコンと名前付きのレベルに置き換えることで、各物語の長さに明確な視覚的なアイデンティティを与え、選択したオプションを一目で認識できるようにし、チェックマークで確認する必要はなくなります。
タイトルと区切りを持つ記念物語 記念物語にはタイトル(「In Memory of…」)と…が含まれます ナラティブ
生成された記念文は正式な見出しで始まり、話題が変わるたびに(キャリア、家族、遺産など)に分離された段落に分かれ、1つの濃い塊として連続するのではなくなります。
連絡先のストーリー詳細を簡単に追加できます 連絡先プロフィールには、ストーリーを追加するための役立つリンクが表示されます… ウイ
細いまたは空の物語を持つ連絡先は、編集画面に直接移動するためのタップ可能なアクションリンクをインラインで表示し、ユーザーが設定で探す必要がないようにします。
去世した連絡先には記憶のバッジが永久に表示されます 記念連絡先には、年中表示される死亡バッジが表示されます、ただしここでは… コンタクト
亡くなった連絡先のアバター上では、記憶のアイコンが毎年その故人の逝去記念日だけではなく、連続的に表示されるようになりました。
マップがより速く読み込まれます マップタイルはなめらかなグラデーション背景でロードされ、マップ… マップ
グラデーションのプレースホルダーはタイルグリッドの寸法に合わせ、リアルなイメージが流れるにつれてフェードアウトし、マッププロバイダーがピクセルが到着するまでに必要なネットワークの往復時間を隠します。
QRコードにSaropa マークを埋め込む QRコードは中央にネイビーのSaropa ブランドマークを表示し、… ブランド
海軍のSaropaマークはQRコードの中心に位置し、周辺のパターンにあるエラー訂正の余剰情報により、ロゴがコードの一部を重なっていてもスキャン可能に保たれます。
ヘルプセクションは折り畳み可能で、状態を保持する ヘルプセクションは折り畳み可能で、カラーパレット付きで、… を保持する ナビゲーション
各ヘルプセクションはそれぞれ異なる色を持ち、訪問ごとに開いたり閉じたりした状態を記憶するため、読みかけたヘルプ画面はそのままで再開できる。
新規ユーザーおよびアップグレードユーザー向けのウェルカム画面がガイドします スムーズなトランジションを持つアニメーションウェルカム画面がガイドします… ナビゲーション
新規インストールとバージョンアップのための別々のウェルカムフローにより、戻ってきたユーザーは自分にとって変更された点を特定して表示されるようになり、新規ユーザー向けの一般的な初回起動チュートリアルではなくなる。
初回起動時のウェルカムアニメーションブランドタイトル ライブドットが起動時にグリフごとに虹色のフラッシュとともに表示されます アニメーション
ワードマークの各文字は個別にアニメーションし、色がその上をスワイプするようにして、冷たい起動の瞬間をブランドの演出に変えることで、静的なロゴ画面ではなくなる。
一括アップグレードウェルカムモーダル イサラ時代のアップグレーダーは最初…に安心感を確認します オンボーディング
モーダルは一度しか表示されず、古いIsarストレージエンジンからの完了した移行を検出することで、アップグレーダーが既存データが無事に移行したことを安心させ、その後の各起動で繰り返し表示しない。
モバイル機器のランドスケープオプション モバイル機器はランドスケープビューに回転できます(デフォルトはオフ)ながら… レイアウト
フォンは縦向きのみがデフォルトになっているのは、この機能が携帯電話のフォームファクターに対して十分にテストされていなかったからで、タブレットは画面が大きい分、どちらの向きにもよく対応できるため、横向きがデフォルトになっている。
アバウト画面:Saropaのミッションと名前の物語 アバウト画面に2つの新しいセクション — 我々のミッション(…の柱/) ブランド
「私たちのミッション」セクションではアプリ開発を支える4つの柱が説明されており、「アプリのアイデンティティ」はシク教の伝統であるSaropaという語源に結びつけている。
タブレットでの電話とメール管理が簡単になります 横画面のタブレットでは、電話とメールの行が2…に並びます タブレット
2列レイアウトは画面サイズだけでなく、横向きの検出によって駆動されるため、縦向きで持ち続けたタブレットでも1列のリストが使用される。
ホームタブは折りたたみセクションで適応します セクションを折りたたむことで整理できます;タブレットでは幅が広くなります ホームタブ
各セクションごとに閉じた状態が保持されるため、電話で閉じたセクションはタブレットに切り替わっても閉じたまま維持されます。
タブレットのヘッダーではアイデンティティとアクションを一緒に配置します アイデンティティは右側のアクションボタンの左に残る タブレット
行動を後端に移動させることで、幅広いランドスケープタブレットでは指の届く範囲に保つことができ、リーディングオンリーのレイアウトではボタンが片側に離れてしまう問題を解消します。
すべてのホームセクションは折りたたむことができます 任意のセクションヘッダーをタップすると、それを表示または非表示にできます。緊急,… オーガニゼーション
各セクションごとに折りたたみ状態が保持されるため、アプリを再起動してもリセットされず、一度整理したホームタブはそのままで残ります。
タブレットの横向き画面ではコンタクトヘッダーが再編成されます タブレットの横向き画面では、あなたのコンタクトの写真と名前が…表示されます タブレット
ランダムな配置はアイデンティティとクイックアクションを1つの水平帯にまとめ、縦方向のスペースを再利用するのではなく、スタックするのではなく、ポートレートレイアウトが通常無駄にするスペースを回復しています。
クリーンなコンタクト詳細レイアウト 簡単な…でナビゲーションが楽になります スクリーントランジション
デTAIL画面でのネストされたグループの削減により、特定のフィールドに到達するためのタップ回数が少なくなり、関連するセクションを分離するスクロール量が減ります。
状態を持つ折りたたみ式の連絡先セクション 連絡先セクションは状態を保持して…で折りたたみます コンタクト・ディテールス
コンタクトごとにセッションごとにコラプス状態が保存されるため、後でコンタクトを開くとセクションが以前と同じ状態で表示され、完全に展開された状態に戻すのではなく、リセットされません。