这个问题其实是分两个部分：

题主开口先提到的是网页设计，但最终提问是用什么技术，不清楚到底是从设计出发，还是从编程出发，保险起见，这两个方面皮皮都来分享一下经验~

网页设计

设计的基本功我就不多赘述了，直接回答题主的主要问题：

——网页设计用什么软件

适用场景：原型阶段、设计阶段

优势：

◍ 全平台适用，无需下载安装，直接在线设计！

Pixso支持Windows、macOS、Linux各个平台！

并且Pixso基于云端搭建，打开网页就可以进行设计，对电脑的配置要求不会太高，更降低了使用门槛，对于想尝试的新手来说非常友好~

同时因为线上操作，所以所有的文稿都会自动保存，不存在突然死机而丢失内容的情况，让设计更安心~

◍ 可多人协同，协作方便

作为基于云端的设计软件，Pixso无需再通过第三方平台来进行传输设计稿，而是使用「链接」来分享，既压缩了传输步骤，也节约了沟通成本。

◍ 完善的资源库，提升设计效率

团队资源库：团队成员可以自行上传自创组件，其他成员都能下载使用；更新时也将全局更新。

官方资源库：目前市面上绝大多数的设计软件都不会自带资源库，通常需要从其他网站导入，Pixso就不同啦！官方提供超2300+常用素材，内嵌在编辑器中，可直接拖拽至画布中使用，节约了去其他网站复制粘贴的时间。

除此以外，Pixso的UI设计基础功能也非常完善，从钢笔工具、快速智能图形、布尔运算，再到智能选择、自动布局，全部具备，能很好的满足网页设计需求！

「Axure」

适用阶段：规划阶段、原型阶段

下载地址：Axure RP - UX

优势：

◍ 利于梳理网站的目录结构与层级关系

Axure RP 能帮助网站需求设计者，快速地搭建出整个信息架构组成的重要部分。

◍ 使用灵活，既可以画图也可以写文档

可以将文档集合到一起，对于开发来说更好阅读，也更利于保存。

◍ 交互效果多

更多的人用Axure还是为了其原型功能，设计师在使用其进行网页设计的时候，可以添加一些交互动效，来模拟最终呈现效果。

「Mindmaster」

适用阶段：规划阶段

优势：

◍ 多平台可用，云端储存

MindMaster会对作品进行实时储存，始终保障用户的文件安全。导图作品可以多端平台同步更新，让思维导图文件在电脑、手机、网页无缝衔接。不管是出差办公还是更换设备，用户都能在不同的时间地点快速找回自己的作品。

◍ 拥有独家模板社区，10万+用户作品

MindMaster有一个丰富的思维导图社区，里面有数十万幅原创的思维导图作品和模版，涵盖教育、职场、自我提升等各大领域的知识精华。

—— —— —— —— —— —— —— —— —— —— —— —— —— —— —— —— —— —

说完了网页设计的软件，再来说说网页制作的技术

——网页制作用什么技术

网页制作

网页制作也分很多种，比如电商网页、博客和大型网站，所需要掌握的技术也是不一的。

「电商网页」

如果你只想做电商网页，淘宝之类的电商平台应该都有提供模板，在后台界面里拖拖点点就能做出一个网页。

「博客」

如果你只想做个博客，在服务器上部署一个 WordPress 就可以搭建自己的博客了，可以在网页上写文章和看文章。

「大型网站」

但如果你是希望以前端程序员为目标，完成各类型网页制作，那就学 HTML、JS、CSS，代码是躲不掉的，再进一步学一下 Vue、React、Webpack，就能找工作了，

然后再学学 NodeJS、Linux、MySQL、Redis、Docker 就比较接近高级前端工程师了。

网页设计目前在网络上有着不少的自学教程，但想要以此为职业，是需要下功夫的，不仅要掌握软件，更需要参透用户心理，进行交互设计。希望皮皮的回答能对看到这里的你有所帮助~

更多互联网行业干货请戳：

→