网站后台界面设计教程

这次，只是讲一下网站后台设计的一个大概流程，一些效果论坛上都有，所以有的细节部分就不再细讲了（没有进行美化，只是一个简单的流程），呵呵，其实是因为没有时间

好了，现在开始，先看一下成品图，其实也不能算是成品，因为，主工作区没有做，每个人有每个人的做法，这里就留给大家自己来配吧，呵呵

Default.jpg (22.86 KB)

2007-7-19 10:49

1、先用钢笔画出形状，如图：

1.jpg (9.63 KB)

2007-7-19 10:49

2、用“部分选定”工具对刚才画出的路径进行调整，如图：

2.jpg (10.07 KB)

2007-7-19 10:49

3、给调整好的路径上色，如图：

3.jpg (7.18 KB)

2007-7-19 10:49

4、复制刚才制作好的路径，进行调整，这里我复制了两个，呵呵，自由发挥吧，如图：

4.jpg (10.43 KB)

2007-7-19 10:49

5、用“直线工具”画两条白色的斜线，笔尖大小自己调整一下，然后设置透明度，如图：

5.jpg (4.37 KB)

2007-7-19 10:49

6、画一个圆形，设置成白色羽化30，如图：

6.jpg (5.39 KB)

2007-7-19 10:49

7、再画一个大点圆，设置成白色羽化88，如图：

7.jpg (6.56 KB)

2007-7-19 10:49

8、画圆，设置成白色消除锯齿白色，然后把它放到左上角的部分，设置透明度30，如图：

8.jpg (6.05 KB)

2007-7-19 10:49

9、画上自己的LOGO吧，这里只是简单的写了几个字，呵呵，如图：

9.jpg (11.68 KB)

2007-7-19 10:49

10、画一个栏目条，记得前几天做了一个栏目条的效果教程，大家有不会弄的可以去看一下，这里要说的是，制作好后把它放到我们上面做的所有层的下方，如图：

10.jpg (12.55 KB)

2007-7-19 10:49

11、画好按钮，这里也不再说了，经典里的按钮教程，多的到了“低头不见抬头见”的地步了，嘿嘿，如图：

11.jpg (13.62 KB)

2007-7-19 10:49

12、好了，上面部分已经做完了，下面我们来做左栏部分，首先让我们来先画一个矩形，大小自己看着定吧（记得把它放到我们上面做的所有层的下方），如图：

12.jpg (2.92 KB)

2007-7-19 10:49

13、最后就是画出栏目框了，这个框其实并没有什么高技术性可言，很简单的，如图：

13.jpg (3.68 KB)

2007-7-19 10:49

OK，发完收工




嘿嘿，昨天发的那个后台是人家定好的模板，所以没办法把源文件发上来，今天这个可不是哦，把源文件给大家，自己美化去吧

[ 本帖最后由 tvtv 于 2007-7-19 11:03 编辑 ]

附件

Default.png (78.67 KB)

2007-7-19 10:49

作者: tvtv   发布时间: 2007-07-19

作者: 凌志   发布时间: 2007-07-19

作者: tvtv   发布时间: 2007-07-19

作者: czbad   发布时间: 2007-07-19

作者: holyli   发布时间: 2007-10-08

作者: mobaihuo   发布时间: 2007-10-16

作者: lzlcn   发布时间: 2007-10-25

作者: fkuesept   发布时间: 2007-10-26

作者: hurryup   发布时间: 2007-11-22

各有各的风格和做法吧，楼主意思到了。

附件

SystemConsole_2.GIF (124.77 KB)

2007-11-22 17:08

作者: westoy   发布时间: 2007-11-22

作者: zzz678   发布时间: 2007-11-22

作者: zixiaqing   发布时间: 2008-08-12

作者: muzimei   发布时间: 2008-09-15

好啊我缺的就是这个

作者: ashows   发布时间: 2008-09-16

作者: maomaoriv   发布时间: 2008-09-17

作者: seehao   发布时间: 2008-09-18

作者: hanhanjay   发布时间: 2008-09-18

作者: longjianghu   发布时间: 2008-11-18

作者: stone316   发布时间: 2008-11-19

作者: trrr   发布时间: 2008-11-19

作者: jessicahlq   发布时间: 2009-03-03

作者: dilaitao   发布时间: 2009-03-03

作者: ghghg007   发布时间: 2009-04-18

作者: ghghg007   发布时间: 2009-04-19

作者: oybp   发布时间: 2009-04-21

作者: vivic   发布时间: 2009-06-10

作者: Blue99   发布时间: 2009-06-11

作者: jeremyadison   发布时间: 2009-07-29

作者: xiaomei0205   发布时间: 2009-08-22

作者: huangfengfeng   发布时间: 2009-08-23

作者: milangooooal   发布时间: 2009-10-22

作者: solidvacuum   发布时间: 2009-11-07

ffffff

作者: 5uer   发布时间: 2009-11-10

作者: jujuwuju   发布时间: 2009-11-11

作者: 1260   发布时间: 2009-12-08

作者: AyumiHamasaki   发布时间: 2009-12-13

作者: todayliao   发布时间: 2009-12-26

作者: hillmen   发布时间: 2009-12-27

学习中

作者: 120798587   发布时间: 2009-12-28

可以学习了

作者: lakyabc   发布时间: 2009-12-29

作者: zxflb   发布时间: 2009-12-30

作者: kingm0311   发布时间: 2010-03-10

作者: carrisa   发布时间: 2010-03-24

作者: blueonly   发布时间: 2010-03-24

作者: shiningstarivy   发布时间: 2010-03-25

作者: yftk89   发布时间: 2010-04-15

自己很少设计，都是用别人的

作者: Gjuren   发布时间: 2010-04-21

作者: jacks   发布时间: 2010-04-23

作者: jinfengshuai   发布时间: 2010-06-25

作者: njhh   发布时间: 2010-09-18

作者: sometimes2008   发布时间: 2010-09-20