本文介绍一篇制作网页页脚的PS教程，这个页脚的设计很有层次感，同时用网格空格背景纹理修饰，是一个十分漂亮的网页页脚。

自从Web20冲击互联网以来，页脚就变得比以前任何时候都显得重要了，出现了许多非常漂亮的页脚设计。在这个教程中，我将会教给你如何在Photoshop中创建一个简洁、光滑的网站页脚。

页脚

这就是我们将要创建的页脚。点击下面的截图查看原图。

第1步

和液体感的页首和页脚一样，渐变通常是web20设计风格的标志。在这个教程中我们将使用到一组模拟3D材质的渐变文件包。你可以从excellent Deziner Folio得到这个文件包。点击这里下载渐变文件包。

第2步

在Photoshop中创建新文档。我自己创建了一个大的文件，1440像素X900像素大小(以适应我的17英寸显示屏的笔记本)。当然，实际上你的页脚不应该这么大，虽然它可以很好的模拟出当你的浏览器窗口被拖拽后的情况。

选择一个背景颜色，在我的这个例子中，背景色是一个简单的从#b0b0b0到#e1e1e1的渐变色。按住Shift键，创建一个垂直的从上到下的渐变。

第3步

你将要创建什么样的布局在网页设计中是非常重要的。也就是在流式布局(可以自适应浏览器大小的布局)和固定宽度布局(在web20风格的网站中固定宽度布局经常会是居中的)之中作出选择。我们的这个页脚将会是一个固定宽度布局的页脚，大小为760像素X420像素。这个尺寸会保证即使在800像素X600像素大小的屏幕上，也叫也会正确的显示出来。

如下所示使用网格来你的网站的大小。注意如果你想创建一个适合于1024像素x768像素屏幕大小的布局，那么将你的网格定义在955像素X600像素的区域。

第4步

虽然我们的页脚是固定宽度，我们仍然希望页脚能够填满整个页面。为了实现这个目的，我们会用到我在Photoshop中制作的仿金属材质的图案。点击这里下载此图案。在Photoshop中打开这个，选择编辑定义图案，为图案命名。

现在创建一个新的文档，1440像素宽，86像素高，选择编辑填充命令，选择我们刚才创建的图案。全选(Ctrl+A)，然后将剪切、粘贴到我们的第一个文档的底端，我们将会得到如下的结果。

第5步

现在是时候使用第1步中那漂亮的渐变文件包了。创建一个新的图层，使用矩形选区工具(M)创建一个100%文档宽度的，21像素高的选区。选择渐变工具(G),然后选择一个漂亮的渐变，我选择的是”Black 5-Gloss”，现在按住Shift键在矩形选区内画一条垂直的线，创建这个渐变。

将创建好的形状移动到第4步中创建的形状的上方。你应当得到和下图显示的类似的结果。

第6步

现在我们给第5步创建的图层添加上阴影效果。

第7步

将前景色设置为#545557，背景色设置为#1e211f。在第4步创建的图层下创建一个新的图层。使用选区工具选取第4步图层的内容。选择渐变工具，选择第一个渐变(前景和背景色的结合)，按住shift键，在选区上画出一个垂直的渐变。现在选择第4步的图层，将图层混合模式更改为正片叠底。

第8步

在所有图层上方创建一个新的图层，在参考线中间画一个颜色为#dfdfdf的圆角矩形。在图层上右击，点击混合选项，给矩形创建一个投影效果。然后在效果图层上右击，选择创建图层，这样会将投影效果分离为一个单独的图层。

现在你已经有了矩形图层和阴影图层，移动并且改变阴影的大小直到得到如下图的效果。你可以按下Ctrl+T来调出变换工具，然后右击，选择透视，向内拖拽顶部的两个手柄。也可以将阴影向下方移动，使用柔软画笔的橡皮擦工具将上方边缘的阴影擦掉。

第9步

最后添加文字、版权信息和你的logo完成设计。

第10步

为了在html文件中使用页脚，只需将文字移除(文字将会在html中添加)，如下图所示剪切背景，然后将其粘贴到一个新的文件中。就像在Photoshop中那样，这个图案将会在CSS文件中使用背景属性来实现。这就是为什么我们要将剪切到这么小，为的是以小的文件得到更好的效果。

要剪切页脚只需要在参考线内选择的内容，然后将其剪切并粘贴到一个新的文件中。

选择存储存储为网页和设备命令来保存这两张。然后选择JPG格式和合适的品质。JPG格式和PNG格式都是存储的很好的格式，他们可以保存很多的颜色。GIF格式最好用于颜色简单的。这种不同的用法是由于不同的算法得来的。

