屏幕和布局

标题和菜单浮动在磨砂玻璃容器中 突出显示 标题和菜单浮动在圆角玻璃容器中那… 玻璃头

标题和菜单漂浮在圆形玻璃容器中,当您滚动时它们会逐渐消失。 采用磨砂玻璃效果(背景模糊+半透明表面)。 当您向下滚动页面时逐渐消失。

  • 玻璃头
  • 导航
  • 容器
  • 设计
导入后结果模态框 导入联系人后,一个动画模态框会显示你的… 进口

用一个冷静的模态框替换三个同时导入后的界面(提示框、自动启动的引导、弹出的头像),3秒延迟让头像稳定后再显示模态框。 此次旅游只有在用户明确同意的情况下才会开始。

  • 进口
  • 入职
  • 模态框
  • 统计数据
  • 导览
  • 语言
在渐变背景上显示英雄标题行,带有隐藏艺术作品的切换按钮 英雄标题行位于Saropa渐变上带有a… 英雄

切换状态按设备存储,而不是在启动时重置,因此任何喜欢紧凑列表视图的人都可以在每个屏幕上保留该布局,而无需每次都重新隐藏图稿。

  • 英雄
  • 坡度
  • 坍塌
  • 切换
  • 偏爱
网格根据大文本尺寸调整列数 网格布局在系统文本…时减少列数 可达性

列计数是根据活动文本比例因子而不是固定设备断点重新计算的,因此具有相同辅助功能设置的手机和平板电脑都为每个单元格保留足够的宽度以容纳完整标签。

  • 可达性
  • 文本比例
  • 反应灵敏
  • 网格
滚动时收起的内嵌卡片中的英雄艺术作品 屏幕艺术作品位于一个圆角内嵌卡片中并收起… 英雄

卡片高度由滚动偏移而不是固定的动画持续时间驱动,因此折叠可以精确地跟踪手指移动,并且触觉反馈会在其锁定到标题栏的确切位置触发一次。

  • 英雄
  • 滚动
  • 坍塌
  • 动画片
  • 卡片
  • 触觉
无弹跳的即时屏幕艺术作品 英雄艺术作品和屏幕图像在重复时从缓存加载… 表现

解码后的图像驻留在由资源路径键入的内存缓存中,因此返回屏幕会完全跳过解码步骤,而不是从磁盘重新获取和重新渲染图稿。

  • 表现
  • 图像缓存
  • 英雄
  • 加载中
英雄屏幕支持从右到左的布局 英雄页眉使用方向定位使屏幕布局… 回程

标头元素读取环境文本方向,而不是硬编码左对齐,因此标题、后部控件和图稿正确镜像,而不是仅仅翻转文本,同时图标保持固定在左侧。

  • 回程
  • 布局
  • 可达性
  • 英雄
  • 国际化
六个屏幕上的可扩展部分标题 点击字母标题以隐藏/显示组织组,… 工作流程

现在,点击字母标题可以切换该字母下每个联系人的可见性,从而提供了一种在六个数据密集的屏幕上折叠长字母列表的方法,而无需重复滚动过去的条目。

  • 工作流程
  • 相互作用
有视觉区分的叙述长度等级 三个彩色图标(简要/标准/完整)带风格… 叙述

用彩色图标和命名层替换复选框,为每个叙述长度提供了独特的视觉标识,使所选选项一目了然,而不需要复选标记来确认。

  • 叙述
  • 用户体验
纪念叙述带标题和分段 纪念叙事包括标题("In Memory of…")和… 叙述

生成的纪念文本以正式标题开头,并在主题发生变化(职业、家庭、遗产)时分成单独的段落,而不是作为一个密集的块运行。

  • 叙述
  • 纪念馆
容易添加联系人故事详情 联系人资料显示一个有用的链接以添加更多故事… 用户界面

现在,与薄弱或空洞的叙述的联系会显示一个可点击的内嵌号召性用语链接,直接指向编辑器添加故事内容,而不是要求用户在设置中找到它。

  • 用户界面
  • 叙述
  • 克塔
逝者联系人的纪念徽章现在永久显示 逝者徽章在纪念联系人上全年显示,而不仅仅是… 联系人

现在,纪念指示器在已故联系人的头像上持续可见,而不仅仅是每年在其去世周年纪念日左右出现。

  • 联系人
  • 头像
  • 纪念馆
  • 死者
地图加载更快 地图瓦片以平滑渐变背景加载,使地图… 地图

渐变占位符与图块网格的尺寸相匹配,并随着真实图像流入而淡出,隐藏地图提供者在像素到达之前所需的网络往返。

  • 地图
  • 加载中
  • 用户体验
