使用960栅格系统设计简洁网站（4）
作者：luycas 来源：活力盒子 发布时间：2011-08-14 06:20:39
标签：网站设计,960栅格系统
4.添加页眉
我们习惯于自上而下的设计。选择矩形选择工具，绘制一个横贯整个画布宽度的矩形选区，高度120px。打开标尺工具能保证绘制的准确度，120px高刚好占到5个垂直方向的栅格，然后填充深灰色（#2C2C2C）。这个页眉主要用于放置logo和导航栏。
5.插入你的logo
在页眉的左上方插入logo，对齐到第二列栅格，这样就给了网站40px的内边距。本项目Logo字体我采用50pt Century Gothic，填充亮蓝色（#ADC7D9），通过对文字“grid”加粗、填充白色来跟前面的文字“blue”区分。接下来给Logo添加内阴影效果，降低内阴影不透明度到25％，距离：2px、大小：5px。
6.添加导航
导航栏我们采用以文字为主的列表形式，这样可以营造干净整洁的视觉效果。选择18pt Arial写入导航栏文字，“Home”使用白色，其他文字都使用亮灰色（#BBBBBB）。调整页眉所有的元素垂直居中对齐。
0
投稿猜你喜欢
1 - Adhemas Batista （Brazil）Adhemas Batista，巴西人，居住在圣保罗，25岁，美术指导，平面与插画设- Photoshop cs3相比其它版本在功能上有了很多改进，这需要在使用过程中慢慢熟悉。也许在安装时你就已经发现，cs3版本已经没有了以往的
- 本教程将讲述如何在Photoshop 中从零开始制作鹅卵石地面、路草茵茵、木桥、茅草屋这一童话故事般的梦幻场景。发挥你的想象力，去营造属于自
- 本文介绍如何在Illustrator中精确控制线条的宽度和质量。 轮廓调板属性在AI中绘制线条的钢笔工具下有四个工具，如Fig1。你可以使用
- 本教程的效果基本上是利用一系列滤镜制作完成。绚丽的光束制作不需要其他素材，不过出来的效果有点抽象艺术的感觉。颜色方面可以根据自己的喜好选择。
- 软件：Photoshop CS3 v10.0 中文版，PS CS3教程:性感MM照片半调抽丝效果，效果很棒！大
- Photoshop图层样式一直是一种很常用的提高平面/网页设计效率的工具。今天暴风彬彬向大家推荐220个Photoshop图层样式，可以说是
- 我要感谢这些艺术家允许我使用他们的图片：Rene Asmussen, night-fate-stock, vividlight, jdbar
- 这是无意中做出了一个效果，适当的调了一下，感觉不错,有一种渔舟晚唱的感觉,适合江边风景照片的调色。就把我的过程写了下来，希望有喜欢的朋友！效
- 如果我问你png是什么、有什么特点，你会如何回答？我听到的最多的答案就是png是一种包含半透明格式的图片。其实这是很不全面的理解。不知道你是
- 原图 效果图 经过去斑加工的效果图 原图 效果图 例1： 例2：
- 本教程制作效果非常不错，不过制作的时候需要用到一些光束笔
- Adobe Illustrator 从CS版本开始添加的3D渲染的应该说是一个亮点功能。下面我们利用这个功能制作一个酒杯，简单说说Illus
- 刚开始我们会抛开电脑，用一些家居用品来创造一些摄影资源。接着用这个PS教程的各种工具和技术来操纵图像，去创建一个充满活力的设计——强烈的光流
- 明度锐化和亮度锐化这2种方法操作步骤简单，是很多专业摄影师喜欢和经常使用的方法;而极致边界锐化则可以对图像锐化边界获得更多的控制权，但操作步
- 原图效果图1、打开原图，转到LAB模式(图像—模式—LAB颜色)，建曲线调整层，对A通道调节如下：2、Ctrl+Shift+Alt+E盖印图
- 在这篇photoshop教程将为大家介绍如何使用photoshop中的混合模式和滤镜等多种工具制作一座海上城堡的方法。最终效果图首先要准备的
- 本教程制作的效果非常有创意，有种动感的形体美。不过作者没有提供一些装饰的素材，大家需要到网上下载。原图最终效果1、看原图设计出修图策略流程。
- 面向专业摄影师的Camera Raw早已不再以Photoshop插件形式出现了，而是成为和Photoshop紧密捆绑的软件，它的最新版本为C
- 本教程主要是讲解介绍制作简单非主流效果，制作的时候先把图片的色调调得非常暗，这样就可以在头发及眼睛周围产生很多黑色的影子，可以增强非主流的格
