网页设计04 WEB端按钮设计技巧，交互规范参考资料，点击事件，什么是3：1 ，3：1 的介绍，网页设计牵扯的知识整理成口诀

视频加速播放插件安装方法：

解决Edge输入document.querySelector(‘video‘).playbackRate = 2.5视频无法加速的问题，‘Uncaught (in promise) TypeErro’_为什么不能选中 document.queryselector("video")-CSDN博客

文章参考资料：

14-2自己编写一个发get请求案例_哔哩哔哩_bilibili

按钮和超链接一定要分开

命令是点击之后，就进行提交：这个提交按钮，是点击下载之后，就发送了命令请求了

第一页到第二页这些都是属于伪按钮

按钮的用色，深配浅，浅配深

案例：第一组和第二组最ok

案例：背景颜色，与按钮颜色相似不好

设计并建立按钮的交互规范

默认悬浮点击

当我鼠标引入到这里之后，会发生什么变化，投影会更深，层级更高

鼠标悬停，点击状态

按钮的尺寸：

这里我用PS画一下图

他有一个按钮，这里注意他的按钮的颜色配色是深配浅，浅配深

居中，这里点击居中，3:1 是什么意思，比如这个文字的高度是24px,那么这里这个矩形的高度应该接近于24*3 的范围

矩形背景居中

1：3 的口诀，这样就好看多了

设置成圆角的样子

设置成全圆角

有时，我们可能看到卸载很小很小的，这里是不想用户卸载，影响用户的行为习惯

良好的对比习惯，我们要有一个良好的对比效果，主次的对比效果

要使用标准的形状

明确告诉用户按钮的功能

图标设计的最基础原则

识别性，图形的图标要能够辨认出形状

像这个华为

一致性，这里的icon都是用的线性的

兼容性