网页设计基础实验原理（网页设计基础实验报告）

本文目录一览：

• 1、什么是网页设计的基本原理?
• 2、网站界面设计应遵循的几个原则
• 3、网页色彩搭配原理
• 4、网页按钮制作教程-零基础如何学网页设计?

什么是网页设计的基本原理?

1、色调与结构 色调与结构确实很重要，图片比照片更能运用此项内容。色调涉及到阴影以及物体颜色光亮程度；结构涉及到物体的外观特征。下面介绍影响网站色调与结构的几个因素。 光的方向。

2、明确内容：一个网页在设计的时候首先应该考虑网站的内容，包括网站功能和用户需求，整个设计都应该围绕这些方面来进行。

3、创意自身必须与创意目标相吻合，创意必须能够反映主题、表现主题。网页设计必须具有明确地目标性。网页设计的目的是为了更好的体现网站内容。

4、网页设计原理：明确建站目的。明确网站类型。明确栏目规划及每个栏目的表现形式及功能要求。确认主色调、客户性别喜好、联系方式、旧版网址、偏好网址。根据行业和客户要求着重表现。

5、网页设计是一门新兴的边缘性的行业，在网络产生以后应运而生。网页如门面，小到个人主页，大到大公司、大的政府部门以及国际组织等在网络上无不以网页作为自己的门面。

网站界面设计应遵循的几个原则

1、原则1：统一性 在一个界面中图标的大小、色彩、文本等等外观元素需要保持统一性，这是很多UI设计师最容易出现的问题，但修改起来并不是很难。

2、明确网站内容 一个网页在设计的时候首先应该考虑网站的内容，包括网站功能和用户需求，而不是以漂亮为中心进行设计规划。明确设计网站的目的和用户需求，从而做出切实可行的设计计划。

3、文字的编排需要以易读性为原则。字体过小、太密、过多装饰甚至跳跃性地插入页面布局中，都是不易读的表现，也是设计师没有为读者考虑的结果。在书写机会逐渐减少的现代，易读性是文本内容是最基本要求。

4、加速度下载 盯着屏幕等待页面的下载，相信这是人们较痛苦的事情。进行网站设计的时候，快速下载是设计者们不可忽略的重要事项之一，一般说来，优质网站的网页加载时间应当控制在15秒之内。

网页色彩搭配原理

1、在综合考虑到网站本身特点的同时，应当按照内容决定形式的原则，大胆地进行艺术创新，设计出既符合网站要求，又具有一定艺术特色的网站。

2、遵循主从关系，这是最稳定的处理色彩原则。其实红、黄、绿、蓝、紫等每一个字都代表一类具体的颜色，也就是色相了，它是指色彩的相貌，是区别色彩种类的名称。

3、用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，（说得通俗些就是将 色彩变淡或则加深），产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。用两种色彩。

4、通过合理使用对比色，能够使网站特色鲜明、重点突出。在设计时，通常以一种颜色为主色调，其对比色作为点缀，以起到画龙点睛的作用。暖色色彩搭配：暖色色彩搭配是指使用红色橙色黄色集合色等色彩的搭配。

5、色彩搭配原则 在选择网页色彩时，除了考虑网站本身的特点外还要遵循一定的艺术规律，从而设计出精美的网页。色彩的鲜明性：如果一个网站的色彩鲜明，很容易引人注意，会给浏览者耳目一新的感觉。

网页按钮制作教程-零基础如何学网页设计?

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的button标签中，加入样式代码：。浏览器运行index.html页面，此时按钮被成功添加了图片。

方法1：给图片加一个onclick事件，用js事件来提交就可以实现。

用一般的方法制作网页中的按钮，一点也不好看，还是用个FrontPage来制作一个特效按钮吧。打开FrontPage，点击菜单“插入-Web组件”。