网页设计需要学什么软件？我大一，因为专业的问题需要自学？

SunFlower

小编：平面设计和网页设计有太多的共同点，共同的基础理论和常用的设计软件大同小异。最大的不同是载体介质的不同——一种是“印刷纸”，一种是电子屏幕。所以，网页设计需要学习什么软件，主要是基于它，包括UI。

本文来自@酷酷的知乎回答：想从事网页设计需要学习哪些软件？我大一，因为专业问题需要自学吗？

一、平面设计和网页设计

自从@cool coo bean 从平面设计到网页设计。感觉两者的共性太多了，共同的基础理论和常用的设计软件都差不多。最大的不同是载体介质的不同——一种是“印刷纸”，一种是电子屏幕。所以，网页设计需要学习什么软件，主要是基于它，包括UI。

此外，由于电子屏幕上的设计，在时间和空间上的变数比传统的平面设计要多。时间的延长可以演绎出更多的互动和动态效果；在空间上：可以上下滚动或左右切换，不受固定大小的限制。但它的本质是扁平化设计！只是网页设计在交互方面可以更有创意；而平面设计可以改变印刷工艺、材料和印刷刀片，以产生更具创意和易于访问的交互效果。

我在《Meet What is  ？》一文中也分享了他的观点：广告设计师、UI设计师、网页设计师等设计岗位是不同领域专业研究和细分发展的结果，而广义的平面设计更像是这些职位的一个更笼统的术语。

二、网页设计需要学习哪些软件？

以下是上述问题的全部答案。↓↓↓

1. 所需软件

既然是网页设计，那自然要稍微学一下。在写代码之前，我经常用它来完成网站内页的渲染。学习不是最终目的，更需要的是：了解一些关于视觉方面、设计理论和交互设计的知识天外神坛，避免一些常识性错误。

▼用PS完成：网页设计注解图

2.掌握软件

了解一些 HTML 和 CSS 前端代码并掌握（点击下载 DW）是网页设计师的标准。DW 是第一套专为专业网页设计师开发的可视化网页开发工具。 是重设计和轻代码的初学者的必备工具。因为网页设计稿完成后，只是一张静态图片。这时候你还需要配合web前端工程师在浏览器中重构设计稿，你的工作就完成了。

关于配合

虽然在实际工作中，前端工程师负责编写代码网页设计一般用什么软件，但是掌握一些代码知识还是很有必要的。一定要明白自己设计了什么，哪些应该用代码实现，哪些应该用图片实现，这样才能更好的剪图，输出图片资源，提高效率。我相信在这样的情况下，你会对 Web 前端非常满意。

每天工作的时候网页设计一般用什么软件，我（原工程师）就坐在我旁边，每天都密切沟通，关系很好。幸运的是，我知道一些代码，窃笑:-D。

精通以上两种软件，足以从事网页设计工作。如果您需要更好的晋升和团队合作。您可以学习以下一些软件。

3.软件，

使用矢量图形，提取一些材料，与同事合作，可能会有用。软件也是一样。

4.软件后

用于制作一些网页需要的动画效果，可以导出为mp4、swf等多种格式。有的人可能也会想到用Flash，但是用Flash感觉有点过时了，没必要再学了。

以上就是“从事网页设计需要学习什么软件？”这个问题的全部内容。由@cool  组织。最后，感谢您的阅读。

——

三、延伸阅读

网页设计的核心技能是视觉、交互和代码。这是网页设计师自身技能的三重领域。值得我们不断努力，它的相关性从强到弱。

相关教程：网页设计自学教程（来自BAT网页设计师的巨大贡献）

网站建设流程：

1.分析需求——2.交互设计——3.视觉设计——4.网页重构——5.在线调试，具体内容，在过几天，我会在“平面设计学习日记网”上详细分享它的制作过程。

示例说明：

▲浏览器测试 | 代码编写 | PS输出的设计草案。

上图是@制作平面设计与设计学习日记网的过程截图()。主要用这样一个比较简单的网站，软件就可以搞定。上图中代码是用软件写的（也可以用，看个人习惯）。

（结束）

——