首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

精读《模态框的最佳实践》

建议增加设备的按键或内置的滚动条来操作,用户可以左移或放大缩小来抓住模态框。 无障碍访问 快捷键。我们应该考虑在打开,移动,管理焦点和关闭时增加对模态框的快捷键。 ARIA。...出现多个模态框会加深了产品的垂直深度,提高了视觉复杂度,而且会让用户烦躁起来; 不要突然打开或自动打开模态框,这个操作应该是用户主动触发的; 还有两种根据实际情况来定义: 大小。...但在一些围绕数据来做复杂处理的应用中,如 ERP、CRM 产品中用户通常关注点都在一个表单和围绕表单做的一系列操作,页面来回切换或复杂的看似酷炫的动画可能都会影响效率。...第二个例子是 Quora,Quora 主页呈现的是 Feed 流,点击标题就会打开一个模态框展示它回答的具体内容,内容里面是带有滚动条的,按 ESC 键就可以关闭。非常流畅的体验。...在没有苹果触摸板的地方,横向滚动条是不是一个逆天的设计? 在网页里,使用 Command(Ctrl) and +/- 和使用触摸板的缩放事件是两个不同的表现?

57010
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    从指纹到人脸,支付宝的正确「打开方式」到底安全在哪

    在生物识别技术落地的过程中,最大的技术突破是人脸识别,即在图像特征抽取和人脸比对环节中取得了很大进展。但是,实际场景中的影响因素是很多的。...蚂蚁金服生物识别团队对此进行了很多特殊的优化,如使算法在不同的手机上达到比较一致的运算速度、响应时间,通过文案设计提高用户对刷脸的感知和理解,适应用户背景(如光线、角度等),分析基于其他传感器数据的反馈等...出于对用户体验的坚持和几乎无门槛使用的考虑,蚂蚁金服在活体检测技术的研发过程中一直坚持静默活体检测,即用户无需进行过多的动作或交互(如转头、张嘴等)。...李亮介绍道,蚂蚁金服生物识别技术在静默活体检测中最多可能让用户眨一下眼,主要是通过多个维度,包括多模态的眼纹和运动分析、其他传感器数据,以及风控体系中和用户相关的行为等来综合判断是否来自活体。...在这一部分中,我们主要讨论了 3D 人脸和眼纹等前沿方法如何加强多模态识别的准确度。

    1.3K20

    Human Interface Guidelines —— Popovers

    在iPhone的app中,因为位置有限,一般在全屏的模态视图中呈现信息,而不是在popover中。...·只能使用关闭按钮进行确认和指导 “退出”与“完成”均为关闭按钮,如果能够清晰的进行指示(如离开时是否保存保存更改),那就使用关闭按钮。一般来说,popover在不被需要时会自动关闭。...如果可以做出多项选择,那么popover应该保持打开状态,直到有人明确地将其关闭或在区域外点击为止。...·可能的话,让用户点击一次就能关闭一个popover的同时打开另一个popover 当几个不同的按钮每个都打开一个popover时,避免额外的点击是特别明智的。...·确保自定义popover看起来像popover 虽然您可以自定义popover的视觉方面,但不要设计出人们可能无法识别的popover。当包含标准控件和视图时,popover的展示效果最好。

    1.3K110

    最新iOS设计规范二|7大应用架构

    本文是iOS设计规范系列第二篇:7大应用架构。 7大架构(Architecture) 架构是有关软件/系统整体流程、结构与组件的抽象描述,用于指导大型软件/系统各个方面的设计。...无论用户使用什么设备或者距上次打开多长时间,启动体验都应该是快速无缝的。以下准则可以帮助您设计令人愉悦的启动体验。 提供启动屏幕。系统会在应用启动时显示启动屏幕,并迅速将其替换为应用的第一个屏幕。...让用户可以重播教程,以防第一次进入APP的他们错过任何内容。 突出教程中的要点。为新用户提供引导是好的,但这并不意味着这样做就能成为优秀的APP。好的APP应当是直观和自然的。...如果你的APP需要过多的引导,那么请重新审视/反思你的设计。 让学习变得有趣和易于发现。边做边学比阅读一长串说明更有趣和有效。在上下文环境中,使用动画和可交互性循序渐进地引导用户。...在极少数情况下,当用户在Popover中执行操作后需要用到模态视图时,请在显示模态视图之前先关闭Popover。 通常为模态任务设置一个标题。

    2.6K20

    CVPR 2022视觉算法双竞赛收官,一文详解Top团队方案

    此外,团队创造性地提出了真图特征分布一致性的假设,将解题思路从 "识别已知造假特征" 转换为 "识别任意非真图的特征",并据此提出了包含多样化主干网络设计、针对性的学习率调整和采样策略等在内的低相关度模型训练和融合方案...该方案可以准确的检测出现有的各种类型的深度伪造攻击,并且在未知伪造类型的检测中取得了良好的表现。最终,该团队以 AUC 0.99386 和 0.98928 的成绩包揽了初赛和复赛两阶段的第一名。...蚂蚁集团数字身份负责人,资深算法专家陈弢对方案点评到:针对图像的深度伪造攻击反映了基于数据驱动的第二代 AI 在鲁棒性上的关键瑕疵。...第一名方案引入将近 30 种伪造工具来扩展攻击数据的多样性和覆盖面,提高了防攻击的泛化能力;第二名对新型攻击方式针对性的设计伪造检测算子, 提高模型的检测能力;第三名关注了基础模型选型的多样性,精心设计了不同的训练策略...计算机视觉技术是蚂蚁集团多年来深耕的一个研究方向,已在蚂蚁集团的数字生活、数字金融、安全科技等业务中广泛应用,持续服务海量的用户和行业伙伴。

    1K20

    ChatGPT卷入爆炸案刷屏,AI安全正在成为最贵的学费

    因为不同类型的数据(如文本、图像、视频、音频)在数据规模和处理需求上的巨大差异,被预测寄予厚望的多模态大模型让数据的安全防护变得更为棘手。...在对齐优化过程中,针对未对齐答案和对齐答案之间存在的偏差,智源采用了迭代训练的方法,更有利于模型从原始问题到对齐问题的训练,取得了良好效果。...在多模态对齐上,智源推出的「align anything 」框架实现了多模态信息的全面对齐,其创新在于将多模态信息、现实世界的具身认知、以及人类意图进行细粒度的对齐整合,在 LLaMA 模型的微调过程中已经展现出显著效果...通过在大模型预训练、提示指令、思维链、RAG(检索增强生成)和模型对齐等环节中引入符号知识,有效增强了模型输出的专业性和可靠性。 大模型作为一种通用技术,既可以用于「攻」,也可以用于「防」。...「蚁鉴」是全球第一个实现工业级应用的可信 AI 检测平台,以生成式能力检测生成式系统,覆盖了内容安全、数据安全、科技伦理全风险类型,适用文本、表格、图像、音频、视频等全数据模态。

    6100

    模态框的最佳实践

    建议增加设备的按键或内置的滚动条来操作,用户可以左移或放大缩小来抓住模态框。 无障碍访问 快捷键。我们应该考虑在打开,移动,管理焦点和关闭时增加对模态框的快捷键。 ARIA。...出现多个模态框会加深了产品的垂直深度,提高了视觉复杂度,而且会让用户烦躁起来; 不要突然打开或自动打开模态框,这个操作应该是用户主动触发的; 还有两种根据实际情况来定义: 大小。...但在一些围绕数据来做复杂处理的应用中,如 ERP、CRM 产品中用户通常关注点都在一个表单和围绕表单做的一系列操作,页面来回切换或复杂的看似酷炫的动画可能都会影响效率。...第二个例子是 Quora,Quora 主页呈现的是 Feed 流,点击标题就会打开一个模态框展示它回答的具体内容,内容里面是带有滚动条的,按 ESC 键就可以关闭。非常流畅的体验。...在没有苹果触摸板的地方,横向滚动条是不是一个逆天的设计? 在网页里,使用 Command(Ctrl) and +/- 和使用触摸板的缩放事件是两个不同的表现?

    1.4K40

    CWnd的派生类-3、CDialog类

    但如果此时已经打开了两个以上的主窗体,只能禁止模态对话框所在的主窗口及其子窗口,包括主窗口下属的弹出对话框,但不包括下属的重叠窗口和普通弹出窗口。...7.4.1 模态对话框的创建与模式循环 其实,“模态”并不是对话框的专利,模态特性是封装在CWnd中的。所以,如果采取与模态对话框相同的创建方法,普通窗体也可以是模态的。...,禁止父窗口的鼠标和键盘输入 HWND hWndParent = PreModal();//取得父窗口句柄(一般是程序主窗口,如主框架) BOOL bEnableParent...模式循环是专为模态窗口设计的一个消息循环,这个消息循环完成UI线程消息循环(由CWinThread::Run()封装)的全部功能,同时为处理模态窗口的特殊消息,增加了必要的处理代码。...; //返回对话框的关闭代码(如IDOK、IDCANCEL) } 通过比较CWinThread::Run()与CWnd::RunModalLoop()两个消息循环的差异,不难发现后者为模态对话框做了哪些工作

    1.3K30

    备忘:base 标签和ShowModalDialog 、showModelessDialog

    当我们用showModelessDialog()打开窗口时,不必用window.close()去关闭它,当以非模态方式[IE5]打开时, 打开对话框的窗口仍可以进行其他的操作,即对话框不总是最上面的焦点...,当打开它的窗口URL改变时,它自动关闭。...而模态[IE4]方式的对话框始终有焦点(焦点不可移走,直到它关闭)。模态对话框和打开它的窗口相联系,因此我们打开另外的窗口时,他们的链接关系依然保存,并且隐藏在活动窗口的下面。...dialogHeight 对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用...} 常见问题: 1,如何在模态对话框中进行提交而不新开窗口

    1.6K100

    每日学术速递2.11

    第二阶段:集成SMART进行在线拓扑推理 SMART集成: 将训练好的SMART模型无缝集成到任何在线拓扑推理模型中,增强它们的特征表示。...第二阶段:在线拓扑推理 将训练好的SMART模型集成到任何在线拓扑推理模型中,增强模型的泛化能力。 3....探索地图先验特征在其他自动驾驶任务中的应用,如轨迹预测和运动规划。...这种策略使得模型能够逐步学习并整合各种模态,而不是一开始就处理所有复杂性。 阶段化训练:分为三个阶段: 第一阶段:图像和文本训练,建立视觉知识基础。 第二阶段:加入视频数据,扩展视觉理解能力。...可转移性和下游任务: 论文证明了多模态DiT模型(如Flux)的表示可以转移到重要的下游视觉任务,如分割,并优于一些多模态基础模型,例如CLIP。

    7010

    轻松上手:3分钟在腾讯云服务器上搭建专属于你的大模型应用LobeChat

    轻松上手:3分钟在腾讯云服务器上搭建专属于你的大模型应用LobeChat前言在人工智能技术飞速发展的今天,对话式AI已经成为了许多企业和个人的重要工具LobeChat是一款现代化设计的开源LLMs(大语言模型...)聊天应用与开发框架,它不仅支持多种模型服务提供商(如OpenAI、Claude 3、Gemini等),还支持本地大语言模型,并具备语音合成、多模态以及可扩展的插件系统等特点本文将详细介绍如何在云服务器上快速搭建...docker进行安装LobeChat,第二种方式选择腾讯云应用镜像搭建如果没docker环境可以使用命令进行安装apt install docker.io接着拉取它的镜像进行运行,其中需要携带open...,相信你已经掌握了如何在云服务器上快速搭建LobeChat聊天应用的方法从选择合适的云服务器到个性化定制,每一步都详细地介绍了具体操作希望你能充分利用这个平台,打造属于自己的强大聊天应用如果你在搭建过程中遇到任何问题...,欢迎随时查阅LobeChat的官方文档或寻求社区的帮助祝你在聊天应用之旅中取得成功!

    40521

    语言学运用、LSTM+DSSM算法、多模态情感交互在金融行业的应用

    如何在构建技术壁垒的同时开发更多的商业场景,是创业公司能够脱颖而出关键。...但用户的业务咨询数据、客服数据、金融产品的导购对话数据,长期没有得到充分重视,也缺乏积累和开发,因此可用来进行深度学习的训练数据并不充裕。 3、无法精确感知客户情绪(如电话客服系统)。...通过找到人机对话中隐藏的信息状态并加入到计算中,并结合内外部的多模态设计,即文本+emoji+照片+表情包+文本长度等,与外部的多模态,即加入面部表情识别+语音情绪识别+提供的标签(比如性格,星座,爱好...,年龄,性别等),来实现更深的语义理解和多模态情感交互分析,从而达到人机交互过程中对人更深层次的理解。...从幕后走向台前:智能客服打开更多营销空间 客服部门是银行业务中劳动密集型的部门之一,一家中等规模以上的银行甚至有数千名员工接听客户电话,人工智能可以大幅降低金融业务成本,提升业务效率。

    2.7K2519

    【金融客服AI新玩法】语言学运用、LSTM+DSSM算法、多模态情感交互

    但用户的业务咨询数据、客服数据、金融产品的导购对话数据,长期没有得到充分重视,也缺乏积累和开发,因此可用来进行深度学习的训练数据并不充裕。 3、无法精确感知客户情绪(如电话客服系统)。...通过找到人机对话中隐藏的信息状态并加入到计算中,并结合内外部的多模态设计,即文本+emoji+照片+表情包+文本长度等,与外部的多模态,即加入面部表情识别+语音情绪识别+提供的标签(比如性格,星座,爱好...,年龄,性别等),来实现更深的的语义理解和多模态情感交互分析,从而达到人机交互过程中对人更深层次的理解。...蚂蚁金服的做法是从过往海量的客服对话记录中,通过文本聚类算法,将相似的问法找出来,形成很多聚类,每个聚类就是一个用户关心的问题。...从幕后走向台前:智能客服打开更多营销空间 客服部门是银行业务中劳动密集型部门的之一,一家中等规模以上的银行甚至有数千名员工接听客户电话,人工智能可以大幅降低金融业务成本,提升业务效率。

    1.2K50

    iOS 9人机界面指南(四):UI元素(下)- 腾讯ISUX

    4.3.8 页面控件 页面控件告诉用户当前共打开了多少个视图,还有他们正处在其中哪一个。 ? API注释 想要了解如何在代码中定义页面控件,可以参考UIPageControls....Value 2的布局中,文本和副标题中间的垂直间距会让用户专注于副标题的第一个单词。 4.3.18文本框 开关按钮展示了两个互斥的选项或状态。 ?...API提示: 想要了解如何在代码中定义文本框,以及在文本框中支持图片和按钮,可以参考UITextField....当你在设计警告文案的时候,了解以下这些定义非常有用: 标题式大写(Title-style capitalization)指的是除了冠词,并列连词以及少于4个字母且不处在第一个单词位置上的介词外,标题中每个单词的首字母均大写...除非极其少有的情况下,用户在弹出层内进行的操作结果必须要以模态视图的形式展现,即便是这个时候,也请先将弹出层关闭,再出现模态视图。 确保你的模态视图看起来与你的app的整体视觉风格相协调。

    13.2K30

    WebDriverIO教程:处理Selenium中的警报和覆盖

    在此有关Selenium中警报处理的WebDriverIO教程中,我将向您展示如何在WebDriverIO中处理警报和弹出窗口以及叠加模式。...警报和模式警报之间的主要区别在于,如果没有请求的操作(如“确定”或“取消”),警报将不会发出。在模式中,通过提供特殊的CSS代码使用标记来完成。单击模态以外的其他位置可以关闭该模态。...叠加模态 该模式是使用客户端框架(例如,引导程序,ReactJS)构建的。开发人员可以用来显示一些信息,弹出窗口和表格。...WebDriverIO教程:运行第一个自动化脚本 使用WebDriverIO在Selenium中处理警报 如果您熟悉Selenium在其他框架中的自动化测试中的警报处理,那么您会假定必须先切换到警报,然后再在...警报只能通过预期的操作关闭,而覆盖模式可以通过单击背景上的任意位置来关闭。现在,我将向您展示如何使用WebDriverIO自动执行叠加模态。 当自动化模态时,您不必处理特殊的代码或类。

    5.9K30

    活动回顾 & PPT 下载|大模型背景下私域知识库的构建和可信问答 Meetup 完美收官!

    基于 OpenSPG 提出的 MedSPG,设计层次化多元诊疗知识表示体系,实现复杂逻辑推理知识的表达和推理,构建规则描述语言和后向推理引擎,实现高效知识推理和便捷规则维护。...王志勇介绍了由蚂蚁图计算团队研发并开源的高性能单机图数据库 TuGraph-DB 5.0 版本,该版本在研发过程中针对AI时代的图存储能力进行了多项增强,主要包括支持 Schema-Free、向量检索和全文检索功能...:从而提升识别和防范欺诈行为的能力;通过分析每笔交易和每个账户的第一笔交易,追踪资金来源;尝试使用链接预测(Link Prediction)来预测交易发生的概率,有效提升金融反欺诈的准确性和效率;网络活跃性代替行为活跃性来寻找僵尸账户...范志东首先介绍了由蚂蚁集团和之江实验室牵头制定的《GraphRAG+AI:大模型浪潮下的图计算》白皮书,白皮书中重点探讨了图计算与 AI 如何在数据、算法和应用三个维度互相补足。...在多模态话题上,TableRAG、StructRAG 在表格理解和结构化数据分析方面有比较不错的改进思路,以及 MyGO 多模态知识图谱框架等。

    18510
    领券