工具的选择不是越多人用越好。像Axure这类专业的原型制作软件，在标尺、对齐上面，是iH5远比不上的。但后者在与人沟通以及查看时有着优势。

最近支付宝进行了一次比较大的版本更新，引起了很多人的关注，无论从视觉还是交互体验上都有了很大的改变，但是从原型制作来说，其实比之前更加简单了。

通过临摹这些知名厂商的产品，是快速进步的一种方式，可以更好的借鉴他们的交互与逻辑，比体验观看，更能深刻的理解，从而更好的改进自己的产品。

怎么填充颜色 (How to Fill Colors)

在艺术创作和设计中，颜色的运用至关重要。填充颜色不仅可以提升作品的美感，还能传达情感和主题。本文将详细探讨填充颜色的方法和技巧，包括不同媒介的应用、颜色理论的基础以及如何选择合适的颜色。

颜色的基础知识 (Basic Knowledge of Colors)

在开始填充颜色之前，了解颜色的基本概念是非常重要的。颜色可以通过三要素来定义：色相、饱和度和明度。

企业网页推广时出现网页兼容问题，不仅在pc端开发中会碰到，而且在APP开发当中也会经常碰到。

1、禁止图片点击放大

网站开发进阶学习：Scalable Vector Graphics遮罩使用要点。

上节课我们了解到了maskunits和maskContentunits这两个mask标签上的非常重要的属性，但是通常情况下这两个属性其实都可以不用去设置。因为只要在使用遮罩层的时候把要使用的元素和遮罩层的绘制位置对齐就可以了。在这种不设置的情况下就能刚刚好把整个遮罩层应用在要使用裁切效果的图形上了。

Element Plus 的 Dialog 组件默认情况下，点击遮罩层（即背景蒙版）会关闭对话框。然而，你可以通过修改组件的 close-on-click-modal 属性来改变这个行为。

什么是 filter ?

CSS 中的静态滤镜样式。将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像，背景和边框的渲染。 MDN-filter

filter 能用来干什么

如图所示。 同一张图片通过 filter 的转换能达到类似 ps 的效果。

/* 给 SVG 设置样式 */
filter: url("filters.svg#")

/* 基础用法 */
filter: function(value)

/* 多重属性设置 */
filter: function1(value) function2(value)

/* 全局设置 */
filter: inherit;
filter: initial;
filter: unset;

像 px、em 这样的长度单位大家肯定都很熟悉，前者为绝对单位，后者为相对单位。CSS3 又引入了新单位：vw、vh、vmin、vmax。下面对它们做个详细介绍。

一、基本说明

今天刷到前端大佬用css做了这样一个按钮效果，看到原理，我尝试用fairygui做了一下。

·它的层级是这样的，动起来是这样的。

·修改一下缓动函数，带点回弹。

·改下遮罩图，这好像跟想象中不太一样。

·再做一个常用的扫光效果，它实际上是这样的。

这两个效果都用了同一个技术，就是图形遮罩，一个是css写的，一个是工具编辑器。用工具好处是不管什么效果，程序是不用管的，都是设计师的想法自己调整。而css是一个说不清楚是程序还是设计的工作。以前有网页设计师，现在变卷了，都是前端完成了，以后前端也没了，只剩全栈。