最终的页脚

网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：PSD文件(可用Photoshop、ImageReady或Fireworks修改)，按钮PSD文件、Flash源文件和字体文件，推荐使用Dreamweaver软件向网页模板添加内容。

创建和设置

1)模板的概念：作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为dwt。

2)模板的作用：有利于保持网页风格的一致;提高工作效率。

1创建模板

1)创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮

模板面板的打开：Window菜单--Templates

2)创建基于文档的模板：File菜单-SaveAsTemplate

2设置模板页面属性

1)用模板创建的文档继承模板的页面属性，页标题除外。

2)设置：Modify菜单-PageProperties

3定义模板的可编辑区

1)定义模板的可编辑区

在模板文档中选定对象、Modify菜单、Templates、NewEditableRegion

2)取消可编辑区标记

Modify菜单-Templates-RemoveEditableRegion

应用和更新

1应用模板创建文档

1)应用模板创建文档

使用模板创建新文档：File菜单-NewFromTemplate

或：File菜单-New-从模板面板中拖一个模板到文档

对现有文档应用模板：Modify菜单-Templates-ApplyTemplatetoPage-模板面板中选定模板-单击Select

或：从模板面板中拖一个模板到文档中

或：从模板面板中选定一个模板，单击Apply

2)可编辑区和锁定区

在应用了模板的文档中，只有可编辑区的内容才可以修改。

3)把页面从模板中分离出来

如果要对应用了模板的页面的锁定区进行修改，必须先把页面从模板中分离出来。

具体操作：Modify菜单-Templates-DetachFromTemplate

2修改模板

在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存

3更新站点中使用模板的所有文件

Modify菜单-Templates-UpdatePages

如何制作简单网页呢

网站设计八步骤

由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool3d、GifAnimator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。

五、制作网页

材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。

六、上传测试

网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。

七、推广宣传

网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者

★要想学做网页,首先得了解制作网页的工具。

制作网页主要有以下一些工具

Frontpage:office自带的一个工具,操作简单,实用,学起来比较轻松,功能不咋地,我不太喜欢。

Dreamweaver:这是网页三剑客之一,专门制作网页的工具,可以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。

另外一个工具就是代码编辑工具,例如写字本、EditPlus等,这些工具主要编辑asp等动态网页。

此外还有一些网络编程工具,javascript、java编辑器等。

网页制作也是一个比较吃香的行业,要真正做一个好的网站,还必须有良好的设计功底。所以还得学很多边缘性的软件,例如photoshop、flash等。

大型的网站往往还需要数据库的支持,所以还得懂数据库。sql、甲骨文等。

总之,掌握好网页制作,能独立完成一个网站的制作工作,那就不要考虑吃饭问题。随便混就好了!

祝你成功。

★你可以结合Dreamwaver和Photoshop来制作网页。

Dreamwaver可以到这里下30天试用版,不过要先登记一个免费帐号,

★在网上有这方面的教程

教程

/

(中国建站专家)

主页和个人空间

/

(中华网)

建议使用网页制作三剑客Dreamweawer+Firework+Flash或使用Frontpage

首先你要明白网页制作的流程:

1、网页设计师(主要是用PS)先将网页设计出来。

2、进行网页制作,就是切片,div+css布局,将变成网页。

3、后台制作。可以自己开发,也可以套用cms,如dedecms,phpcms。等

4、具体步骤就是这样。详细的牵扯到一些技术,就是html,div+css,js,(jquery,js框架)。

后台目前流行PHP语言。这些都是基础

5、需要学习的有,html,div+css,js(jquery),php等。

教程网站,百度“W3C”,即可

如果你只是制作模板,那么就学习html,div+css,js(jquery)即可网页模板只是一个网页的模块,目的是为了方便网页编辑者可以快速导入这个模块,并且对里面的内容进行编辑,节省时间。要制作网页模板,要先懂得最基本的网页制作方法。比如构思好网站结构之后,用网页制作软件《dreamwearer》打边框,设计框架和布局,然后插入,输入文字等媒体内容。然后可以保存为模板。

首先,可以告诉想学网页设计的朋友。学习设计网页和学习其它知识一样,是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次,要清楚学习它是用来做什么。

建议你要具备的条件:对电脑熟练操作,使用电脑最好在一年以上,对网页设计感兴趣,有较充足的学习时间,熟悉office办公软件。当然,这些不是一定必须的

