使用960栅格系统设计简洁网站（2）
作者：luycas 来源：活力盒子 发布时间：2011-08-14 06:20:39
标签：网站设计,960栅格系统
2.添加网格
网上有很多栅格系统可供下载，是我们建立属于自己的栅格系统最好的参考。如果你以前没有使用过栅格系统，本文就是简单的入门。它让你的工作变得轻松而有章可循，是原型布局最得力的助手。
下载960栅格系统，地址http://960.gs/
下载完成后，来到“templates”文件夹，使用photoshop打开960pix宽、12列栅格。
下面我们要把栅格导入到我们的工作文档。选择“12列栅格”图层组，拼合图层组并复制粘贴进工作文档。
现在我们需要基准栅格。基准栅格是元素留白、行高等取值的重要参考。首先，新建文件，宽搞均为24px，删除背景，新建一条1px高度的单线，置于画布最底部。定义图案：编辑-定义图案，给图案起一个容易记忆的名字。
0
投稿猜你喜欢
本Photoshop教程适合有一定Photoshop基础，如抠图、调色工具的应用、蒙版的应用等。如果没有这些基础处理起来比较复制和费时。希望- 本文是用Fireworks制作一个好看的超级水晶球，制作方法非常简单就是用圆形工具绘制几个球，组合在一起然后调整光线，最终达到一个超级光线效
- 新建一个画布，颜色#99CC99，正圆4个，缩放，同时调整颜色之后->中心对齐组合在一起 复制N个，缩放大小，调整位置，调整层的前后
- 这次给大家带来的是一幅游戏人物原设稿，完成效果如下：1、第一步是将人物的具体比例和初始姿势决定下来，我的方法是先用黑色画出人物的剪影，不断用
- 本教程介绍音乐海报的制作方法。作者制作的非常细腻，从选材到制作，每一步都非常讲究，尤其人物部分的调色非常专业。后期的装饰效果可以按照自己的喜
- 本教程效果图非常纯美。色彩不多淡黄色加上一些淡紫色，画面显得非常鲜明，有种艺术的美感。 原图 最终效果 &
- 原图抠图之后的效果教程步骤如下打开原图 选择快速选择工具 可以得到比直接用魔术棒工具细致一些的选区先将选区储存到通道中 以方便后
- Photoshop图层样式一直是一种很常用的提高平面/网页设计效率的工具。今天暴风彬彬向大家推荐220个Photoshop图层样式，可以说是
- 各位久等了，最近迷上了Flash，以至于荒废了Fireworks一段时间，但寻找CS5的行动从未停止。现在Fireworks CS5预售版已
- 写在最开始的，来蓝色很久了，很少转国外的帖子，国外用样式调节字体的帖子基本上都是千篇一律，很少有代表性的文章。今天看到一篇不错的这篇文章，转
- 可以随身携带，是移动设备具备的优势，虽说“随身携带”跟设计本身并无太多关系，但想想我们的设计又的确是大家随身携带的，心里不禁有点暗自窃喜，同
- photoshop中打造一个美味青苹果最终效果预览：第一步：按一下设置建立新文档第二步：建立新层命名为“苹果”，用椭圆选区工具，按如下图形拖
- 本教程制作效果非常梦幻。制作方法：先用路径工具给人物画上自己喜欢的路径，然后描边路径，再多次利用滤镜效果制作出发光效果，方法非常简单实用。其
- photoshop合成魅影女皇面部教程，主要以是普通照片美女与边框饰物合成：金色的脸谱，突出腐朽效果就更加理想。主要利用橡皮檫、通道等工具进
- 粗糙的质感往往都由一些不规则的形状来组成的，立体感的构成也是由视觉观察到的平整、凸起或凹陷等部分构成，本案例就是一个典型的粗糙质感案例，通过
- Photoshop合成:打造自己的童话，为自己添加天使的翅膀。步骤 1、选择图像素材。步骤 2、创建 750 x 550px 画布，导入雪山
- 第一次做图片教程，也许会有些不完善，希望大家能够不断提出意见，一起提高技术。第一次就先弄个难度适中的制作虚拟火焰字的教程，此教程完全不需要用
- 最终效果 1、新建一个文件，大小自定，创建纯色调整图层，给文件做一个底色，颜色自定。 &nb
- 最终效果 1、新建一个大小自定的文件，选择画笔工具，在笔刷的丽选择下图所示圆形笔刷。 2、再打开画笔预设面板，勾选“形状动
- 本教程主要是利用一些滤镜效果来制作底纹效果，然后通过图层叠加等应用到图层上用来做背景。再稍微调整下人物即可。 原图 最终效果
