网页设计必须会什么-网页设计需要的技术

进行网页设计需要会的内容：一是精通掌握Photoshop以及 Illustrator 等软件;二是深入学习页面布局，色彩搭配，构成等平面视觉的基础设计规范;三是学习网页编程设计语言等。

首先，既然是网站设计制作，就要精通掌握Photoshop以及 Illustrator 这类软件。除此之外，还要深入学习页面布局，色彩搭配，构成等平面视觉的基础设计规范。

例如：网页设计需要简练的布局，需要了解常见的网页布局形式，同时，绝大多数的网页设计都具有明朗的板式结构，为整体页面的画面营造秩序感，突出重点信息。

其次，选取颜色鲜亮的网页主题色调将有助于视觉效果的提高，注意Logo或者图标等UI细节在色调上的统一性，负空间的利用在交互设计中越来越多，因此需要注意页面设计中适当的留白，不要将网页页面填充得满满当当的。

UI中布局块与元素之间可通过大小、主次、强弱、动静、虚实、色彩等对比关系来传递意图、情感以及交互逻辑等等UI设计上的细节，这些通过细节上的视觉设计元素从而提高网页的品质与用户的使用观看体验。

另外，除了网页的视觉效果需要关注与学习以外，成熟的交互设计师需要学习网页设计在技术层面的知识。前面我们也已经提过，网页设计师也是需要看懂起码的编程语言，需要学习网页编程设计语言，例如：HTML，CSS，JavaScript，jQuery，H5等等。

乍一看这些Web设计的语言多到似乎令人生畏，但其实这些教程由浅入深，线上可以找到大量的教学资源。

1、Adobe Photoshop。简称“PS”，主要处理以像素所构成的数字图像，是使用最广泛的设计软件。使用其众多的编修与绘图工具，可以更有效的进行图片编辑工具。

2、CorelDRAW。Corel公司出品的矢量图形制作工具软件。与Illustrator类似，这个图形工具给设计师提供了矢量动画、页面设计、网站制作、位图编辑和网页动画等多种功能。

3、Adobe Illustrator。作为一款非常好的矢量图形处理工具，广泛应用于印刷出版、海报书籍排版、专业插画互联网页面的制作等，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。

4、Adobe Indesign。一个定位于专业排版领域的设计软件。是面向公司专业出版方案的新平台。可以提供自定义杂志、广告设计、目录、零售商设计工作室和报纸出版方案的核心。

5、Adobe Fireworks。Adobe推出的一款网页作图软件。软件可以加速 Web 设计与开发，是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。

6、Adobe Dreamweaver。可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。

7、Adobe Flash。广泛用于网页和软件程序中，它创建吸引人的应用程序，它们包含丰富的视频、声音、图形和动画。

8、Axure RP。一个负责定义需求和规格、设计功能和界面的专家，快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档的专业快速原型设计工具。

(1)熟练掌握HTML/CSS代码

不论你是不是开发者，网页开发最基本的语言HTML/CSS你是有必要掌握的，知道如何阅读、编辑并解决问题。然而根据设计师/开发者的实际工作情况，你所需要了解的程度、范畴甚至会更广一些。

(2)编辑图片

在任何设计领域，好像和图片打交道的时间都不会短，绝大多数甚至是需要整天编辑处理图片。从最基本的裁剪、调色和修补，你应该能够从容地修整图片，至少你应该了解如何能够尽可能好地对图片进行优化。

(3)了解印刷

虽然你绝大多数时候可能都忙于数字化的设计，但是总会有一些设计是需要借助到印刷的。从名片到新闻稿，这些东西在设计之初就要为印刷做好准备。

(4)熟悉各种设备

作为一个网页设计师，肯定要熟练地用各种数字设备来浏览网页。不同的系统、不同的设备在浏览网页这件事情上还是有差异的，所以你应当适时地离开自己最熟悉的电子设备，去尝试更多的数码设备。

(5)了解趋势

你并不需要了解全部的网站设计和技术趋势，但是你需要适时地去了解它们。

简单来说，重要的不是对所有趋势如数家珍，但是你至少要深入了解至少三个流行趋势。