从零开始教您设计一个华丽高档的网页[译]（6）
作者：maidoumao 来源：译言 发布时间：2009-03-22 15:09:00
第十一步
现在复制方框所在图层，按CTRL+T调整方框大小，保持宽度不变，高度变短（如下图所示）。这就是我们的浏览框。
将透明度设置为40％，填充设置为50％。这样这个方框看起来更淡，给两个方框添加了一些深度感，让人觉得主次分明，有所侧重。
这种两个方框的对比方式可以很好用来表现元素之间的视觉差异。用户浏览该页面，我们首先想让他们看到大块信息，然后才是浏览栏。将其淡化处理意在告诉用户这部分并不是要想突出的地方，可以稍后再看。
第十二步
来，我们现在加上一些文字。这里我仍给大标题使用Egyptian Light字体（在最终的HTML代码中这里是一幅图片），菜单栏使用Arial字体（这里将是HTML文字链接）。
这里给出关于字型的一些建议。这样的设计很大程度上取决于我们使用一种简洁字型。漂亮大方的文字显得非常大气，同时它是一种细瘦字型，因此看起来十分优雅。
如果你在寻找一个高端设计外观，细瘦经典的字型必不可少。当我第一次看到Helvetica超幼体的时候，我记得疯狂地将它应用到所有设计中，设计看起来的确既简洁又高档。
另外，Egyptian这种特别字体具有非常笔直的衫线，又有一种方形感觉，看起来很酷（我的感觉）。
还有其他很多很棒的字体可以使用。但是一般来说要用一些更为经典的字体。换句话说，除非你确定知道你的需求，否则最好还是不要使用那些样子奇怪的字体——比方说一些看起来具有未来派的字体。实际上一个有效总体原则就是除非你自信满满，否则还是选择一些更为普通的字体。
另外一种用在这里效果非常不错的字型是那种位技术——看起来像是Chris Garrett Media用的字体。我也不知道这是什么字体，或者这种类型的字体叫什么，不过非常简洁。也许一个热心的印刷达人在评论里告诉我们的。
0
投稿猜你喜欢
Photoshop照片合成:杯子中的惊涛骇浪艺术特效。希望大家掌握教程的思路以及Photoshop工具的使用。下面我们先来看看最终效果图：效- 原图最终效果1、打开原图素材，适当的把素材图等比例调大一点。2、首先对人物磨皮，把背景图层复制一层，执行：滤镜 > 模糊 > 高
- 1：在ps里打开云彩素材 2：首先，选择图章工具（S）
- 本教介绍简单的水晶图标的制作方法。基本上都是钢笔，渐变及一些选区工具的简单应用。只要把握好水晶风格的质感表现，就可以很快做出来。最终效果
- 本教程将指导你如何用几个简单的步骤创建十分有趣而且独特的印刷墙纸。即使初学者也能创建出这种效果，再考虑添加进自己的风格，我相信你会很享受学习
- 1990年后，利用线框来勾划出对象的三维轮廓一度十分流行，通常大家是使用3D软件创建这种效果。其实在Illustrator中也可以制作三维轮
- 原图 最终效果 &nb
- 在此教程中,我们将要创作一个拼接作品,这一作品的主意是受到Mariusz Karasiewicz 的作品"Valhall
- 漂亮吧?这种效果，怎么用AI 来实现呢?坐下来，端杯茶水，慢慢跟我学。 1.打开AI,输入要实现此效果的文字，然后(ctrl+shifo+o
- 昨天Photoshop产品经理John Nack发布的一条Photoshop CS3不能跑在Mac OS X 10.6“雪豹”系统中的消息震
- 这次给大家带来的是一幅游戏人物原设稿，完成效果如下：1、第一步是将人物的具体比例和初始姿势决定下来，我的方法是先用黑色画出人物的剪影，不断用
- 本教程介绍海景照片的一些调色方法。大致的调色过程，先用一些基础的调色工具把照片的色调调均匀，然后整体润色和增强饱和度即可。原图 最终效果&n
- 本教程主要是利用一些滤镜效果来制作底纹效果，然后通过图层叠加等应用到图层上用来做背景。再稍微调整下人物即可。 原图 最终效果
- 我们有创造性的拍摄，在这种情况下，就可以表现在几乎所有的东西。我们聚集了一个充满娱乐性的图像，将它在二次合成。将这些图像变得让人深刻。
- 我不知道 web 2.0 风格将会风行多久。这些闪闪发光的图标看去很炫，制作起来也容易，却不知能否持久。一方面，它代表着当前的流行趋势；另一
- 本教程介绍简单的水晶效果的制作方法。简单的利用一些滤镜效果，制作出类似水晶效果的纹理，然后整体调好明暗度，再配上高光即可。最终效果1、新建一
- 本教程介绍简单的纹理背景制作方法。制作的时候背景部分不需要素材，可以利用滤镜效果制作一些简单的纹理效果，再适当的调整下颜色即可。原图最终效果
- 许多Illustrator绘制的现代矢量插画中经常会用到螺旋，例如图1中线条末端的螺旋形状，给人非常优雅的感觉。本文将向大家介绍用Illus
- 本教程调色的时候作者非常巧妙的把Lab通道的某个通道复制到RGB图层里面，适当改变图层不透明度。这样有意想不到的效果出现。原图最终效果1、打
- 首先是调色，选择一些比较颓废的色调。后期就是画面的装饰和色彩的渲染，这一步处理起来比较麻烦，作者没有详细介绍。需要自己下载一些纹理笔刷，并根
