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

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

2.添加网格

网上有很多栅格系统可供下载,是我们建立属于自己的栅格系统最好的参考。如果你以前没有使用过栅格系统,本文就是简单的入门。它让你的工作变得轻松而有章可循,是原型布局最得力的助手。

下载960栅格系统,地址http://960.gs/

下载完成后,来到“templates”文件夹,使用photoshop打开960pix宽、12列栅格。

下面我们要把栅格导入到我们的工作文档。选择“12列栅格”图层组,拼合图层组并复制粘贴进工作文档。

现在我们需要基准栅格。基准栅格是元素留白、行高等取值的重要参考。首先,新建文件,宽搞均为24px,删除背景,新建一条1px高度的单线,置于画布最底部。定义图案:编辑-定义图案,给图案起一个容易记忆的名字。

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

猜你喜欢

  • Illustrator设计制作一款个性签名档教程

    2009-02-21 18:36:00
  • 使用Illustrator绘制章鱼

    2011-08-14 06:54:44
  • Photoshop制作简洁优雅的WordPress主题

    2010-04-02 11:49:00
  • photoshop Lab模式下两步调出照片漂亮蓝紫色

    2009-03-03 00:19:00
  • Photoshop 锐化技巧详解

    2009-02-27 02:46:00
  • Photoshop调出外景婚片唯美的淡红色

    2010-05-10 16:50:00
  • 《为爱等待的漂流瓶》原创设计教程

    2011-08-14 06:30:26
  • Photoshop简单给漂亮MM磨皮及调色

    2009-02-21 15:52:00
  • Photoshop打造靓丽的化妆品广告美女

    2009-05-22 18:01:00
  • Photoshop打造梦想dream文字效果

    2010-03-11 13:33:00
  • Photoshop打造动画美女冷艳色效果

    2009-03-24 10:41:00
  • 这就是剪切的力量[译]

    2009-07-29 18:46:00
  • Photoshop制作高光非主流效果

    2009-02-23 08:31:00
  • Photoshop打造一座神秘的海上城堡

    2010-12-06 21:03:00
  • Fireworks制作卷边花纹字体的思路

    2009-02-21 18:00:00
  • Photoshop冰字特效:模拟冻裂的特效

    2009-03-08 02:55:00
  • photoshop 黑白照片上色的方法和技巧

    2009-03-02 02:27:00
  • Photoshop 调色教程人物照片古典的灰色调

    2010-03-02 15:13:00
  • Photoshop 偏色照片的高清晰度

    2009-02-27 02:29:00
  • Photoshop CS4动作入门

    2009-05-21 17:37:00
  • asp之家 平面设计 m.aspxhome.com