使用960栅格系统设计简洁网站(3)

作者:luycas 来源:活力盒子 时间:2011-08-14 06:20:39 

返回工作文档,新建图层,填充图案:编辑-填充,使用刚才定义图案进行填充。

最后,我们要使用参考线标记我们的工作区域。新建参考线:视图-新建参考线,选择“垂直”,在360px、840px、1320px新建参考线。

3.开始设计

现在栅格系统建立完成,可以开始设计了。我们把整个网站分成5个大部分:

  1. 页眉

  2. 插图

  3. 内容区-左

  4. 内容区-右

  5. 页脚

标签:网站设计,960栅格系统
0
投稿

猜你喜欢

  • Photoshop合成教程:月夜风高神秘古堡

    2009-03-08 11:43:00
  • Photoshop合成实例:十字墓碑旁的枯树美女

    2009-03-20 18:41:00
  • photoshop将照片变清晰的另类方法

    2009-04-22 12:06:00
  • Photoshop调色:打造寂静岭恐怖氛围

    2009-03-16 08:40:00
  • Photoshop制作漂亮的质感齿轮

    2009-04-03 09:53:00
  • 复古风格的印刷概念招贴设计

    2009-04-22 11:49:00
  • Photoshop给人物照片加上时尚动感的背景

    2009-02-23 09:05:00
  • Fireworks之抠图功夫篇

    2009-03-22 14:26:00
  • Photoshop制作可爱的卡通元素相框

    2009-02-23 08:28:00
  • Photoshop修复人物脸部局部曝光过度部位

    2009-04-07 09:06:00
  • Photoshop调出人物照片可爱的洋红色

    2009-02-22 17:57:00
  • Photoshop艺术字体制作方法

    2011-08-14 07:05:34
  • Fireworks 绘制矢量的邮件图标

    2009-12-29 10:11:00
  • PhotoshopCS4便利的操作环境

    2009-05-21 18:10:00
  • Illustrator 画笔工具绘制海鸥飞翔

    2009-07-04 12:20:00
  • Illustrator 绘制古典美女柳梦璃之头发篇

    2009-02-21 18:35:00
  • photoshop 滤镜打造一幅春意浓浓的水彩画

    2009-03-03 00:05:00
  • Photoshop广告头像磨皮及调色

    2009-03-26 09:52:00
  • Photoshop 人物照片干净的中性色

    2009-03-03 23:32:00
  • 用Photoshop调出美女照片淡雅青色

    2009-08-10 13:31:00
  • asp之家 平面设计 m.aspxhome.com