Web开发设计的五大准则

若是仓促而为，设计一个专题或者网站必定会成为恶梦。Web设计须要遵循一些准则并有计划地去作。

Rule #1 : 先出设计图

这是必须的。不要假设设计图在你的头脑中就开始设计web，必需要放到纸上。能够这样作：

1，  拿尺子、笔和纸，按照具体的尺寸一行一行地画下来；

2，  记得虑分界线的长度等，这样才能符合CSS的像素；

3，  记下设计的每个细节省得忘记，若是把全部细节都累积到最后将是巨大的麻烦。

Rule #2 :配色

这是设计的核心部分，只有颜色搭配合适才能使你的网页看起来不错。首先要决定的是主色，也即你在网页中多数使用的颜色；而后选择跟主色调搭配的第二颜色；不要选择超过三种颜色否则你的设计看起来会很乱。若是你想要更多的颜色，可使用浅色或者深色的阴影来搭配主色调。

1，  浏览十个跟你网页有一样主色调的网页；

2，  给几我的看你的配色方案并取得反馈；

3，  从浏览的网页和反馈你将更好地完善你的颜色搭配。

Rule #3 : 从基本的版块开始构建

定下配色和设计图以后，从最基本的框架开始构建——个人意思是说不添加任何文本。由于在版面中加入文本会使得架构混乱。方法以下：

1，  每个版块设定边界线，这样可以看到具体的尺寸和位置；

2，  对不一样的版块使用不一样的颜色，在完成版块后再改为你想要的颜色。

Rule #4 : 理清CSS

不要在你的HTML文件中将styling元素搞得太复杂，否则等到你修改的时候你就不得不处处搜索。因此将全部styling元素归置在一个单独的CSS文档中。

在styling以前理清你的CSS省得太过杂乱致使你屡次重复同一件事。CSS支持继承，也即parent block的style能够用于child block.，充分利用这条特性。命名CSS分类名也要易懂易记。好比使用“main_content”而不是“div_1”。

Rule #5 : 制订多重 CSS 文档

咱们都知道，使用浏览器能够轻易地看到网页的输出，但使用另外一浏览器的时候则可能发现输出不正常。这不是什么稀奇事儿，由于每一个浏览器对HTML和CSS的处理方式都不同。

为避免这种状况，每一个浏览器准备一个CSS文档，这样全部浏览器均可以正常浏览。虽然这有必定的难度，可是记着期望一个CSS文档来知足全部浏览器是不可能的。