使用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