如何进行网页设计

网页设计与平面设计的异同

设计传达的方式

传统的平面设计讲究页面构图、版式布局、空间表现等，而网页设计也适用这些要素。

网页设计与传统平面设计在视觉传达方面很大的相似点，但是在技术方面又是有很大的区别。

网页设计是传统平面设计的视觉传达效果运用和网路技术的结合，所以可以说网页设计综合了平面设计艺术和网路技术。

网页设计的重要特色就是动静结合，这点在平面设计裏是无法实现的。

处理的差别

传统平面设计的作品大多是以印刷的平面形式表现；而网页设计作品则是透过显示器表现，并且在传输的过程中受到网路频宽的限制。

普通印刷是按照色素的减法原理进行的，设计时的颜色模式为 CMYK ，而电脑的显示器的色彩原理则是以色光合成加法原理进行的，是 RGB 模式，使用同样的颜色，但是在不同的颜色模式下，显示的效果是会有色差的。

因为受到网路频宽的限制，网页设计中的图像处理也不同於平面设计，为了加快下载速度，在保持图像质量的前提下我们要尽可能的缩小其档案大小，而不像平面设计那样为了追求图像的质量而不管其文件大小。

作为一名合格的网页设计师，在处理网路图形时，应做到在保持图像清晰的前提下，尽可能缩小图片的档案大小。
网页的构图布局与平面构图布局有著很大的相似之处，但是因为技术的局限，网页构图远不如平面设计那样挥洒自如。

在平面设计中想把某一物件放置到某一位置的时候只需要简单的拖曳就可以完成。
但是在网页设计中想对某一物件进行定位的话就必须有 HTML 语言的支援才行。

所以在进行网页设计的时候，除了要有好的创意，还应该考虑到技术上的可行性。
网页的构图与传统的平面构图最大的区别就是技术的可行性。

在进行网页设计时必需时时提醒自己，所设计的作品最终会通过网路传输到用户端，经过下载，再用浏览器浏览，作品将受到频宽和显示器的限制。

而且，所有网页的后端语言都是以 HTML 为基础，辅以 JavaScript 或 VBScript 编写的程式，有些动态特效实现起来会有较大的难度。
所以，网页设计人员在构思创意时，要考虑到技术上是否能实现。

如果一味地追求视觉效果的创意，而忽略技术上的限制，顾此失彼，再好的构思也只好放弃。
ㄞ鄏b网页设计中实现的创意，对网页设计构图来说是毫无价值的。

功能的不同

传统平面的设计作品是以向人们传达某种资讯或诉求为目的。而网页设计网页的设计必须是配合网站的内容设计，而不是单纯地只为表现艺术而设计。

除了拥有平面设计作品的功能以外，还有重要的引导和连接功能，也就是网页具有很强的可操作性和互动性。

网页设计与传统的平面设计最大的区别就是网页的可操作性。
网页的可操作性是通过页面间的链结实现的。

所谓链结结构就是指网页页面间的相互链结关系。
选择适当的链结结构，对整个网站的各个页面设计将有很大的引导作用。

若链结的结构使用不良的话，会使得重要的资讯不能让访问者获取，这将违背了网站设计者的初衷。

在制作一个网站的时候会有一个名为 index.html 的页面，我们一般把它称为 “首页” 。

一般在浏览网站的时候，在浏览器的位址栏裏输入网址后，直接打开的就是档名为 index.html 的页面，它的作用就与书本的目录相同。

大家应该都有在书上找资料的经验，一般来说我们都会打开书的目录来查寻资料位置，以便较快找到资料。

同理，如果把我们的网站看成是一本书的话，那麼 “首页” 就是书的目录，它的作用就是使我们尽快的找到自己想找的资讯。

而很多人在设计网站的时候做出来的网站是很漂亮，但却让访问的人无从下手来进行浏览。

想从这个网站裏找到自己有兴趣的内容却怎麼也找不到，虽然说这个网站裏有这些内容，但就是找不到或者找起来很麻烦。

这就说明了引导性和可操作性的重要。