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

关于无障碍设计的七件事

因为在验证码输入框右边有一个带惊叹号的三角形icon。这个符号通常表明有东西出差错了。 现在,我们再来看看同样的页面。不过这次加上颜色。现在你可以看出有哪些字段处在错误状态? ?...WebAIM颜色对比度检查器(https://webaim.org/resources/contrastchecker/)根据你输入的字体颜色和背景颜色,检查是否符合WCAG标准。 ?...它是一个具有定义边界的矩形。表单输入区域可以填充颜色(当然不一定要填充)。还有一个可见标签,在这个例子里位于字段的左侧。 ? 一个基本的文本输入框 明确定义的输入框边界对于有认知障碍的用户非常重要。...为了显得不是很“重”,我们就可以牺牲掉无障碍性?当然,我们还要继续考虑如果不用铅笔icon的方法,我们还有什么别的方案? 下面是另一个Evernote的例子。这是笔记的列表视图。...如果根据提示能够完成常见的操作,那么说明这款APP对于无障碍是做了优化。(当然,并不是所有APP都有必要这么做) ? 以上是某款外卖APP 你能顺利下单?我试了下很难。

3K30

视觉设计师需要懂的4个设计原理

Type as imagery 你可以利用类型创建整个设计。也可以将类型设计作为基础,从选择的字体中获取微妙的队列。为了改进设计中的排版,首先要学习基础知识。 开发描述类型的词汇表。...原理3:使用大小建立视觉层次 当创建视觉层次结构时,规模是必须条件。通过利用大小来传达元素之间的视觉关系,建立流程。 规模化是网格有可用性的原因之一。通过网格使元素的比例大小表达的更具有重要性。...然后,让他们根据视觉重量对圆圈的元素进行编号。结果是你预期的? 做这个练习时,请注意以下几点: 目标网页的转化目标是什么? 你如何优化以达到你的目标? 不同元素之间的关系是什么?...人们对颜色的看法不同。色彩根据人们的个人喜好、文化教养和经历对人们产生不同的影响。 选择调色板时,简单化是关键。选择中性背景颜色。然后选择主要和次要重音颜色。...最后根据你的其他颜色,为不同的用户界面状态选择一个错误和成功的颜色。 一旦你对色彩理论的基础知识有了很好的了解,颜色就会落到实验和迭代之中。 积极尝试突破您的舒适区,并尝试新的调色板。

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

在Excel中创建条件格式图表

可以在图表中设置条件格式?如下图1所示。 图1 示例数据如下图2所示。 图2 Excel图表仍然不支持条件格式。...然而,可以使用公式将数据分为三个系列,一个系列代表红色,一个系列代表黄色,一个系列代表绿色。每个类别只填充一个系列,其他系列将是#N/A。...图4 选择单元格区域D1:G8,创建堆积柱形图。然后,选择每个系列,使用“设置数据系列格式——填充”来选择正确的颜色。最终的结果如上文图1所示。...技巧:如果需要对正值使用一种颜色,对负值使用另一种颜色可以使用常规的柱形图,然后设置系列的格式,在“填充”类别中,选择“以互补色代表负值”,例如可以选择绿色作为第一种颜色,红色作为第二种颜色

28540

机器学习决策树:提炼出分类器算法

1 数据集介绍 有一堆苹果,现在要分析下哪些苹果是好的,哪些是坏的,主要根据三个特征:大小,颜色,和形状进行区分。...,并且判断条件为小于0.5,可以看出它是取值[0,1]的中间值作为不等式的判断条件,基尼系数为0.48,也就是说鱼龙混杂度还是挺大的,可以看到此时value有6个坏果>4个好果,所以这个根节点的类别被标记为坏果...接下来根据属性的取值,分裂根节点,如果颜色是青色的,则得到一个叶节点,此时的基尼系数为0,说明得到的这类别是纯的,都为坏果,样本个数为5个。...如果颜色是红色的,得到一个非叶节点,此时的基尼系数变小了一点,说明获得了一些信息增益。...第二步,我们去掉一个颜色特征,从大小和形状中选择一个最佳的特征进行分裂,结果选择形状作为第二个分裂特征,这个节点对应的样本中:1个坏果,4个好果,所以此节点标记为好果,然后根据其取值:如果形状为圆形,则获得一个叶节点

77180

5个技巧让你更好的编写 JavaScript(ES6) 中条件语句

问问自己,这个版本(没有嵌套)是否要比前一个版本(条件 2 有嵌套)的更好、可具可读性? 对我来说,我会选择前一个版本(条件 2 有嵌套)。...更简单直观不是?请注意,每个函数参数都有自己的默认值。例如,我们也可以为 fruit 分配一个默认值:function test(fruit = 'unknown', quantity = 1)。...注:如果你还不了解 ES6 中函数默认参数的新特性,可以查看 JavaScript 函数中默认参数 了解更多详情。 如果我们的 fruit 是一个 Object 对象怎么办?我们可以指定默认参数?...switch case 语句,根据颜色找出对应的水果 switch (color) { case 'red': return ['apple', 'strawberry'];...使用具有更清晰语法的 object 字面量可以实现相同的结果: JavaScript 代码: // 使用对象字面量,根据颜色找出对应的水果 const fruitColor = { red:

1.2K20

如何把各类难题变得数据可解?Get与数据科学家聊天的正确姿势

假设检验告诉我们我们的数据是否适用于新的情况, 比如:“猫的照片能比狗的照片带来更多流量?” 3)情景分析 情景分析在各种条件下分析了许多种可能的未来结果。...群集-“我可以将我的数据进行分类?” 异常检测-“这个观测数据奇怪?” 7)分类与回归 分类和回归回答了“我的数据之间,一个或多个结果之间有关联”这样的问题。...想像我们要辨认一种水果是苹果还是橙子,我们采用数据特征中的颜色和甜度作为水果的特征。一个特征选取算法可以缩小颜色范围作为有用的辨认,因为苹果和橙子都是甜的。 9)降维 降维需要获取数据,将维数降低了。...我们也可以编写一个更简单的应用程序,“这个用户会喜欢这组电影”甚至更简单的说“这个用户喜欢这部电影”? 成功的CEO的共同点是什么? 起初这似乎属于分组问题。...6)创建 - 您可以预测在新条件下会发生什么事情? “创建”问题要求您创建新的最佳解决方案。 我的送货车应该采取什么路线? 这是众所周知的优化问题。