第一阶段:开始时最好是学些网页编辑软件,如:FrontPage、Dreamweaver这样可以使您更了解网页设计与运营的原理。最好使拿本教程来学学,结合教程边学习边设计。

第二阶段:会用网页设计软件后,已会设计一个较完整的网站了。但为了能使自己设计设计的网页尽善尽美,还是学习网页的核心技术吧!网页编辑语言(包括:html、css、javascript、asp、xml等)。你可以选择地学习。

第三阶段:结合你自己已掌握地知识来开发网站,可以开发出别人给你定义的目标网站。到了这个时候,你就成为真正的网站开发者了。

设计网页,不是说一两篇文章能够说清楚的。以上介绍的是设计网页的主要纲要,希望能够给想要学习设计网页的朋友一个参考。

二

一、工具

1、空间

网页做好了肯定是要发表上网的,所以必须先申请一个空间;免费的空间不是很稳定,容量又小,也不好申请,建议到大的网站如新浪、网易去先买一个个人空间,大概有个20M以上的就可以了。

2、软件

推荐使用0中文版,这个软件最大的特点就是“所见即所得”,也即是设计过程中看到的,便是到时发布到网络上的。

二、教程

花点时间,找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成,不外是文字、表格、图、动画还有就是背景音乐等几个大的元素,搞清楚如何将这些元素摆放进去,你也就算懂得如何设计网页了。

三、设计

开始时建议去下载一个比较简单的网页,在设计软件中将它打开,然后仔细观察人家的网页的构成,模仿它去填充各种元素,实践中再配合着教城,进度会快很多,记得也牢一些。

其实做网页并不难,但要做出有特色的网页来,那就非一朝一夕之功了。

一点个人的粗浅体会,不妥之处敬请指正。

三

网站设计八步骤

由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以设计网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会设计网页,于是他们认为网页设计非常简单,就匆匆忙忙设计自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后设计网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己设计网页的素材。

三、规划网站

一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字的运用等,你只有在设计网页之前把这些方面都考虑到了,才能在设计时驾轻就熟,胸有成竹。也只有如此设计出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。四、选择合适的设计工具

尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页设计涉及的工具比较多,首先就是网页设计工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,是首选。除此之外,还有编辑工具,如Photoshop、Photoimpact等;动画设计工具,如Flash、Cool3d、GifAnimator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。

五、设计网页

材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行设计。所谓先大后小,就是说在设计网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在设计网页时要多灵活运用模板,这样可以大大提高设计效率。

六、上传测试

网页设计完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页设计工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。

七、推广宣传

网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者

如何设计出色的网站后台原型

我觉得,可以从三个方面入手:

1独特新颖的设计创意

如果实在没有想法的话,可以多看看同类型的网站后台设计,寻找设计灵感。

2高效实用的原型设计工具

好的设计想法,也需要称手的原型工具进行制作、测试和迭代。这方面,摹客MOckplus就是不错的工具,操作简单快速、链接分享、反馈收集、真机演示等等,能够实现团队快速设计和迭代。

3搜寻创意的原型设计模板

好的网站后台设计模板也是不错的切入点。但是要注意版权方面问题,弄清付费还是免费,再使用。

明确目标

既然是做原型的角度,我们就从具体工作来谈,首先要明确的肯定是产品目标,比如以下几个问题:

是全新的产品,还是更新改版

有没有相匹配的前台系统或者其他需要配合的线下资源等等

业务层面的目标是什么新增功能体验优化等等

需求分析

明确了产品目标,在做需求分析的时候就会有所侧重,总的来说,值得关注的有以下几个要素:

1、角色权限

这个非常重要,一定要在具体设计之前熟悉管理后台的所有类型用户。包括一共有几类用户,他们各自的使用需求,操作权限,还有用户权限的设计。

2、信息架构

一定要画信息结构图(即产品层面的数据模型),主要用于理清产品结构。画一下脑图,列一个excel表单,详细程度依据自己习惯即可,需要和用户配合起来设计。

这个是和普通原型设计比较不同的一点,如果是改版还需要特别标注和旧版的区别,以及旧数据的清理或迁移方案。另外,还需要考虑和其他资源(前台、对应页等)的配合,数据流向以及状态转移等。

4、功能流程

常规需要考虑的用户流程和业务规则流程。根据不同的业务目标,用户流程可以按场景或功能进行划分,给予部分用户适当的优化。业务规则流程需要保证逻辑清晰,闭环,不要遗漏异常流(闭环很重要)。

原型设计

终于可以开始原型设计啦,现在各种管理后台的主题模板都有很多,没有特别需求的情况下,和开发沟通好选择一套“抄”即可。

