和谐法则网页设计 第1篇
在浏览器地址栏中输入网站的网址后,会看到这个页面,通常称为主页(或首页)如图:
静态网页一般以.html或.htm位文件扩展名,通过网页设计工具一次性设计,只能够通过手工方式更新页面信息,信息更新速度相对比较缓慢.
注意：现在很多网站管理系统，或者大型网站都会提前把动态网页生成静态网页，以使提高网站须是与 问网站。 访问速度，我们称这种静态网页为伪静态。
动态网页是通过网页脚本语言自动处理、自动更新的页面，例如，论坛中的帖子就是通过网站服务器运行程序，自动处理信息，按照流程更新网页。动态网页一般以.asp、.spsx、.php、或jsp为文件扩展名。
注意：常见网页中包含的动态效果，网页中嵌入了动画，这样的页面不能称为动态网页，可以称为特效网页，或者多媒体页面。
和谐法则网页设计 第2篇
成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。 网页设计的任务，是指设计者要表现的主题和实现的功能。站点的性质不同，设计的任务也不同。根据网站性质，可以把网页设计任务分为3类：
网页设计是有原则的，无论使用什么方法对网页元素进行组合，都必须要遵循基本原则，具体说明如下。
网页设计可以有两种方式实现，一种是传统的表格布局方式，另一种就是通过CSS 布局方式。两种方式体现了两种设计思想，形象比较如下：
网页配色是指在网页设计中，对网页中各种元素（如文本、背景、图标等）的颜色进行选择和搭配。良好的网页配色可以大大提高网站的美观性和易读性，从而给用户带来更好的浏览体验。
网站开发没有固定的模式和套路,但是对于个人网站来说,基本上都应该遵循几个基本操作步骤.
1.确定主题 2.选择域名 3.学习网页设计和开发技术 4.选择服务器技术 5.网络策划 6.数据结构规划 7.准备网站内容 8.程序开发 9.测试网站 10.发布网站 11.网站推广 12.网站运营与维护
新项目的开发是有章可循的，它必须遵循一定的规律和流程，否则也会出现问题。一般来说，网络新产品开发的流程如下：
(1)产品制作人，写产品计划书。 (2)用户体验研究员，作调查分析。 (3)信息建构师，设计产品架构。 (4)互动设计师，做出互动流程。 (5)视觉设计师和用户界面设计师，做出页面视觉设计。 (6)前台工程师，前台开发。 (7)后台工程师，后台开发。 (8)用户体验研究员，做用户测试确保质量。
主要是:
和谐法则网页设计 第3篇
你是否曾经遇到过这样一幅画面，看上去是闭合的，但实际上是开放的？这是由于它采用封闭性原理。我们的大脑倾向于「脑补」不完整物体的空白，并利用我们的视觉感知来使图形完整化。
正空间和负空间一起构成一个整体。最好的案例就是负空间中隐藏的形状和形式，这要求对正空间中要传达的信息进行精确评估。在封闭空间创造性地使用着正负空间，可以产生有趣但简单的设计。
下面是 Magu Kambucha 的设计图：
在这个案例中，可以看到封闭性和图形-背景关系的平衡。瓶子和后面的粗体文字构成对比，背景则是和两者都构成对比的柔粉色。
封闭性体现在哪里？看到瓶子后面的文字了吗？
虽然你不能完全看到它，但仍然知道它是「Kambucha」。除了第一个「K」和最后一个「A」，其他字母都是半隐藏的，这些字母都是凭观者的直觉自动完成的，整个形式开始成形，意义也随之成形。
下面是 Cult 的截图：
即使文本没有写得很清楚，我们的头脑可以很容易地读到 CULT 这个词。即使单词不完整，文本的排列和对齐也可以使其易于辨认。
和谐法则网页设计 第4篇
接近性是指页面中元素之间的接近程度。网页中的不同元素可以组合在一起，不同的接近程度会带来不同的关联属性。除了视觉特征上的接近性之外，这些元素与其他页面元素之间的距离接近度也会自动地在观众的脑海中产生关联感。
从图像到文本、导航栏到网页表单，这种接近性原则在网页设计中适用范围非常广。将类似的内容组合在一起时，它将在元素之间创建关联，为观者提供更好的视觉体验。
以下是 Mashable 网站导航显示的运用接近度的案例：
在上方的截图中，我们可以清楚地看到如何将相同类别的元素放在一起，以显示它们与主菜单的关系。由于颜色和文本大小的选择，使观者的目光自动被吸引到主标题下的子栏目上。
除了导航栏外，基于网格的内容也符合黄金比例的接近性，亚马逊的产品列表就是最好的例子：
这个案例体现的是接近性还是相似性还有待讨论。如你所见，具备视觉接近性的同类产品使用狭窄的留白进行分组和分隔。这种接近性会指示用户在类似的产品列表中，对其目标产品基于购买偏好进行排序。此外，封闭性原则也在类似项目的清单中发挥了作用。
现在，我们来仔细看看 Basecamp 的网页表单设计，它在网页设计中显示了另一种接近性的理想情况：
可以看到上图中的表单是被划分为两个主要部分的：个人信息和 ID 生成两个部分。第一部分被暗示为最重要的字段，第二部分则是一个次要的需求。这两个部分的标题都因颜色和字体大小的不同而产生区别。在这个网页表单中，接近度是一个重要指标，它将网页中呈现的信息按优先级排列。