57340

「Mysql索引原理(十二)」索引案例1-支持多种过滤条件

案例 假设要设计一个在线约会网站,用户信息表有很多列,包括国家、地区、城市、性别、眼睛颜色等等。...例如,如果希望使用索引做根据其他会员对用户的评分的排序,则WHERE条件中的age between 18 and 25就无法使用索引。...在有更多不同值的列上创建爱你索引的选择性会更好。一般来说这样做是对的,因为可以让MySQL更有效地过滤掉不需要的行。 country列的选择性不高,但可能很多查询都会用到。...所以考虑到使用的频率,还是建议在创建不同组合索引的时候将(sex,country)列作为前缀。 但根据传统的经验不是说不应该在选择性低的列上创建索引的?...age列有什么特殊的地方?为什么要放在索引的最后?我们总是尽可能让MySQL使用更多的索引列,因为查询只能使用索引的最左前缀,直到遇到第一个范围条件列。

94220

上下文系列小讲堂(三)

显然,这个度量值会根据矩阵环境的变化而对汇总进行自动匹配 同理,继续加入其他过滤条件,度量值的范围也会跟随条件越来越精细 ? ?...还记不记得前文“行上下文”的时候,也提过这个问题 度量值不会创建“行上下文”,那必定存在另一种上下文——对,就是“筛选上下文” 不单单是上面这个汇总公式SUM,几乎所有的DAX公式,都会根据筛选上下文而给出不同的结果...还记得第一篇《什么是上下文》里,那四个百分比指标(下图),如果换成Excel环境,这四个指标不把你搞到肾出血我不姓东 ?...由上图我们可以知道,一个单元格的筛选上下文由一系列筛选条件组成,上图矩阵中的数值“36”,就来源于六个筛选条件,如果继续往上图中加入可视化元素,添加其他维度——诸如产品颜色、尺寸、供应商、客户等属性,那么筛选上下文仍会继续变动...筛选上下文在创建的初始状态是静态的,但由于报表具有交互操作功能,在用户与之互动过程中,筛选上下文随时都可以修改调整其范围。以下四种操作,可以达到调整筛选上下文的目的 ?

84430

朴素贝叶斯分类器:例子解释

在昨天推送了用一个例子引入贝叶斯公式的基本思想,然后用贝叶斯公式对一个很简单的问题做分类,最后引出来一个问题:后验概率 P(c | x) 的求解转化为求解 P(c)和 P(x | c),P(c) 根据大数定律容易求得...首先它是一个条件概率,是在 c 发生的条件下,x 出现的概率。 那么 c 是什么?...在三个特征间相互独立的前提假定下,类条件概率的计算公式便可以进一步推导为如下: ?...其中,d是样本的所有属性个数 这个意思是说,因为各个属性间相互独立,所以类条件概率等于每个属性的类条件概率的乘积。 因此,联合上面两个式子,可以得到如下式子: ?...6 展望 如果要预测如下这个苹果是好果? 大小 颜色 形状 好果 大 青色 圆形 ?

2.2K60

建立一个完全没有机器学习的图像分类器