设计过程中注意一下导航,列表(增删改查排序筛选)等,细节上不要遗漏预览、错误/成功提示、新内容提醒、快捷键等

要制作一个优秀的后台原型,我认为主要就分为三个部分:

对于后台功能模块的结构和页面逻辑有清晰的认识

2能够熟练的使用原型工具

3优秀的设计风格和设计规范

1是基础,2是进阶,3则是让原型变得出色的点缀。

怎么样保证后台的功能结构和页面逻辑的清晰合理。

很多人画原型都有一个习惯,就是不管想没想好,直接就开始打开原型工具先拉几个框,或者就照一个自认为非常不错的网站后台开始照葫芦画瓢,这在我看来都是极其危险的。网页后台不同于一般的web界面,他对于功能模块的划分和页面的逻辑要求是非常高的。一方面网站后台的层次结构相比之下要复杂的多,另外一方面,网页后台的功能更偏向于对前端页面的管理,这就导致了功能之间的关联性和引导可能就要弱得多,这样的情况下,如果没有很好的理清后台的结构就开始画原型,那么最后做出来的后台管理系统很可能就是功能的堆积,功能易用性和操作的流程性都很难得到保障。

绘制后台原型时时刻谨记的:

画原型之前,先理清后台管理的功能模块,通过树状结构图来帮助自己划分页面和模块。

<imgsrc="

"

data-rawwidth="1423"data-rawheight="676"class="origin_imagezh-lightbox-thumb"width="1423"data-original="

">

理清模块之后,就可以着手设计后台管理系统的骨架,我个人分为三种:主模块(主要分为哪些独立的功能模块),次级分类(每个功能模块又有哪些次级的功能分类),功能事件(具体到每个功能页面内存在哪些主要的操作),大概的布局方式大概如下三种

1)顶部选项卡划分主模块,左侧边栏划分次级分类

<imgsrc="

"

data-rawwidth="1116"data-rawheight="468"class="origin_imagezh-lightbox-thumb"width="1116"data-original="

">

2)左侧边栏汉堡包样式的层级分类(偷懒~大概就是worktile的侧边栏样式)

3)左侧边栏二级分类列表浮出

<imgsrc="

"

data-rawwidth="249"data-rawheight="155"class="content_image"width="249">

思考的路线应该是自上而下,在进行模块划分时不要拘泥于具体的某个界面的展现形式。

结构和逻辑的清晰(骨架)>功能页面的设计(具体到某个页面怎么设计)>优化性质的功能设计(是否需要预览,实时存储等功能)>用户体验

必要时,可以牺牲用户初次使用的学习成本,初次使用的学习成本是可以为用户熟练掌握后的使用效率让步的,尽量遵循亲密/对比/重复/对齐的四原则。

对于重要但是不知道如何放置的功能,可以考虑放在顶栏的右侧,而不是放在主模块上

频繁的弹窗并不是好的选择(必要时该弹还是要弹的),如果可以的话,展开和右侧浮出半页都是不错的解决方式。

　　有四种基本的记述格式：欧式、苏式、宝塔式和牒记式。

　　1 欧式：又称横行体，是北宋文学家欧阳修创立的。欧式的特点是：世代分格，由右向左横行，五世一表，用起来很方便。欧式中，每个世代人名左侧都有一段生平记述，介绍该人的字、号、功名、官爵、生辰年月日、配偶、葬地、功绩等。

　　2 苏式：又称垂珠体，是北宋文学家苏洵创立的。苏式世系表的特点是：世代直行下垂，世代间无横线连接，全部用竖线串连，图表格式也是由右向左排列的，主要是强调宗法关系。

　　3 宝塔式：顾名思义，就是将世代人名象宝塔一样，由上向下排列。宝塔式采用横竖线连接法，竖线永远处在横线的中间，这对人多的大家族来说，因人名不可能排在同一页纸上，兄弟之间长幼关系不清，会为写谱、看谱带来很多不便。

　　4 牒记式：不用横竖线连接世代人名间的关系，而是纯用文字来表述这种关系。每个人名下都有一个相关的简介，如：字、号、功名、官爵、生辰年月日、葬地、功绩等。牒记式的世系形式固定，次序分明，比较节约纸张。

　　以上四种世系表形式都各有特色，这是一般族谱中比较常见的世系表，但也有其它的变化，我们在记述家族世系表时，可根据掌握材料的多少、家族成员的多少等灵活采用，总之，世系表要易看易懂、内容真实、层序分明，这才是最为重要的。