[色彩如何影响用户体验和用户行为
- 原文地址: How Color Affects UX And Behavior
- 原文作者:Proto.io
- 译文出自:掘金翻译计划
- 译者:Jiang Haichao
- 校对者:王子建, Tina92
色彩:设计得当时你可能从未关注过它 - 但是设计不得当时呢?无论是过亮且灼眼的背景,或者暗灰色背景下的黑色文字,还是以次充好的色彩选择都足以毁掉一款功能强大的 app。如同设计的其他方面,色彩不仅仅是为 app 锦上添花。色彩与用户体验的其他方面一样,也可以是一种工具。
用于设计 app 的图形 设计哲学 - 从元素尺寸,滑动方式,当然也包括色彩 - 都在影响着用户的行为。因此,设计师通常在项目前期用几个月的时间搭配色彩而不是设计布局。
选择颜色搭配的区别就在于,完美的色彩搭配能设计出一个能让用户感到放松并沉浸于此的 app,糟糕的色彩搭配会让用户有拿手机砸墙的冲动。以银行业务的 app 来看,糟糕的颜色搭配会让你每次查余额时都非常紧张,而完美的色彩搭配能够缓解你的焦虑,比如马上要清付下一次账单了。
那怎么才能设计得当 - 即如何在你的设计里掌握色彩呢?
图形设计哲学:色彩理论
在深入图形设计哲学(和心理学!)之前,需要了解一些色彩和设计的基本原则。虽然色彩看起来不是一门非常复杂的学问,但我们仍然有理由让每堂艺术课不光教授如何使用色彩,还要教授如何 创造 色彩。
基本原则 - 拿色盘来说 -很简单:原色(红,黄,蓝)可以结合调出二级颜色(绿,紫,橙)。同样地,不同分量的白色加到颜色里,能调出浅色,不同分量的黑色能调出深色。
实现图形设计哲学的时候,色盘将会是一个不可或缺的重要工具。
对角线上的两个颜色(如红色和绿色,蓝色和橘色)是互补色。这些颜色反差强烈,放在其互补色颜色旁边(或之上)时十分突出。相邻的两个颜色是类似色。这些颜色对比度低,放在一起并不突出。
颜色对比度的高低没有绝对的 ”正确“ 和 ”错误“。有时一个应用需要强对比的亮色组合。有时,又需要温和一些。一般来说,越想要突出的东西,越需要强对比度。
感受色彩组合是否搭配的最好方法就是亲身体验。即便你手头没有项目,快速旋转 Adobe 色盘 也许会让你对色彩有新的认识。
情感色板:色彩心理学
巩固 app 的图形设计哲学史,你不应只考虑外观 - 你必须要思考它们给你的感受。我们说的不是触觉反馈。自从 Johann Wolfgang Goethe 研究 色彩对生理学影响 以来,我们着迷于用颜色产生生理和情感效果。
甚至今天,色彩在许多品牌的设计哲学中都占有主导地位。医疗,商业,和*都倾向于使用蓝色,因为蓝色给人一种值得信任和专业的感觉。绿色看起来更年轻富有活力 - 当然,还反映了环境主义和亲近自然的感觉。红色是精力充沛和冲动的象征,给人速度,效率和力量的印象。我们看到的每个颜色(当然每个颜色本身都会与特定品牌相联系)都暗示了一些东西,直接或间接地,影响着我们对于独立品牌的看法。
你能认出的品牌和标识都是以颜色为中心的。Apple、Wikipedia、 New York Times,在这些品牌里灰色是主色,灰色象征着沉着可靠。这些品牌被视为和谐可靠的。全部食品品牌,John Deere,和 Starbucks 的标识均以暗绿色为主色,把自然、有益身心健康和他们的品牌产品联系起来。
许多颜色甚至超越了品牌自身,定义了整个行业。例如,想一下有多少快餐或连锁餐厅品牌色是红色或黄色的。这些颜色触发精神开关,让我们从心理上自愿购买一些商品。
当经销商很久以前就摸透个中道理时,科学也证明了我们关于颜色的一些共同感受。比如,红色能够让人 反应更快速 或者对特定的刺激产生强烈的反应。红色也可能会变得危险:研究者发现考试者看到红色的时候,正确率会降低。
更不可思议的是,药片的颜色对药效也有轻微的影响。蓝色药片最合适做镇静剂,黄色最适合做抗抑郁的药,在所有案例中,亮色的药片药效最好。虽然这更像是安慰剂,影响我们增大了对药力的反应,但这影响已足以使制药厂在生产新药时把颜色作为考虑条件之一。
现在,并不是说在记录心情的 app 中使用黄色基调就能有效地消除抑郁,而是你选择的色彩搭配有理由认为能够影响用户心情 - 所以请谨慎选择。
色彩与用法
设计不仅是为了好看 - 还有功能和实用性,这两条原则对任何 UX 设计师来说都可以说是最重要的。如果 UX 不流畅,你选择的色彩搭配再怎么完美,UI 再怎么酷炫都没用。如果用户不能高效地使用,当然也不会想留下来。
那么色彩在其中又能起到什么作用呢?
简单来说:色彩是能帮助引导视线的工具。如果颜色使用得当,能够引导新用户快速学会使用你的 app,不需要长时间的新手教程,一系列复杂的视频,甚至不需要一个字。一个使用简便的 UI 不只能引导用户注意 - 还能引导用户全身心互动。
一幅彩铅围成圈的黑白照片,只有笔尖部分有颜色。
试想一下,你正在为一家餐饮公司开发一款 app,提供方便大型机构订餐的服务。一个潜在客户第一次下载了你的应用并打开它。他们会看到什么?
在这个 app 里,大多数菜单项 - 包括背景和其他信息栏 - 都用柔和暗淡的灰色调配色填色。唯一例外的是一个橘红色的写着 “点单” 的方框。作为设计师,你知道大多数使用这款 app 的用户都希望轻松地设置食物订单。你要把这个标志放到显眼的位置,而不是把这个特点隐藏到 app 深处,或者需要用户滚动到页面底部才能看到。不只是这样,你还需要让用户立即注意到这个按钮。颜色能帮助实现这些目的,还能给新用户准确的引导,知道需要到哪里去。
同样地,我们每天都在生活的方方面面中都在和颜色打交道,在心里构建社会联系。例如,红绿灯:绿灯行,红灯停,黄灯慢行(或者提醒我们前面有情况)。黄色代表重要警告,红色代表强调,你能够有力地传达信息并提醒用户为他们的输入做好准备。
另外,该逻辑不光可以用于警告界面。 改变 app 内购买按钮的颜色显然会显著影响 转化率。HubSpot 发现把绿色按钮变成红色按钮后,转化率轻松上升了 21%。此时,虽然不意味着要把每个 app 内购买按钮调成亮色,但却表明了颜色不仅是设计哲学的一部分:应该是整个 app 开发哲学的核心。
我们甚至在强调色的选择上尝试挖掘软色调。色彩和阴影是优化图形设计哲学的最好的方式。
聪明地使用颜色:设计与可访问性哲学
在 Proto.io,可访问性 一直在我们设计哲学的重点。可访问性是好设计必过的一关。如果可访问性不通过,那么就不是一个好设计。
大约 8% 的男人和 0.5% 的女人有不同形式的 色盲。与常见观点不同的是,没有单色色盲,红绿色盲是最常见的。红绿色盲患者通常分辨不清红色和绿色。红绿色盲程度不同,甚至轻微的红绿色盲在使用一些 app 的时候都有明显的障碍。
除了色盲,近视眼用户有时无法阅读低对比度的文字,除非把屏幕靠近一些 - 这潜在地破坏了一些 app 的可用性。
所有这些问题的解法相当简单:展示文字时避免使用低对比度的背景颜色。当你不能保证每个人都能按照你设计的方式浏览 app 时,如果你使用对比色,至少应用是可用的。类似的,强对比色的文字对任何人来说都便于阅读 - 甚至在有视觉障碍时。
另一个提高可访问性的可选项是在 app 中提供可改变的主题色。虽然不是每个人都会用的,但是这能很好的提升 app 的可用性。你也可以允许用户改变特定功能的颜色。例如,你可以有个开关改变 app 的部分颜色,或者整个 app 的文字颜色。把这些颜色的控制权交给用户,你的 app 会对更多用户来说都具有良好的可用性。
如果你仍然不清楚如何在可访问性与设计哲学的色彩之间寻找一个平衡,建议你看看 Google 的 material design library。
选择完美的色盘:固化你的设计哲学
即使确实有一些颜色选择时必须要遵守的规则,它也不是必要的。色彩通常是抽象的东西,像一种感觉。即使你的 app 不是为了在用户身上表明情绪,也不代表它不会。当发现黑白色并不是完美色盘的时候,我们建议使用不同深度的灰色。
用灰色渐变色构建 app 的平面原型并且作为基本准则。记住它的展示和给你的感受:传达给 QA 团队,关注他们的说法。你的新手培训是否灰暗无色?你是否错误关注到了应用的其他部分?带着这些反馈,再设计更多的原型,这次加上颜色。别依赖单色色盘。并且,从 Google 的 material design 网站获得提示,考虑它提供的色盘。
这个人的图形设计哲学是添加一个醒目的红色元素。
把修订版本也发送给 QA。不要担心对两个版本进行 A/B 测试(然后推翻原始灰度版本)。确保在讨论阶段提出了关于色彩值得探讨的问题。你是否在 app 中使用颜色引导用户注意?你是否为了添加闪光就向屏幕随便扔了个颜色?色彩是否分散了用户的注意力?
别忘了用户哲学和可访问性。如果你在开发一款旅游应用,你真的希望所有内容都是亮红色的吗?如果你在开发一款健康应用,你的背景色必须是绿色吗?文字的色彩对比是否足够了?
好的 UX 设计会把这些问题一并考虑在内 - 毕竟,色彩对用户行为和使用舒适度都有绝对影响。如果你的设计哲学还没把这些问题考虑在内,设计出来的 app 并没有你认为的好用和无障碍。确保按步骤设计你的原型,别拘泥于一个或两个颜色。通过实验选择其他颜色,并重复实验,直到完善你的色盘。
Proto.io 使得构建手机应用原型变得真实。无需编程或者设计技巧基础。得以快速实现想法! 今天 注册 Proto.io 获得 15 天试用 并开始你的下一个手机应用设计。
上一篇: 颜色所代表人物的性格
推荐阅读
-
什么是可用性测试?有效性(Effectiveness)-- 用户完成特定任务和实现特定目标的正确性和完整性程度;效率(Efficiency)-- 用户完成任务的正确性和完整性程度与所用资源(如时间)之比;满意度(Satisfaction)-- 用户在使用产品时的主观满意度和接受程度。 2.如何获得可用性? 可以参考以下原则:Gould、Boies 和 Lewis(1991 年)为以用户为中心的设计定义了 4 个重要原则: 早期以用户为中心:设计者应在设计过程的早期就努力了解用户的需求。 综合设计:设计的所有方面都应同步发展,而不是按顺序进行。使产品的内部设计始终与用户界面的需求保持一致。 早期和持续测试:当今唯一可行的软件测试方法是经验主义方法,即如果实际用户认为设计可行,该设计就是可行的。通过在整个开发过程中引入可用性测试,用户就有机会在产品推出之前对设计提出反馈意见。 迭代设计:大问题往往掩盖了小问题的存在。设计人员和开发人员应在整个测试过程中对设计进行迭代。 3...什么是可用性测试? 可用性测试是根据可用性标准对图形用户界面进行的系统评估。 可用性测试是衡量用户与系统(网站、软件应用程序、移动技术或任何用户操作设备)交互时的体验质量。4.如何进行可用性测试? l 实验室实验
-
纯干货分享 | 研发效能提升——敏捷需求篇-而敏捷需求是提升效能的方式中不可或缺的模块之一。 云智慧的敏捷教练——Iris Xu近期在公司做了一场分享,主题为「敏捷需求挖掘和组织方法,交付更高业务价值的产品」。Iris具有丰富的团队敏捷转型实施经验,完成了企业多个团队从传统模式到敏捷转型的落地和实施,积淀了很多的经验。 这次分享主要包含以下2个部分: 第一部分是用户影响地图 第二部分是事件驱动的业务分析Event driven business analysis(以下简称EDBA) 用户影响地图,是一种从业务目标到产品需求映射的需求挖掘和组织的方法。 在软件开发过程中可能会遇到一些问题,比如大家使用不同的业务语言、技术语言,造成角色间的沟通阻碍,还会导致一些问题,比如需求误解、需求传递错误等;这会直接导致产品的功能需求和要实现的业务目标不是映射关系。 但在交付期间,研发人员必须要将这些需求实现交付,他们实则并不清楚这些功能需求产生的原因是什么、要解决客户的哪些痛点。研发人员往往只是拿到了解决方案,需要把它实现,但没有和业务侧一起去思考解决方案是否正确,能否真正的帮助客户解决问题。而用户影响地图通常是能够连接业务目标和产品功能的一种手段。 我们在每次迭代里加入的假设,也就是功能需求。首先把它先实现,再逐步去验证我们每一个小目标是否已经实现,再看下一个目标要是什么。那影响地图就是在这个过程中帮我们不断地去梳理目标和功能之间的关系。 我们在软件开发中可能存在的一些问题 针对这些问题,我们如何避免?先简单介绍做敏捷转型的常规思路: 先做团队级的敏捷,首先把产品、开发、测试人员,还有一些更后端的人员比如交互运维的同学放在一起,组成一个特训团队做交付。这个团队要包含交付过程中所涉及的所有角色。 接着业务敏捷要打通整个业务环节和研发侧的一个交付。上图中可以看到在敏捷中需求是分层管理的,第一层是业务需求,在这个层级是以用户目标和业务目标作为输入进行规划,同时需要去考虑客户的诉求。业务人员通过获取到的业务需求,进一步的和团队一起将其分解为产品需求。所以业务需求其实是我们真正去发布和运营的单元,它可以被独立发布到我们的生产环境上。我们的产品需求其实就是产品的具体功能,它是我们集成和测试的对象,也就是我们最终去部署到系统上的一个基本单元。产品需求再到了我们的开发团队,映射到迭代计划会上要把它分解为相应的技术任务,包括我们平时所说的比如一些前端的开发、后端的开发、测试都是相应的技术任务。所以业务敏捷要达到的目标是需要去持续顺畅高质量的交付业务价值。 将这几个点串起来,形成金字塔结构。最上层我们会把业务目标放在整个金字塔的塔尖。这个业务目标是通过用户的目标以及北极星指标确立的。确认业务目标后再去梳理相应的业务流程,最后生产。另外产品需求包含了操作流程和业务规则,具需求交付时间、工程时间以及我们的一些质量标准的要求。 谈到用户影响的地图,在敏捷江湖上其实有一个传说,大家都有一个说法叫做敏捷需求的“任督二脉”。用户影响地图其实就是任脉,在黑客马拉松上用过的用户故事地图其实叫督脉。所以说用户影响地图是在用户故事地图之前,先帮我们去梳理出我们要做哪些东西。当我们真正识别出我们要实现的业务活动之后,用户故事地图才去梳理我们整个的业务工作流,以及每个工作流节点下所要包含的具体功能和用户故事。所以说用户影响地图需要解决的问题,我们包括以下这些: 首先是范围蔓延,我们在整张地图上,功能和对应的业务目标是要去有一个映射的。这就避免了一些在我们比如有很多干系人参与的会议上,那大家都有不同想法些立场,会提出很多需求(正确以及错误的需求)。这个时候我们会依据目标去看这些需求是否真的是会影响我们的目标。 这里提到的错误需求,比如是利益相关的人提出的、客户认为产品应该有的、某个产品经理需求分析师认为可以有的....但是这些功能在用户影响地图中匹配不到对应目标的话,就需要降低优先级或弃掉。另外,通常我们去制定解决方案的时候,会考虑较完美的实现,导致解决方案括很多的功能。这个时候关键目标至关重要,会帮助我们梳理筛选、确定优先级。 看一下用户影响到地图概貌 总共分为一个三层的结构: 第一层why,你的业务目标哪个是最重要的,为什么?涉及到的角色有哪些? 第二层how ,怎样产生影响?影响用户角色什么样的行为? (不需要去列出所有的影响,基于业务目标) 第三层what,最关键的是在梳理需求时不需一次把所有细节想全,这通常团队中经常遇到的问题。 我们用这个例子来看一下 这是一个客服中心的影响地图,业务目标是 3个月内不增加客服人数的前提下能支持1.5倍的用户数。此业务目标设定是符合 smart 原则的,specific非常的具体,miserable 是可以衡量的,action reoriented是面向活动的, real list 也是很实际的。 量化的目标会指引我们接下来的行动,梳理一个业务目标,尽量去量化,比如 :我们通过打造一条什么样的流水线,能够提高整个部署的效率,时间是原来的 1/2 。这样才是一个能量化的有意义的目标。 回到这幅图, how 层级识别出来的内容,客服角色:想要对它施加的影响,把客户引导到论坛上,帮助客户更容易的跟踪问题,更快速的去定位问题。初级用户:方论坛上找到问题。高级用户:在论坛上回答问题。通过我们这些用户角色,进行活动,完成在不增加客户客服人数的前提下支持更多的用户数量。 最后一个层级,才是我们日常接触比较多的真正的功能的特性和需求,比如引导到客户到论坛上,其实这个产品就需要有一个常见问题的论坛的链接。这个层次需要我们团队进一步地在交付,在每个迭代之前做进一步的梳理,细化成相应的用户故事。 这个是云智慧团队中,自己做的影响地图的范例,可以看下整个的层级结构。序号表示优先级。 那我们用户影响地图可以总结为:
-
开屏广告 = 让用户等待?小红书如何平衡用户体验和广告投放效果
-
趣谈留言队列,搞清楚留言队列到底是什么!-说到消息队列,洪觉大概能猜到人们听到消息队列的反应,大致可以分为以下几类人。 第一类人,懵懵懂懂,刚上大学接触编程,还没用过消息队列,甚至还以为消息队列就是代码里面要新建一个List之类的;第二类人,听过消息队列,了解消息队列,但具体是什么还不是太明白,只知道一说到消息队列,脑海里马上出现了三组词,削峰、异步、解耦;第三类人,用过消息队列,对它有一定了解,但不知道为什么要这样设计,消息队列有什么样的前世今生,是如何演化到现在的模式的?**第四类人,已经对消息队列有了足够的了解,可以阅读本帖作为复习和温习。**你属于哪一类?无论你对消息队列了解多少,读完这篇文章后,我相信你都会有所收获。 什么是消息队列?我们为什么要使用消息队列?真的只是因为它看起来很勉强、很常用吗?当然不是,一项技术的出现往往是为了解决某种痛点,我们就从这个痛点出发,看看消息队列到底是为了解决什么问题而诞生的。 相信大家在工作之前,或者工作中接触单片机的次数会多一点,不管什么业务都一股脑塞进一个系统里,这种情况下接触消息队列的场景会比较少。但随着业务的增长,量上去了,单机系统就很难维护了,也扛不住并发量的增长,就需要把原来的单体应用拆分成多个服务。例如,牛奇网采用分布式架构,将原来的单体系统拆分成用户服务、题库服务、求职服务、论坛服务等,每个分布式节点都有一个集群,保证高可用性。 那虽然在这样的微服务架构下,如果某个核心业务并发量过大,系统就扛不住了。比如淘宝、淘票票、拼多多、京东等电商场景中的支付场景,你在某宝下单并支付后,调用支付服务,完成支付后,还需要更新订单的状态,这个时候就需要调用订单服务,那我们平时也下单,除了简单完成这些操作外,还会给你相应的积分;商家也会收到订单消息,并给您发送旺旺消息,确认订单无误;同时,也会给您发送消息,确认订单无误。确认订单无误;同时您还可以查看您的物流状态;还有系统为了给您推荐更适合您的商品,会根据您的订单做类似的推荐等等,我说的这些都是当我们下单后,肉眼可以感知到系统所做的动作。 **一个支付动作如果还需要调用那么多服务,等他们响应成功,最后再告诉用户你支付成功了,用户在系统中的整个体验会非常糟糕。**设想一下,假设请求服务+处理请求+响应总共需要 50ms,我们上面列出的场景:支付服务、订单服务、积分服务、商家服务、物流服务、推荐服务,总共需要 300ms。
-
[设计教程] 色彩与用户体验的秘密:如何用相同的配色引起用户的兴趣?
-
翻译 | 在用户体验设计中使用色彩影响情绪
-
[色彩如何影响用户体验和用户行为
-
Adobe国际认证中文官方网站】Adobe中国摄影计划,免费安装正版激活--Adobe Creative Cloud中国摄影计划。与此同时,Adobe宣布天猫为Adobe Creative Cloud中国摄影计划的电商战略合作伙伴,并将与其合作上线Adobe天猫官方旗舰店。 此举无疑一方面扩大了Adobe在中国的影响力,另一方面也有助于国内用户更好地培养正版软件意识,推动Adobe软件在中国的正版化进程。 网络异常,图片无法显示 ||网络异常 Adobe Creative Cloud中国摄影计划包括Photoshop和Lightroom Classic两大桌面创意工具,以及iOS版Photoshop Express。 其中,Adobe Lightroom Classic和Adobe Photoshop作为两款常用的图像处理软件,对于那些玩摄影、后期修图的创意设计人群无疑有着巨大的帮助,而LR+PS套装对于摄影领域用户的重要性自不必说,正版产品的性能实时更新也可以放心!体验最新功能,对于新镜头(补偿)和机身(RAW 读取)都能第一时间适应。不信你看: Photoshop 图像合成 裁剪、移除对象、润饰合成照片、玩转色彩和特效,创建精美图片和艺术品! Lightroom Classic 照片编辑 轻松批量管理和编辑照片,内置专业创意控件和摄影师预设,让你的照片大放异彩。 手机 PS 便捷编辑 Photoshop Express 支持多种滤镜、贴纸,手机即可完成抠图、除雾等任务 人工智能编辑工具 神经滤镜、快速点击选区、自动选择主题等人工智能功能让图像编辑更轻松 创意画笔内容识别 定制艺术画笔工具,实现个性化效果;内容识别填充,智能去除无用物体。 Adobe Creative Cloud 中国摄影计划的推出,为中国的专业摄影师、摄影爱好者、后期修图和其他创意设计人员带来了全方位的内容和体验。 网络异常,图片无法显示 ||网络异常 当然,不可否认的是,"由于盗版软件缺乏开发、维护和升级成本,销售价格远低于正版软件。再加上很多普通人并不需要使用正版软件的复杂功能,版权观念较淡,还是有大量的创意设计人员会选择盗版软件"。 但事实上,当所有的软件都不再是单一的软件,而是变成一种服务时,单机版盗版的存在就逐渐成为鸡肋。因为有太多的服务让你即使是所谓的 "完美破解",也无法享受,Adobe Cloud 就是一个很好的例子,所谓的完美破解,你只能使用 "Adobe "的一半,对于更精彩的 "云",只能望云兴叹。更何况,越来越多的设计工具从免费走向付费,越来越多的设计师和企业已经接受了付费使用的模式。 其次,对于互联网时代的企业数字化转型而言,数字化合规至关重要。21年来,使用盗版PS和未经授权的方正字体被指侵权的事情闹得沸沸扬扬,虽然新闻真假难辨,但也给使用盗版工具的用户敲响了警钟。 付费使用正版工具,可以更放心地进行设计,不用担心版权风险!
-
金融科技的高效省力秘籍:打造全面连接、全景覆盖、智能化的数字化运营体系" - 当下金融科技运营:挑战与机遇共存的时代解读 在快速发展的数字技术和企业数字化转型的大背景下,中国金融科技产业步入了提质增效的新阶段。面对市场的起伏变革与不确定性,金融机构需积极拥抱创新,灵活运用新技术,确保在竞争激烈的市场环境中稳固立足。 - 面临的双重考验: 1. 技术迭代压力:持续跟进行业内的科技革新,掌握新兴工具和平台,时刻应对瞬息万变的市场需求是金融科技运营的一大挑战。 2. 安全与隐私挑战:伴随着网络安全风险加剧和数据泄漏频发,如何强化信息安全体系、防范攻击、维护客户资金及隐私安全显得尤为重要。同时,伴随金融科技公司崛起,个人隐私权保障愈发关键。 - 喜人的发展空间: 1. 提升运营效益与降低成本:借助数字化技术,实现流程自动化、信息整合以及数据分析等,有效提升工作效能并缩减运营成本。 2. 扩大市场份额与增收途径:利用数字化手段拓宽销售渠道,优化用户体验,吸引更多用户并带动收入增长。 3. 加强客户联系与提升满意度:通过数字化科技运营,企业能更好地与客户互动沟通,增强客户信任感与忠诚度。 - 构建金融科技降本增效的核心驱动力:实施“全感知、全链接、全场景、智能”的科技运营体系升级路径
-
南邮OJ Web任务大揭秘:层层挑战剖析 1. 挑战一:迷宫般的目录探索 题目作者似乎穷举了所有可能的目录组合,最终在404.php中的