网页设计需要的基础知识

网页设计虽然挺艺术，存在很多随意的成分。网页设计师的目的就是要把网页设计的漂亮，得体。所以很多人都认为网页设计像艺术设计一样可以随意发挥自己主观能动力，尽量追求强烈的视觉冲击。这样做的设计师很多，成功的也很多，像很多外国的个人网站就是这样。但我想说的是并不是所有的设计师都可以这样随意发挥，功底不够的人，往往会把页面做的很花哨，不得体。

　　其实，网页设计并不就是艺术设计。网页设计存在很多约定俗成的规则，了解这些规则，可以使你更快的完成设计。

网页的大小：计算机不同于电视，显示器的尺寸并不不同，最小尺寸为640×480，最大尺寸为1280×1024。如果网页宽度为1000像素，而用户显示器宽度为640像素，这时用户需要拉动水平滚动条浏览页面，这样的视觉效果会大打折扣。如果网页宽度为640像素，而用户显示器宽度为1200像素，显现的文本尺寸就会很小，不易阅读。所以，在开始设计之前，我们应该想想我们所设计的网站主要会有哪些人浏览，进而就会知道浏览网页的屏幕主要是多大，从而决定了我们网页设计的大小。一般来说，宽度以1000，950，600的居多，高度在一屏到三屏之间。

设计中，配色始终都是一个难题，配色很不好把握，但并不是一点都不能把握。一个大的原则是我们的配色要看用户的喜好，这还得要求我们在设计之前要想一想网页主要是那些人在访问，进而去分析他们的颜色喜好。当然这就要求我们要有一定的心理学知识。总体来说我们的设计最好不要超过三种主色调，在设计中，灰色，蓝色，白色，红色是用的比较多的颜色。在颜色搭配上我们应该多注意积累，想红配白或者黑就会很好看，但红配绿就显得很不协调。

网页设计的模块：这其实不是个难问题，但很多人往往会在这方面出问题，对于一个网页，浏览者往往关心的是第一屏的内容，如果你的网页有好几屏，但第一屏有没有浏览者想看到的信息，浏览者往往会毫不客气的关掉页面，所以在设计中，我们应该尽量做到在第一屏能看到网站所有的重要内容，或者是能吸引浏览者的内容。

网页设计中的字体，这往往会被很多设计师忽略掉，但其实把网页中的字体设计的得体美观，无疑会给网页增色不少，但字体用的不好反而会影响网页的整体和谐度，一般来说稍微正式一点的网站，文本字体都会用12px，宋体。颜色以黑色为主。

网页设计中，我们还应该考虑的一个很重要的问题是，尽量做到节约，意思是尽量把网站文件大小降到最低，因为打开一个网站的速度完全起决于网站的大小，如果网站太大，很久都没打开，网名就会失去耐心。所以这就要求我们在设计的过程中要尽量减少图片的使用，能用颜色平铺就用颜色平铺，好多大型的门户网站都只有很少的两三张图片。

其实网页设计是有套路的，在平时的学习实践过程中，要注意积累经验，不但总结，我们才能不断的进步!

　　网页制作需要用到的工具

1. Macromedia Dreamweaver

Macromedia Dreamweaver是个著名网站开发工具，它使用所见即所得的界面，亦有HTML编辑的功能。是个可视化的网页设计和网站管理工具，支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、可视化网页设计、图像编辑、处理Flash和Shockwave等富媒体格式和动态HTML、基于团队的Web创作。用户可以选择可视化方式或者喜欢的源码编辑方式。

2. 佳易网页王

佳易网页王是一套易学易用、功能强大、快速高效的新型网页制作系统，不但集成了Frontpage、Dreamweaver等网页制作软件的主要功能，而且更简便易用。其最大特点是：即使不懂网页制作技术，也可以轻松制作出高质量的网站。即使不懂编程技术，也可以轻松制作出BBS论坛、留言板、聊天室、计数器、数据库在线查询和用户管理等功能。

3. web page maker

web page maker是一款简化但功能十足的网页制作工具，非常容易上手，能满足个人使用的需要。它是一款所见即所得的工具，并不需要html语言底子，当然，如果了解的话则对网页的制作会更有帮助。

4. Sharepoint Designer

SharePoint Designer是微软的下一代网站创建工具，用来取代FrontPage，微软官方提供了免费下载，并且由其提供了序列号。Office SharePoint Designer提供一些强大的工具，可帮助您在 SharePoint 平台上建立引人入胜的 SharePoint 网站，快速构建启用工作流的应用程序和报告工具。所有这些都在一个 IT 管理环境中进行。

5. fireworks

　　Adobe Fireworks是Adobe推出的一款网页作图软件，软件可以加速 Web 设计与开发， 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。Fireworks不仅具备编辑矢量图形与位图图像的灵活性，还提供了一个预先构建资源的公用库。在 Fireworks 中将设计迅速转变为模型， 或利用来自 Illustrator、Photoshop 和 Flash 的其它资源。然后直接置入，轻松地进行开发与部署。