因此,图像中的每个像素都可以在RGB颜色空间中用这3个数字来表示。但也有其他颜色空间。 例如,另一个颜色空间是HSV—代表色调、饱和度和亮度。...在不同的光照条件下,亮度变化最大。 饱和度描述特定颜色中的灰度值。 有了这些信息,我们现在可以回到推导平均亮度。以下是我们将遵循的步骤。...分类器可以一个条件语句一样简单,检查平均亮度是否高于某个阈值,然后将此图像标记为1(白天),如果不是,则将其标记为0(夜晚)。...现在我们已经建立了一个分类器,让我们看看如何评估模型。 步骤5:评估分类器 每个模型都需要根据看不见的数据进行评估。还记得我们留着测试的数据?我们需要对测试图像进行分类并评估模型的准确性。...根据之前选择的阈值,此值可能会波动,因此可以随意调整参数并进行实验。 对这一点的改进是从图像中创建更多的特征,并将它们添加到分类器中,从而使分类更加健壮。

57420

44关学习CSS与CSS3基础「二」

in(英寸) 和 mm (厘米),绝对长度单位近似于屏幕上的实际测量值,但是根据屏幕的分辨率会有一些差异; 相对单位有 em 或者 rem, 两者分别都是相对单位,都会根据一个相对的元素转换自己的大小...; 保留blue-text类和pink-text类在h1元素中; 创建orange-text的CSS声明,并且给予color: orange的属性; 过关条件 h1元素需要有一个pink-text类;...,还记得行内样式?...important; 答案 「第三十二关」使用Hex代码指定特定颜色 关卡名:Use Hex Code for Specific Colors 知识点 你们知道在CSS中还有其他方式可以用来指定颜色...这关卡主要教会我们: 如果做到浏览器兼容; 答案 「第四十二关」继承CSS变量 关卡名:Inherit CSS Variables 知识点 当我们创建一个CSS变量,我们是可以创建的CSS选择器中使用

2.1K30

问与答100:我能够使用绿色的图标

Q:条件格式中的图标集功能非常好,然而,在尝试使用上下箭头标识数据时,只能使用红色的向下箭头,我能使用绿色的向下箭头图标?如下图1所示。 ?...图1:当为负值时,使用右边的绿色箭头表示 A:Excel的条件格式图标集不能够自定义,因此,需要使用一点小技巧来实现。...单元格E2中是一个根据F2中的值返回相应字母的公式,单元格F2中计算费用变化率。 将单元格E2中的字体设置为“Wingding3”,这会使单元格中的p和q分别显示为向上和向下的箭头,如上图2所示。...然后,将单元格E2中的字体颜色设置为绿色。 仍然选择单元格E2,单击功能区“开始”选项卡中的“条件格式——新建规则”,设置条件格式如下图3所示。当单元格中的值是p时,单元格字体颜色为红色。 ?...图3:设置条件格式规则 如果想看到变化的百分比,则保留单元格F2可见,否则可以隐藏该单元格。完整的效果如下图4所示。 ? 图4:以绿色向下箭头显示负值

75720

富途移动端面经

的数独上填充数字 2:逻辑电路的概率题 3:猴子吃桃问题 4:页面置换算法为FIFO,求缺页中断的次数 5:有7g和2g砝码,如果利用砝码和天平在3次之内将140g的面粉分为90g和50g 6:编程题 : 根据中序遍历结果和先序遍历结果建树...A可以看到B、C帽子的颜色。B可以看到C帽子的颜色。只要能判断自己的帽子颜色,就可以立刻说出来。他们四人沉默了几分钟,这时候一个人说到,它知道自己帽子的颜色是什么了,请问这个人是谁?...7:死锁产生的必要条件 8:多少个进程竞争多少个临界资源会产生死锁? 9:你怎么规划你以后的发展?...(接下来巴拉巴拉一大堆产品的问题,产品的优势、竞争力等等) Hr面(20min)   1:  自我介绍 (巴拉巴拉,刚好两分钟) 2:我看你组织过挺多公益活动,能说说具体的过程?...4:有女朋友? 5:你能说说你参加辩论赛的经历? 6:大四有课?九月份能过来实习? 7:大学的成绩 8:毕业之后,你对未来有具体的规划? 9:你有什么想问我吗?

1.9K20

Java杂谈之行为参数化

