这道题我会！

说一个比较暴露年龄的事情，早年间建设一个网站，离不开大名鼎鼎的“网页三剑客”，它们分别是 Firework、Dreamweaver（简称Dw）、Flash：

• Firework是一款有点接近于PS的图像处理软件，其优秀的切图功能为网页设计提供了强大的支持
• Dreamweaver是一款用于网站和网页设计的软件，凭借其强大的网页编辑功能，曾经一度成为网页设计师的首选
• Flash，一款用于制作动画的矢量图形软件，其丰富的动态效果也深受网页设计师的喜爱

不过随着时间的流逝，过去叱咤风云的“网页三剑客”逐渐淡出了大众的视野，正如古诗云，“江山代有才人出，各领风骚数百年”，市面上出现了更好用的网页制作工具，例如：

• Pixso，一款一站式的网页设计工具，集成了多人协作、切图、交付、设计稿转代码等功能，可以近似看成是新一代的Firework，但整体功能上得到了加强，适配更多场景
• VS Code，一款优秀的源代码编辑器，凭借其快速、强大和高度定制性，受到了许多开发者的喜爱
• Affter effects，一款动态图形和视觉效果处理软件，也在网页设计中扮演了重要的角色。

01 在线网页设计工具Pixso

Pixso是一款基于浏览器的在线网页设计工具，用户无需下载和安装，就可以直接在浏览器中进行设计。它拥有丰富的网页设计素材库，提供了各种图形、图标、图片、文本样式等设计元素，让用户可以按需选择，大大提升了网页设计的效率。

更为重要的是，Pixso具备实时协作功能，让团队成员可以同时编辑同一份设计，无需反复发送文件，大大提高了团队的工作效率。基于Pixso制作的网页设计文件，支持一键预览和分享，在制作过程中可以随时进入演示模式，实时预览设计效果，也可以将设计通过链接的形式分享给他人，方便进行反馈和修改。

此外，Pixso旗下的【资源社区】还提供了丰富的网页设计模板库，涵盖了从企业官网到个人博客，从在线商店到活动页面等各种类型的网页模板，即使是完全没有设计经验的用户，也可以轻松创建出专业级别的网页设计。

02 Visual Studio Code

Visual Studio Code，简称 VS Code，是一款由微软开发并持续维护的免费、开源的代码编辑器。它支持几乎所有主要的编程语言，如JavaScript、Python、C++、Java等，并且可以运行在Windows、macOS和Linux等操作系统上。

VS Code带有许多强大的功能，诸如代码高亮、代码折叠、多光标编辑、代码片段插入、代码语法错误提示和自动修复、智能代码补全、Git版本控制等。这些功能使得代码的编写和调试过程更加高效、顺畅。

更让人欲罢不能的是，VS Code还支持大量的插件扩展，用户可以根据自己的需求下载并安装各类插件，以增强VS Code的功能或改变其界面样式。

03 After effects

After Effects，常简称为AE，是由Adobe公司推出的一款数字视觉效果、动画和合成软件。它广泛应用于影视后期制作、动画制作、多媒体制作等领域，被誉为“视频后期制作的Photoshop”。

AE提供了大量的视频特效、动画预设、3D图层、颜色校正工具等功能，用户可以通过它们制作出各种复杂的视觉效果。此外，AE还支持脚本编程，用户可以编写脚本来自动化一些繁琐的操作。

但是，AE的学习曲线相对较陡，需要花费一定的时间和精力才能熟练掌握。对于网页设计师来说，在学有余力的情况下，可以学习借助一些脚本或插件，将我们在AE中制作的动画导出为可在网页上使用的Lottie(json)或mp4格式。

写在最后

Pixso凭借其强大的设计功能，丰富的网页设计资源库，以及便捷的协作和分享功能，已经成为了新一代网页设计师的必备工具。

如果你正在寻找一款免费、优秀的网页设计工具，我强烈推荐你试试Pixso，相信它一定能满足你的需求。

码字不易，如果对你有帮助的话，请别忘了赏个【三连】或是【关注】我哦，关注不迷路！

我是皮仔 @Pixso协同设计，那我们下次再见咯。