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

如何通过按键颜色的对比来引导用户

你应该给这类行动按键最高的颜色对比度来帮助用户去达成目的。放在它旁边的其它任何中性或负面行动按键应该具有较低的颜色对比。 ? 要想达到最高的对比度,给你的正面行为按键填充上一个冷色以及白色的文字。...所谓冷色就是蓝、绿和紫色等那些看着较为舒缓的颜色。而此类实色上的白色文字会比普通一般的黑字更加出挑些。 在正面行动旁边的中性或负面行动按键不应该被填充颜色。...如果你那么做了会导致所有的按键之间的颜色对比变得太过相近。反之,如果只让它们显示边框则能较好地凸显正面行为按键。 当负面行为按键拥有最高的对比度时 相较正面行动,负面行动不应该具备更高的对比度。...在这个案例,你应该给负面行动按键填充上暖色。所谓的暖色就是指红、橙、黄等略刺眼的颜色。当用户看到它时,他们自然会明白点击之前要三思。...但注意了,不要灰化边框+字,不然用户很可能会误认为这是一个禁按(disable)的按键。再怎么样他们也需要按键能和背景有所区别开来。 结语 如果颜色对比明晰的话,正面、中性和负面行动可以一块出现。

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

04.HTML区块布局表单框架颜色颜色颜色

04.HTML区块/布局/表单/ 框架/颜色/颜色名/颜色HTML 和 ---- HTML 可以通过 和 将元素组合起来。...---- HTML 分组标签 标签 描述 定义了文档的区域,块级 (block-level) 用来组合文档的行内元素, 内联元素(inline) ---- HTML 布局...---- HTML 布局标签 标签 描述 定义文档区块,块级(block-level) 定义 span,用来组合文档的行内元素。...---- HTML iframe 标签 标签 说明 定义一个内联的iframe ---- HTML 颜色 ---- HTML 颜色由红色、绿色、蓝色混合而成。...在下面的颜色你会看到不同的结果,从0到255的红色,同时设置绿色和蓝色的值为0,随着红色的值变化,不同的值都显示了不同的颜色

6.5K50

Pycharm怎么背景颜色(超详细)「建议收藏」

1.首先打开Pycharm,点击file(文件),在点击settings(设置) 点击Editor(编辑器),点击Color Scheme(色彩方案),再点击Console Colors(控制台颜色)...打开控制台颜色之后,看Scheme(方案),下拉找到你自己喜欢的颜色,在下面的框框里面可以看到你换好的颜色的样子,随后再点击OK。...最后再点击yes,我们的背景颜色就换好了哈哈哈哈哈 希望可以帮到你嘿嘿嘿! https://blog.csdn.net/hanhanwanghaha一个超级无敌可爱的人鸭 欢迎您的关注!...欢迎关注微信公众号:宝藏女孩的成长日记 如有转载,请注明出处(如不注明,盗者必究) 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/151606.html原文链接

1.7K20

HTML表格不变形的方法;颜色代号

在标签加style 相关链接在这里 如何保证table表格不被撑开(固定HTML表格宽度) 我们在网站制作过程,有时会遇到网站页面变形的问题,出现这种的情况一个原因是浏览器兼容问题...比如我们在一个单元格里显示的字符过多,这时候你会发现在页面显示的效果是表格没有自动换行,而是被强制拉长。这样就很不利于用户阅读,同时也不美观,伤害了用户体验。...首先我们为表格套用样式,即套在标记 这句话的意思就是将表格定位,不管里面有多少内容,如果超出,将自动覆盖 然后我们再为单元格定位...,即套在标记 这句话的意思就是将单元格的内容自动换行 表格做了如上处理,就再也不用担心内容会爆表了...介绍几种字体颜色代码: 深红 #ff6600 ; 大红 #ff0000 ; 粉红 #ff66cc ; 淡红 #ff66ff ; 绿色 #ccff00 ; 紫蓝 #ff33ff ; 黄色 #ffff33

3.1K70

HTML之布局、表单、框架、颜色(笔记小结)

>图片2 表单2.1 表单说明表单是一个包含表单元素的区域;表单元素是允许用户在表单输入内容;表单使用表单标签 来设置;格式:内容部分2.2 表单标签标签说明...4 颜色HTML 颜色由红色、绿色、蓝色混合而成;4.1 颜色HTML和CSS颜色规范定义有141个颜色名称(其中17个标准颜色);17标准颜色:黑色,蓝色,水,紫红色,灰色,绿色,石灰,栗色,海军,...橄榄,橙,紫,红,白,银,蓝绿色,黄色;比如颜色名:Bule、Black等等;4.2 颜色颜色值由十六进制来表示红、绿、蓝(RGB);每个颜色的最低值为 0(十六进制为 00),最高值为 255(十六进制为...4.3 颜色举例 颜色学习

1.9K30

HTML5填充颜色的fillStyle测试

大家好,又见面了,我是全栈君 效果: http://hovertree.com/texiao/html5/canvas/1/ 代码: 1 2 3 更多:http://www.cnblogs.com/roucheng/p/texiao.html http://hovertree.com/texiao/html5/canvas/2/ 如果我们想要给图形上色...fillStyle = color strokeStyle = color strokeStyle 是用于设置图形轮廓的颜色,而 fillStyle 用于设置填充颜色。...color 可以是表示 CSS 颜色值的字符串,渐变对象或者图案对象。默认情况下,线条和填充颜色都是黑色(CSS 颜色值 #000000)。 下面的例子都表示同一种颜色。...http://hovertree.com/texiao/html5/canvas/3/ Canvas填充样式fillStyle 说明 在本示例里,我会再度用两层for循环来绘制方格阵列,每个方格不同的颜色

1.5K20
领券