那就得修改所有方法的实现,而不是只改一个。从工程工作量的角度来看,这代价太大了。 可以颜色和重量结合为一个方法,称为filter。不过就算这样,还是需要一种方式来区分想要筛选哪个属性。...可以加上一个标志来区分对颜色和重量的查询。...一种可能的解决方案是对的选择标准建模:考虑的是苹果,需要根据Apple的某些属性(比如它是绿色的?重量超过150克?)来返回一个boolean值。...5、根据抽象条件筛选 利用ApplePredicate改过之后,filter方法看起来是这样的: public static List filterApples(List inventory...现在可以创建不同ApplePredicate对象,并将它们传递给filterApples方法。

36630

用户体验要素——战略层

产品目标 首先产品目标肯定是能够用一句话来表达出来的,再次就是,产品的目标一定是一个团队都需要知道的,都可以参与讨论的,而不是少部分人或者少部分所谓的领导可以决定的,目标一定是一个共识,理解中的产品目标会影响公司文化...商业目标 在确认目标前,我们应该避免在没有完全了解问题之前就做出了结论,明确的定义出“成功的条件”——而不是定义“成功的路径”,条件先行,保证条件充分满足后,我们才可以试着把握和策划我们成功的路径应该是什么样的...品牌识别 对于任何一个网站,品牌都是需要被描述的基础目标之一——品牌识别,品牌识别不仅仅是我们视觉上可以看到的如商标、logo、字体颜色等,深层次的品牌识别中会流露出概念系统的认知和情绪反应的识别,品牌如果想刻画在用户脑海中...矛盾点是否可以利用来创造新的需求?是否可以根据矛盾点为用户创造级别划分来解决独立产品的问题? “创建网站或任何一个技术型产品时,有另一组非常重要的属性也需要考虑:用户对技术和网页本身的想法。...计算机是他们日常生活中的一部分?他们喜欢跟技术型产品打交道?他们总有最新和最好的软件,还是他们只在不得不升级的时候才升级?”

67340

PsychoPy Coder 心理学实验 斯特鲁普效应

实验设置:首先创建一个窗口,然后定义了四种颜色(红色、蓝色、绿色、黄色)和相应的文字(红色、蓝色、绿色、黄色),设定了实验的次数。...在每次实验中,首先在窗口的中心位置显示一段提示文字,告知参与者根据所看到的颜色按相应的键盘映射进行输入。然后,在每次循环中随机选择一个颜色一个文字。 根据颜色和文字是否匹配,可以判断是否存在干扰。...如果颜色和文字匹配,即意味着没有干扰,将该条件标记为'无干扰';如果颜色和文字不匹配,即意味着存在干扰,将该条件标记为'有干扰'。...接着,在窗口中依次呈现提示信息、文字和颜色,等待参与者按下键盘上与所呈现颜色对应的键(r、b、g、y)。根据参与者的响应,判断其是否正确。...同时,将干扰条件(有干扰/无干扰)、反应时间和结果(正确/错误)记录到一个名为"data.xlsx"的Excel文件中。

30430

关于死锁你了解多少,通过“让APP随手机壳改变颜色,程序员和产品经理大家”这一事,了解下死锁可好?

开启了仅粉丝可见后他们就无法进行爬取后面的内容,也麻烦大家点个小小的关注才能看到后面的内容,当然了内容不好,看完也可以取消关注哈,嘿嘿。 文章目录 前言 一、你知道死锁是什么?...(二)破坏不可剥夺(不可抢占)条件 (三)破坏环路等待条件 六、死锁的结论 一、你知道死锁是什么?...为了还原情景,我搬过来了一段有意思的图文: “据称某互联网公司产品经理提了个要求,要求APP开发人员可以做到根据用户的手机壳来改变软件主题颜色,然后就干起来了”。 ?...3、请求和保持(部分分配)条件: 进程在等待新资源时继续占有已分配的资源。 4、环路条件: 存在一种进程的循环链,链中的每一个进程已获得的资源同时被链中的下一个进程所请求。...(二)破坏不可剥夺(不可抢占)条件 一个已拥有资源的进程,若它再提出新资源要求而不能立即得到满足时,它必须释放已经拥有的所有资源。以后需要时再重新申请。 可以逐个申请资源,不满足时释放所有资源。

61451

Java 8——行为参数化

简单的方法就是复制这个方法,然后把函数名称和if判断的条件来分别匹配到红苹果上就可以了。然而,要是农民想要筛选出多种颜色:浅绿色,暗红色、黄色等,这种方法就应付不了了。...你可以加上一个标志位来区分对颜色和重量的查询(但绝不要这样做!很快你就会明白为什么)。...一种可能的解决方案是对你的选择标准建模:你考虑的是苹果,需要根据Apple的某些属性(比如它是绿色的?重量超过150克?)...第四次尝试:根据抽象条件筛选 让我们先来定义一个接口对选择标准建模: public interface ApplePredicate{ boolean test (Apple apple); }...比如,如果农民让你找出所有重量超过150克的红苹果,你只需要创建一个类来实现ApplePredicacte对象就可以了,你的代码现在足够灵活,可以应对任何涉及苹果属性的需求变更了。

97370
领券