首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

UX笔记#01 |按钮用图标还是文字

关于体验设计个人心得,每次只解决一个体验设计上小问题。文章长了相信你也没心思看完,我也没心思写完。 Problem: 在设计按钮时,经常会纠结是用文字还是图标,还是文字+图标? ? ?...在工具栏(如上图界面下部条)里,超过三个按钮则使用图标,否则可用文字。...理由是文字一般比较长,靠太近就会首尾相接,虽然iOS是可以自动缩小字号来避免工具栏或导航栏上文字首尾相接,但如果超过3个按钮,就很有可能怎么都排不下了。...在内容区域(就是不在导航栏和工具栏)添加文字按钮时,要注意可交互性Interactivity,就是按钮看起来是可以点,否则会和内容文字混淆,区分方法有三个: 一是上下文场景,一个按钮放在电话号码旁边很可能就是拨打电话按钮...; 二是颜色区分,和正文使用不同颜色,通常是APP主色调; 三是命名,采用动作本身来命名按钮;(很多人喜欢用状态来命名按钮,这很容易产出混淆,如果当前界面不能看到按钮结果,这样设计几乎一定会被误解

1.4K30

css设置按钮心跳收缩后,按钮文字上下抖动,如何解决?

如题,给一个按钮写一个 css 心跳收缩动画后,按钮文字会上下抖动,解决方案为   will-change: transform; 代码如下: // 按键呼吸特效使用 class="pulse" @...,用于告知浏览器该元素将进行哪些样式改变。...然而,需要注意是,滥用will-change属性可能会导致性能问题,因为浏览器可能会花费资源去准备那些实际上并没有发生变化。...因此,你应该只在确实知道某个属性即将变化,并且这种变化对用户体验有重要影响情况下使用它。 此外,一旦元素变化完成,你应该移除will-change声明,以避免浏览器继续为不必要优化而消耗资源。...最后,虽然will-change在某些情况下可能有助于提高性能,但它并不是解决所有性能问题万能药。在优化页面性能时,你还应该考虑其他因素,如减少重绘和重排、使用合适动画曲线、优化图片和脚本加载等。

8210

基于图像文字识别技术处理文本按钮

前言 在之前基于vision-ml模型训练框架改造以及实际场景应用识别弹窗,我们基于模型训练去处理我们弹窗,但是呢,在一些界面弹窗是一样,但是,文字是不一样,那么我们呢怎么根据文字不同去处理不同弹窗呢...和 抽离了出来,然后我们现在就可以给文字和图片然后返回来图片坐标。...那么我们可以把这个功能封装成我们处理一些安装时候出现文本弹窗,把文字统一存储起来。 准备了一些文本。...我说下我思路, 1.安装过程截图 2.获取截图文字 3.请输入账号存在识别文字中 4.用input输入账号即可。 这里不做实际代码演示。...基于模型避免了一些手机上按钮样式会发生改变,使用坐标的方式来处理。后续会把这个代码放在appium相关分享中去做展示。我改造部分代码已经全部贴上去了。需要原框架部分代码也已经做了截屏。

1.5K20

【案例】js全选反选按钮实现

效果图 思路 全选 首先要使给全选按钮设置一个点击事件,在点击选中时可以使下面的每个多选按钮都选中。...让每个多选按钮checked状态都和全选按钮一致 反选 首先给每个多选按钮设置一个点击事件, 让每个多选按钮都选中时全选按钮也被选中 可以先给全选按钮设置选中,然后判断一下如果有多选按钮没有被选中,...则令全选按钮也不被选中 实现文字改变 使用三元运算符判断当前先择状态,在根据状态给文字设置内容 代码实现 <!...for (let i = 0; i < cks.length; i++) { cks[i].checked = checkAll.checked } // 修改文字...cks[j].checked) { checkAll.checked = false // 修改文字 spanAll.innerHTML

4.7K30

Python---获取div标签中文字

'并且包括换行符在内任意字符(' ....模块提供了re.sub用于替换字符串中匹配项。...repl : 替换字符串,也可为一个函数。 string : 要被查找替换原始字符串。 count : 模式匹配后替换最大次数,默认 0 表示替换所有的匹配。...Python里原生字符串很好地解决了这个问题,这个例子中正则表达式可以使用r"\\"表示。同样,匹配一个数字"\\d"可以写成r"\d"。...思路整理:  在编程过程中遇到部分问题在这里写出来和大家共享  问题1:在编程过程中成功获取了目标的名字,但是它存在于div框架中,我们要做就是将div中文字与标签分开,在这里我们用是正则表达式

4.8K10
领券