使用960栅格系统设计简洁网站（2）
作者：luycas 来源：活力盒子 发布时间：2011-08-14 06:20:39
标签：网站设计,960栅格系统
2.添加网格
网上有很多栅格系统可供下载，是我们建立属于自己的栅格系统最好的参考。如果你以前没有使用过栅格系统，本文就是简单的入门。它让你的工作变得轻松而有章可循，是原型布局最得力的助手。
下载960栅格系统，地址http://960.gs/
下载完成后，来到“templates”文件夹，使用photoshop打开960pix宽、12列栅格。
下面我们要把栅格导入到我们的工作文档。选择“12列栅格”图层组，拼合图层组并复制粘贴进工作文档。
现在我们需要基准栅格。基准栅格是元素留白、行高等取值的重要参考。首先，新建文件，宽搞均为24px，删除背景，新建一条1px高度的单线，置于画布最底部。定义图案：编辑-定义图案，给图案起一个容易记忆的名字。
0
投稿猜你喜欢
本教程介绍利用图层样式制作金属质感物体。制作的时候先画出自己喜好的图形，教程是铁链也可以是其它。然后设置图层样式即可。设置的时候需要根据图形- 能否坚持等比例缩放，一直是评价设计师是否严谨的重要标准，起码我个人是这样认为的。单方向的自由变换总是对照片造成生硬的拉伸或压缩，特别对人物照
- 本Photoshop教程讲的是利用材质素材给磨皮后平滑不真实的皮肤贴上质感，增加皮肤的真实感，效果还不错，对于磨皮后不知道怎么恢复质感的朋友
- 人物换头像大致分为3个大的步骤：首先就是素材的选取，这一步很重要。所选素材的人物角度要一致。然后就是头像调换，需要调整好比例。最后就是色调，
- 今天chi为大家翻译了一篇使用Illustrator和Photoshop一起制作数字烟雾效果的教程，原文出自psd.tutsplus.com
- 艺流风尚的作品都很前卫，制作水准也相当高超，代表着中国设计中较高的水平。他们的作品很讲究画面的创意构图及人物的创意设计。本教程没有提供制作的
- 我不怎么会写教程，只好介绍一下我的作画过程，技术比较拙劣，介绍也比较简单，希望大家不要见笑。本次作画使用软件： Fireworks下面我们先
- 效果图街头素材大象素材本实例原作者bpkelsey，PS爱好者重新翻译并截图制作。1、将大象素材拖入，ctrl+J复制图层隐藏大象副本图层，
- 本教程将向您展示如何使用灯光效果美化她的脸，皮肤和头发。效果图打开我们的图片1.原始照片是有点黑暗，她的皮肤没有足够明亮。在这种情况下，我们
- 先看下面图的处理前后： 具体步骤如下：一、打开图片，对图片进行自动色阶处理快捷键为：Shift+Ctrl+
- gif动画图片批量增加水印效果.这个功能对于个人站长是非常实用的。 处理后 &n
- 说到索引色，也许很多朋友都没有接触过这一块儿。首先，我们要说，为什么要用索引色图片？我们在设计PC界面的时候，用的几乎都是真彩色，不受颜色的
- 原图最终效果1、打开原图素材，创建曲线调整图层，参数及效果如下图。2、选择菜单：图像 > 模式 > Lab颜色，选择合拼，然后创
- 本教程介绍比较清淡的色调调色方法。色调以青色为主，适当装饰了一些淡红色。调色只是个参考，制作的时候可以按照自己的方法调出更多精彩的效果。原图
- 如果看过winamp的AVS的弦曲线的人想必对其华丽的光影效果印象深刻。 这次我创作了这个桌面，希望能抛砖引玉，让大家发掘firework的
- 本教程介绍单一色调图片调色方法。调色的方法比较简单，先给人物磨皮及美白一下，然后就可以用调色工具调成自己喜欢的单色调。原图最终效果1、打开原
- 编译：manta 原文来自：abduzeedo 转载请注明本文地址：http://
- 基础要求：会基本电脑操作，了解软件基础知识。心理注意：图中造型、颜色、操作都因人而意，在学习过程中家长、同学本身不能过于严格完全按教程要求去
- Photoshop照片合成:杯子中的惊涛骇浪艺术特效。希望大家掌握教程的思路以及Photoshop工具的使用。下面我们先来看看最终效果图：效
- 本教程的制作非常有创意。画面的构图及画面的表现都非常有春天的气息。而且很多部分都是用滤镜来制作的，省去了鼠绘的大量繁琐的过程。非常值得学习。
