标签式标题设计

《标签式标题设计》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、【译者的话】在设计封面时，如何只利用简单的元素就可创造出具有视觉冲击力的设计？本文提供了其中一种解决方法，将标题文字设计成一个标签的样式，它不但形式简单，结构紧凑，而且视觉效果优雅迷人。它既可独当一面成为视觉焦点，又可退居二线让位于图片。它也再次证明了设计的魅力：以小胜大！将文字放进一个区域可以产生简单悦目的视觉效果在下次你设计封面时将标题设计成一个标签样式，可以使你增加不少有趣的效果。一个简单、层次分明、醒目的标签样式在一个较大的背景上能够产生非常不错的效果。这种设计能够快速吸引读者的眼睛，它能传达出一种

2、潇洒漂亮的感觉。特别是在你没有其它图片或图案可以应用时，这种设计显得更加实用。而设计一个漂亮的标签式的标题设计关键是要掌握好位置及对比。一个标签式的标题设计给人一种精心组织的感觉，它的形状及表现形式能够使人的眼睛在一个宽广的区域里立即找到焦点，就象在一面空旷的墙上挂上一幅画。你有一张空白的页里及一个标题，你从哪里开始？上图A：第一个办法是用文字将整个页面填满，给人一种清晰可见而且非常突出的效果，但这种设计显得比较静态，缺乏艺术感。在B中，一个标签式的设计吸引着读者的视线向右移动，从而使这个设计显得更有活力。

3、这个标签创造了一个视觉焦点，而且也模仿了真实的东西——这就是设计。偏离中心可以产生动感，但问题是：要放在哪一边？因为我们在阅读文字时总是习惯从左到右，所以我们的眼睛往右移动时显得更加自然。我们可以利用人们的这种特性来设计作品。上图A中：将标签放在右边，就象我们要去的一个目的地，我们的眼睛穿越页面移动到标签上。这是一种具有强烈效果的设计。上图B中，与A相反，我们首先就会看到左边的标签，我们的眼睛看完这个标签后还会很自然地向右移动，但另一边却空无一物，右边没有东西让我们的视线有一个停顿的地方。这种设计可以接受，

4、但效果并不强烈。颜色：为了能够产生一种活力十足而且“明鲜照人”的设计效果，利用邻近色（相似色）搭配可以达到非常不错的效果，我们分别利用一种深色、一种中色及一种浅色就能够产生鲜明的对比效果。相似色之所以能够产生和谐的效果是因为它们都共同拥有某种颜色，比如在橙色、红色及紫色这三种颜色中，它们都包含了红色。相似色很容易搭配，我们在色轮中选择其中一种颜色，然后再选择与其相邻的颜色即可。看一下我们利用相似色搭配的实际效果：利用相似色搭配，既漂亮，又简单。字体：在一个不大的区域里主要的视觉元素就是文字，在这里，我们用一

5、种排列紧密但结构简单的黑体与这个简单粗壮的长方形区域形成对比。字体的默认间距在文本中应用时并没有什么问题，但作为标题时却显得有点松散。我们在应用标题时应该让字母挤紧一点。上图A：字体大小16.5/19.5pt，字母间距0；在B中，字体大小16.5/13.5pt，字母间距-30。这种设置使到紧密的字体与这个区域更加协调。上面的字体采用同一尺寸及颜色，不同的只是线条及大小写字母的区别。我们需要同一种字体类别，而且这种字体类别中应包含粗体及细体，以确保字体能够和谐搭配。下面我们介绍另一种小标签的标题设计，这种小标

6、签在应用时呈立体感，显得有趣又能吸引人。这种标签区域不大，但应用在图片上效果却非常捧。小标签在实际中的应用一个小小的标签区域使到你能够更轻松地处理标题文字的排版，同时作为封面，也轻而易举地创造出一个视觉焦点，在一个比较大的封面上，你不可能忽视它的存在。作为背景时，最理想的图片是那些有着统一图案及色调的颜色，上图左边的图片显得有点凌乱，如果你只有这张图片怎么办？其中一个解决方法就是放大它的细节（象右边那样），使到整张图片显得更平滑，也更适合作为背景图。我们在设计时将这个小标题设置了阴影效果，使它显得更具立体感

7、，这也是为了模仿真实的纺织标签。所以在设置阴影时同样要与原来的背景图片相符，在这里，我们的阴影设置参数为：不透明度60%，X偏移：0p0，Y偏移：0p2，模糊：0p4，混合模式：正片叠底（Multiply）。标语及角位式标签设计：当图片是最主要的设计元素时，你的标签就应该设计得比较低调，要甘心让它做一个配角的元素，不要强出风头。标签的三种放置位置，视图片的结构而定这种标签可以有很多种形状。如果你的图片显得有点头重脚轻，我们可以在靠近底部放置一个横跨整个页里的标语式标签来平衡它。如果图片中某个位置过于松散，与

8、其它部分显得不协调，那我们就在这个地方放置标签。同时在标签中应用一些阴影，使到整个设计在视觉上显得更自然。对比：你的标签必须能够传达出“声音”——颜色的深浅决定了“声音”的变化。我们可以将高对比看成是尖叫，中对比看成是在讲话，而低对比就看成是在低声私语。标签上的颜色及字体可以传递很多的信息。寻找和谐的颜色最理想的办法就是在图片中寻找，我们用吸管在图片中选出了一些明暗度分别为浅、中、高颜色。我们只利用在图片中选取的