二维码嵌入Saropa标志 二维码在中心以深蓝显示Saropa品牌标志,并带有… 品牌推广

海军蓝 Saropa 标记位于 QR 码的中心,而周围图案中的纠错冗余使代码保持可扫描性,即使徽标与部分重叠也是如此。

  • 品牌推广
  • 二维码
  • 分享
帮助部分可折叠并记住状态 帮助部分可折叠,颜色编码,并记住… 导航

每个帮助部分都保持不同的颜色,并记住在访问之间它是打开还是关闭,因此部分阅读的帮助屏幕会从原来的位置恢复。

  • 导航
  • 帮助
  • 个性化
  • 可折叠的
欢迎屏幕引导新用户和升级用户 带有平滑过渡的动画欢迎屏幕引导… 导航

全新安装与版本升级的单独欢迎流程意味着回访用户会看到针对他们的具体更改,而不是针对新用户的通用首次运行教程。

  • 导航
  • 入职
  • 动画
  • 启动
  • 升级
首次运行的欢迎动画品牌标题 字母逐个以彩虹闪光效果在启动时落下 动画片

字标的每个字母都单独动画化,并带有颜色扫描,将冷启动时刻变成品牌的华丽而不是静态的徽标屏幕。

  • 动画片
  • 入职
  • 视觉的
一次性升级欢迎弹窗 Isar时代升级用户首次看到安抚介绍 on first… 入职

该模式仅出现一次,关键是检测从旧 Isar 存储引擎的完整迁移,因此它可以让升级者放心,他们的现有数据不会在以后的每次启动时重复。

  • 入职
  • 升级
  • 用户体验
电话的横屏选项 电话可以旋转到横屏视图(默认关闭) while… 布局

手机默认为仅纵向,因为该功能在手机外形尺寸上的测试不那么彻底,而平板电脑默认情况下可以自由旋转,因为它们的较大屏幕已经可以很好地处理两个方向。

  • 布局
  • 旋转
  • 可达性
关于页面: Saropa 使命和名称故事 关于屏幕上的两个新部分 — 我们的使命(支柱为… 品牌

我们的使命部分阐述了推动应用程序开发的四大支柱,而命名故事将应用程序的身份与锡克教传统(Saropa 一词的来源)联系在一起。

  • 品牌
  • 相信
  • 透明度
在平板上更轻松地管理电话和电子邮件 在横屏平板上,电话和电子邮件行以2…排列 药片

两列布局是由横向方向检测驱动的,而不是仅由屏幕尺寸驱动,因此直立的平板电脑仍然使用单列列表。

  • 药片
  • 组织
首页标签会根据可折叠部分进行调整 通过折叠部分进行整理;平板显示更宽 主页选项卡

每个部分都会记住折叠状态,因此在手机上关闭的部分在切换到平板电脑或旋转设备后仍保持关闭状态。

  • 主页选项卡
  • 导航
  • 可折叠的
  • 部分
  • 药片
  • 反应灵敏
平板电脑的标题栏将身份和操作整合在一起 身份位于左侧,操作按钮位于右侧 药片

将操作移至后缘,使它们在宽阔的横向平板电脑上可以用拇指触及,否则,仅前导的布局会使按钮滞留在一侧。

  • 药片
  • 英雄
  • 标头
  • 布局
每个首页部分都可以折叠 点击任意部分标题以隐藏或显示它。紧急,… 组织

每个部分的折叠状态都会持续存在,而不是在应用程序重新启动时重置,因此一旦排列的主页选项卡就会保持原来的排列方式。

  • 组织
  • 可用性
联系人标题栏在平板横屏时重新排列 在横屏平板上,您联系人的照片和姓名出现… 药片

横向布局将身份和快速操作转移到单个水平带中,而不是堆叠它们,回收纵向布局否则会闲置的垂直空间。

  • 药片
  • 反应灵敏
更清晰的联系方式布局 简化…后,联系方式部分更易于导航 屏幕转换

减少详细信息屏幕上的嵌套分组意味着到达给定字段所需的点击次数更少,从而减少了分隔相关部分的滚动量。

  • 屏幕转换
  • 详细信息显示
  • 简化
带有状态的可折叠联系方式部分 联系方式部分折叠并记住状态跨… 联系方式

折叠状态是按联系人和每个会话保存的,因此稍后重新打开联系人会完全按照保留的方式显示部分,而不是重置为完全展开。

  • 联系方式
  • 组织
  • 坚持

您的地址簿是生命线。请像对待生命线一样对待它。

免费获取 — 上的所有屏幕和布局功能供个人使用,设计私密,并在安装时准备就绪。