怎么设计漂亮的杂志版面?有教程吗?
你怀着激动的心情正在乘坐西南航空公司 737 客机飞往大峡谷旅游,但飞机外厚厚的云层挡住了你想观看外面风景的视线,百般无聊之际,你顺手拿起一本空中杂志阅读。你看到什么?不象一般我们平时所看到的期刊杂志,空中杂志的读者并不是固定的,每一期的杂志也没有什么共同的主题。也正是因为这个原因,空中杂志必须能够以一种特有的魅力来吸引你的视线。西南航空的空中杂志《 SPIRIT 》由 PENTAGRAM 公司共同设计,里面有很多简短的文章能够让你轻松阅读,该杂志的设计能够迅速给人一种冲击力,而且非常漂亮。让我们看看能够从中学到什么?
基调:
为了设计出容易阅读的版面,《 SPIRIT 》杂志采用三种主要技巧:大标题,大图片,同时利用垂直的柱状区域在每一页里重复。
为了让那些一脸疲惫的游客能够有心情阅读这本杂志,《 SPIRTI 》刻意采用一些篇幅较短的文章,这些文章一般只占一两页纸左右。大部分文章只配上一张图片。标题简短有力,而且尺寸非常大。每一个标题只表达一个主题,能够让每一个人都能迅速理解里面的意思(其实,在设计上,无论什么时候都应该这样做)。图片非常大,而且很简单(这很重要),能够让每一个人瞄上两眼就知道是什么东西。如果图片使用过度,只会使版面变得复杂,传达的意思也不直接。这本杂志还有一个很鲜明的特色,那就是翻开这本杂志时你都会看到里面采用的一条垂直的粗线来安排版面,只是不同的页面上颜色有所不同。
人物确定主题:
该杂志每一期的封面都采用一张大特色的人物图片——这可以说是非常强有力的设计(人的脸部是所有图片中最具吸引力的图片元素)。整体给人一种强有力且呈正方区域的视觉吸引力。
这些采有醒目的人物图片作为封面能够发挥什么作用?不象其它杂志,如运动杂志,时尚杂志,他们能够有一个很鲜明的主题或其它花俏的主题来吸引观众,而这本空中杂志,采用人物的图片来作为主题吸引观众,能够让每一个游客都感觉更亲切。而且还有一个有利的因素,人物图片能够让我们在心理上更快沟通。象上述大图,图片吸引着我们的视线,而右下角则低调地放上几行文字,这使到文字没有对图片进行干扰,而是让我们的整个注意力都放在人物图片上。留意 P 字上的垂直条状物,它的颜色是通过吸管工具在图片上取的颜色,使杂志标题与图片产生更密切的联系。
漂亮字体:
大标题需要一种漂亮的字体,而且它能够显得轻巧不笨重。采用 HTF Didot 字体是一种优雅的选择,这种字体充满独特的线条及风格。让我们来仔细看看这各种字体的特点:
这种字体在尺寸非常大的时候显得很优雅,但如果它以小尺寸出现时,那些细小的线条则几乎无法辨认,为此, HTF Didot 有六种尺寸的字体调整样式,以适应尺寸较小时使用。如上小图,其细线明显调整成较粗的线条,使你以小尺寸应用时也可胜任。
辅助字体:
该杂志采用两种字体来安排正文、引言及其它简短的说明文字。关键是要选择那种中性、不走极端并且有合适比例的字体。
A :栏目上方的点题文字采用 Bliss2 字体,其边缘同样象 HTF Didot 字体那样锋利,但其线条的变化不强烈,容易阅读。这里的点题文字全部采用大写,字符加宽。
B :引言部分同样采用 Bliss2 字体,其大小字母都一样清晰,非常适用于文字非常小的标题、说明及引言这些短小的文字。
C :小标题及正文采用 ITC Cheltenham 字体,这种字体在很多杂志里会经常见到。一种 20 世纪早期出现的字体。作为密集的正文文字字体,该字体具有清晰的阅读性,而且显得很低调。
大图片:
超大图片——通常横跨两个对开页里——对读者能够产生巨大的冲击力。在处理大图片时关键要做到只有一个视觉焦点,没有复杂的背景。
单个元素更有力:为了使版面产生焦点,那我们就要制造一个焦点!图片中那对冷峻的眼神象是在警告你不要靠得太近。这就是视觉沟通的力量,只用一张图片,一个元素比用上一大堆人物的力量更强。如象上图左那样的图片,一群人只会分散读者的视线。所以在你处理图片时,在心里问一下自己:如果我只有一个元素可以用,我该选择哪一个?
舞台中心:这个版面的力量来自于中心区域。对角的元素将版面一分为二。标题放置在左边(与脸部轮廓线对齐),而其它文字则放置在右边。背景显得很平淡,甚至略带模糊,使到脸部成为了无可置疑的第一而且是唯一的焦点。
垂直柱状区域:
正如前文所述,《 SPIRIT 》杂志的垂直柱状区域元素贯穿了整本杂志。这个元素有时用于区域信息,有时用于装饰版面。
垂直的柱状物一般用于区分两种信息。如上图中,它将左边编辑的评论与右边公司的一些大事记区分开来。上述版面其实充满对比:宽和窄的对比,黑色的文字及白色文字的对比。
上方的栏目文字水平区域与垂直的柱状区域在整本杂志上都看到,但垂直柱状区域则根据版面的实际需要则左右移动调整。
变化:
这条垂直的柱状线条在实际版面应用中可以很灵活,也很有用。它将图片与文字安排得更有整整有条而且更具特色:
A :垂直柱状线条下面是整幅的图片,而在左边则用一则引言来吸引读者的眼光,标题及文字仍然在右边。 B :右边的图片则好与柱状线条接触,而正文则处于另一边。留意标题放在了页面的下方,但仍然给人是标题的感觉。 C :这里可以说是一个标准的杂志版面(插图 - 标题 - 正文),这时垂直线条去到了最右边,而同时,它与上方的栏目文字相交接。
大元素:
将“数字”放大显示并且作为一个单独的元素来排版,是一种有趣而且有效的吸引人的技巧,这些数字其实已经给人是一种“图片”的感觉。
将数字突出处理,使其成为一个类似图片的元素。漂亮的字体( HTF Didot italic )使其显得非常养眼。这种处理略显夸张,也不是所有的地方都适用,如,在《美国新闻与世界报道》这些严肃的杂志中使用则有点造作,但对于《 SPIRIT 》这本只给乘坐飞机的读者来说却非常适合。
设计系列版面:
这种突出数字的设计可以轻易使多个设计产生一种系列感,其特点是:每一个单页上都有一个非常大的数字,有一个醒目的图片元素(注意是没有背景的,而是沿元素轮廓剪切),但标题却相对来说比较小,正文显得很细小低调,当然,还有那条无处不在的垂直线条。这种版面每一个元素都故意夸张处理。每一个系列版面感觉都比较相似,但又并不是完全相同。里面的各个元素都互相形成了对比:粗和细,大和小,这一切都增加了视觉的吸引力。
大目录,第一页
该杂志的目录在设计上将页数放在最前面,整个目录居中,没有传统那些点线,这使到无论是页码还是目录的文字,都尽可能地放到最大,非常容易抓住读者的视线。
上图是传统的目录版面设计,题目及页码有点线来连接,这使到中间这么宝贵的地方白白浪费。
而这本杂志的目录版面则将数字放在前面,将点线去掉,使到我们可以将整个目录内容放在页里的中间,大的数字采用 HTF Didot italic ,与杂志的风格再次呼应。
目录第二页:
这本杂志采用了很特别的“前 - 中 - 后”三种来区分目录的题目,使到整本杂志的目录被分成三小段,这种目录的设计关键是要保留足够的白色区域。然后采用一张轮廓剪切的照片来与目录搭配。
A :将页码的数字放在最前面也意味着可以省略那些点线;
B :留意照片中的页码是放在后面,前面则为引言。
C :人物采用爵士歌手 WYNTON MARSLIS 轮廓照片,其与周围三小段的目录形成有机的配合。每一期的目录都基本采用这种版面,只是根据照片的轮廓形状来做适当的调整。
从上图中,我们可以看到该杂志采用“前中后”来分类目录。这是一种有趣的解决方式。因为《 SPIRIT 》杂志并没有什么固定的主题,里面文章的内容也很难分类,飞机上的读者在看这本杂志时总是随手翻到那里就从那里看起,所以在目录的设计上,这本杂志给人一种很随意轻松的感觉,也正是读者希望看到的感觉。
第二页目录右边的处理显得非常聪明。将文章中一些有用的信息集中起来然后作为类似公告栏的形式来处理,形成一个“文章推荐”栏目。留意,前面的数字并不是页码,只是要点的顺序。给人耳目一新的感觉。
“引言旗”元素
一些引言、说明、要点提示等文字虽然很小,但它们往往是首先被人注意的元素——有时候,读者甚至只会阅读这些文字,而不会深入阅读正文。而本杂志采用的“引言旗”区域则使这些小文字成为焦点。
垂直柱状元素与矩形元素形成了象旗帜的一个区域,使到里面的文字很容易被人留意。“旗帜”必须与“旗杆”接触,可以放在图片的上方。这本杂志的编辑深谙如何吸引人的视线之道,他们充分利用这个小小的元素来首先吸引读者的注意力。里面的文字甚至可以象上图一样还加上一个小题目。这个元素在实际应用中可以根据版面及图片元素等实际情况来进行不同形式的调整。
留意版面上方,垂直的柱状元素将图片与文字分开,但标题同样是横跨两个区域的。
有趣的“气泡”:上方的小黄色元素看起来象是代表说话的气球状元素。“点击这里”的引言与其它元素有着完全不同的颜色及字体,居中的排版加强了形状的传达。
你在日常的设计中虽然不一定是在设计杂志版面,但里面的很多技巧却值得我们借鉴。
学习如何设计漂亮醒目的杂志
你怀着激动的心情正在乘坐西南航空公司 737 客机飞往大峡谷旅游,但飞机外厚厚的云层挡住了你想观看外面风景的视线,百般无聊之际,你顺手拿起一本空中杂志阅读。你看到什么?不象一般我们平时所看到的期刊杂志,空中杂志的读者并不是固定的,每一期的杂志也没有什么共同的主题。也正是因为这个原因,空中杂志必须能够以一种特有的魅力来吸引你的视线。西南航空的空中杂志《 SPIRIT 》由 PENTAGRAM 公司共同设计,里面有很多简短的文章能够让你轻松阅读,该杂志的设计能够迅速给人一种冲击力,而且非常漂亮。让我们看看能够从中学到什么? 基调: 为了设计出容易阅读的版面,《 SPIRIT 》杂志采用三种主要技巧:大标题,大图片,同时利用垂直的柱状区域在每一页里重复。 为了让那些一脸疲惫的游客能够有心情阅读这本杂志,《 SPIRTI 》刻意采用一些篇幅较短的文章,这些文章一般只占一两页纸左右。大部分文章只配上一张图片。标题简短有力,而且尺寸非常大。每一个标题只表达一个主题,能够让每一个人都能迅速理解里面的意思(其实,在设计上,无论什么时候都应该这样做)。图片非常大,而且很简单(这很重要),能够让每一个人瞄上两眼就知道是什么东西。如果图片使用过度,只会使版面变得复杂,传达的意思也不直接。这本杂志还有一个很鲜明的特色,那就是翻开这本杂志时你都会看到里面采用的一条垂直的粗线来安排版面,只是不同的页面上颜色有所不同。 人物确定主题: 该杂志每一期的封面都采用一张大特色的人物图片——这可以说是非常强有力的设计(人的脸部是所有图片中最具吸引力的图片元素)。整体给人一种强有力且呈正方区域的视觉吸引力。 这些采有醒目的人物图片作为封面能够发挥什么作用?不象其它杂志,如运动杂志,时尚杂志,他们能够有一个很鲜明的主题或其它花俏的主题来吸引观众,而这本空中杂志,采用人物的图片来作为主题吸引观众,能够让每一个游客都感觉更亲切。而且还有一个有利的因素,人物图片能够让我们在心理上更快沟通。象上述大图,图片吸引着我们的视线,而右下角则低调地放上几行文字,这使到文字没有对图片进行干扰,而是让我们的整个注意力都放在人物图片上。留意 P 字上的垂直条状物,它的颜色是通过吸管工具在图片上取的颜色,使杂志标题与图片产生更密切的联系。 漂亮字体: 大标题需要一种漂亮的字体,而且它能够显得轻巧不笨重。采用 HTF Didot 字体是一种优雅的选择,这种字体充满独特的线条及风格。让我们来仔细看看这各种字体的特点: 这种字体在尺寸非常大的时候显得很优雅,但如果它以小尺寸出现时,那些细小的线条则几乎无法辨认,为此, HTF Didot 有六种尺寸的字体调整样式,以适应尺寸较小时使用。如上小图,其细线明显调整成较粗的线条,使你以小尺寸应用时也可胜任。 辅助字体: 该杂志采用两种字体来安排正文、引言及其它简短的说明文字。关键是要选择那种中性、不走极端并且有合适比例的字体。 A :栏目上方的点题文字采用 Bliss2 字体,其边缘同样象 HTF Didot 字体那样锋利,但其线条的变化不强烈,容易阅读。这里的点题文字全部采用大写,字符加宽。 B :引言部分同样采用 Bliss2 字体,其大小字母都一样清晰,非常适用于文字非常小的标题、说明及引言这些短小的文字。 C :小标题及正文采用 ITC Cheltenham 字体,这种字体在很多杂志里会经常见到。一种 20 世纪早期出现的字体。作为密集的正文文字字体,该字体具有清晰的阅读性,而且显得很低调。大图片: 超大图片——通常横跨两个对开页里——对读者能够产生巨大的冲击力。在处理大图片时关键要做到只有一个视觉焦点,没有复杂的背景。 单个元素更有力:为了使版面产生焦点,那我们就要制造一个焦点!图片中那对冷峻的眼神象是在警告你不要靠得太近。这就是视觉沟通的力量,只用一张图片,一个元素比用上一大堆人物的力量更强。如象上图左那样的图片,一群人只会分散读者的视线。所以在你处理图片时,在心里问一下自己:如果我只有一个元素可以用,我该选择哪一个? 舞台中心:这个版面的力量来自于中心区域。对角的元素将版面一分为二。标题放置在左边(与脸部轮廓线对齐),而其它文字则放置在右边。背景显得很平淡,甚至略带模糊,使到脸部成为了无可置疑的第一而且是唯一的焦点。垂直柱状区域: 正如前文所述,《 SPIRIT 》杂志的垂直柱状区域元素贯穿了整本杂志。这个元素有时用于区域信息,有时用于装饰版面。 垂直的柱状物一般用于区分两种信息。如上图中,它将左边编辑的评论与右边公司的一些大事记区分开来。上述版面其实充满对比:宽和窄的对比,黑色的文字及白色文字的对比。 上方的栏目文字水平区域与垂直的柱状区域在整本杂志上都看到,但垂直柱状区域则根据版面的实际需要则左右移动调整。
怎样做好一名时尚的平面设计师?
首先,没有电脑障碍,这一定算是基本功。当然,这与不依赖电脑,并不自相矛盾。不依赖绝不是说可以不懂,毕竟在我们工作中,从设计到印刷的每一道工序都需要电脑的帮助。今天看这一问题就象画家不会用笔的道理是一样的。其次,对印刷知识的匮乏阻碍了许多平面设计师的发展。因为不了解,许多设计师认为自己的设计就是电脑屏幕上的样子,这很危险,因为技术的原因,它与实际的输出效果还有较大的差距。不熟悉印刷的特性与缺陷,许多设计师在做设计的时候不断地给印刷找麻烦,设置障碍,这很愚蠢。平面设计师需要了解的印刷知识有许多,比如说各种品牌印刷机的性能、同一机型不同规格的性能、不同品牌油墨的性能、四色油墨与专色油墨的特性、不同品牌、规格、品种纸张的性能、特殊工艺、后期加工及装订等等,这些都是设计师在做设计时需要为客户考虑的问题。那么,懂了电脑,懂了印刷流程,就可以称作平面设计师了么?可能还不行,毕竟以上说的与“设计”还没有直接的关联。就平面设计而言,还有许多特色性的规律:A、平面不平二十多年来,我自己有过很多幸运的事。比如在我吃这碗饭之初,偶然在旧书摊上买过一堆“艺术与设计”杂志,这是永远令我感到兴奋的回忆。因为那时我正被眼花缭乱的设计弄得五迷三倒,无师可从,这堆旧杂志让我开了眼,见识了正点。认真阅读艺术与设计杂志,一切有关平面设计的技巧都囊括其中,而且毫不张扬,温文而雅,为抄袭者提供了大量改头换面的空间。我对平面设计的理解很多来自这堆旧杂志。“平面不平”是我对平面设计中画面效果的一种理解,很多人把它叫做版式、构图、结构、形式感…都可以,我喜欢把话说得简单。拜读了很多好的设计后,我感到设计师们都在有意无意地追求着“不平”的效果。即利用各种平面元素,在平面材质上(比如纸张等),努力拉伸视觉空间。这一理论,画家塞尚早我们一百年就开始尝试了,并已作到了极致。令我很感叹的是一百年前最不商业的令人类恐慌的艺术变革,一百年后却变成了最最商业的平面艺术,多有意思。这一空间概念涵概了自然空间感受与矛盾空间感受。随设计师的爱好、版面要求、视觉冲击需求、自由选择。现在已经没有很多人大惊小怪了,但无论展现自然空间感受,还是矛盾空间感受,设计师所使用的技巧(或称元素)是有规律的。把它们归纳在一起也有一大堆。比如:打洞;夸张暗影效果;使用极具真实性与质感的图象;实物元素与绘画元素的对比使用;利用色彩之间的反差效果;利用线与色条的叠压效果;利用文字与图形、文字与文字的叠压效果;文字之间大小比例关系的对比等等。因为篇幅所限,不作细解,今后可将范例作品与理论文字对照比较,一目了然。B、色彩中的音乐利用网点与纸(白色)的配合,我们才能让油墨显得更均匀、鲜艳和干净。但这只是技术上的事,设计师在设计工作中对色彩的运用还要更多的依靠灵性。我常希望身边的设计师朋友们能学习一些音乐,这并不是故弄玄虚,用音乐的理论解析色彩真是简单直白,这是我的发现。1.首先懂得音乐的人都知道在乐器上找不到一个固定的音,音符“叨”随调式改变着位置,不同的调式传达出不同的感情,适合着不同的乐器与人声。这与我们运用色彩的道理是一样的,整幅画面的基调与情绪是通过画面色彩的冷暖传达出的。但从小我们头脑中的色彩冷暖关系就是固定的。红色偏暖,蓝色偏冷。其实这是一个错误的概念。如同音符一样,颜色随周围环境的变化转换着调性(冷暖关系)。懂得这一道理,蓝色也可以被我们?&渲染成暖洋洋的样子。2.因为屏幕的关系,平面设计师已经不习惯给颜色以文学式的命名,比如洋红、群青、湖蓝,取而代之的是更简单,更直接的4个数字。这很好,符合商业时代或叫数码时代的要求,是个机械式的要求。对色彩调性化理解是对平面设计师灵性的训练。3.其次和弦与旋律概念在平面设计中的应用玩乐器的朋友都懂得另一个道理,无所谓哪一个音好听与难听,音符一定要放到一起去,才能叫音乐,否则“叨”“叨”“叨”一直按下去一定是噪音,“叨”“咪”“嗖”放在一起就变成了和弦“C”。这好比颜色中红蓝白的搭配一样,永远和谐。和弦可以继续往里添加新的音符,比如加个“来”这个和弦马上变了情绪,变成了一个7和弦。如果把“咪”换成降“咪”就更是大相径庭地跑到蓝调里去了,就好像在红蓝白的组合中,配上紫色或桔色给人的视觉感受是截然不同的。和弦一直可以添加音符进去,成为9和弦,13和弦……在色彩上就好比我们常说的高级灰。明白这个道理后,我们就会更直接地理解颜色是应该分组使用的。这些组合的基础应该向和弦C、D、E、F…一样,有一个最原始的搭配,设计师想不断变化,就在这些组合里求变吧。你一定要把没关系的颜色放在一起,就象”发“和”希’谁也不挨着谁,两者之间没关系,你的画面一定平淡;如果你一定要把敌对的颜色放在一起,准会难看。运用和弦的道理去理解色彩,你会立刻跳出色彩贫乏的误区,发现眼前可用的颜色太多也太美了。合理搭配的色彩组合把画面的视觉空间不断拉伸,让画面不仅绚丽而且厚实,这就是色彩和弦的作用。 但仅仅有了和弦就能成为音乐吗?不对,音乐还需要旋律,没有旋律的音乐不好听。那么,平面作品的旋律是什么呢,它是我们眼睛观看一幅作品的过程。一幅招贴也罢,一本宣传册也罢,都存在着一个先看到什么,再看到什么,最需要人们看到什么,记住什么,回味什么的问题。这些就构成了平面作品的旋律,让观众的眼睛什么时候紧张,什么时候休息,最后停留在哪个地方,这是设计师最需要动脑子考虑的问题。c. 节奏根据我的建议,长时间以来,我的设计助手们一直在总结、记录各种各样的色彩组合。从名家的作品中,从各民族的图案里,从自然景物中,然后在实际的工作中我们使用这些颜色。曾经给快餐做过的小折页里所使用那一组颜色,就是从蔬菜和水果里找到的。因为需要一套让人看了就饿的颜色。但问题很快就来了,许多设计名家在设计里总结出的颜色组合,再经过我们使用后就变了样,没了神儿,这是为什么呢?真让我们苦恼了一阵子。起先我们还以为是在颜色记录时出了问题,查对的颜色不够准确,再后来的很多次实验都不成功,但幸运的是疑惑了很久还是终于找出了原因。原来色彩的使用与音乐中的节奏一样,需要比例,许多好看的色彩组合还需要合理的色彩比例控制,在特定的条件下某个颜色的使用面积一定要大,某一颜色就要小,某些仅仅是为了透气,某些就是为了压沉,再往下我就没有信心继续寻找规律了,实在是变化无常。但可以肯定的是平面作品一定需要一种节奏的控制,控制节奏的元素有很多,它们中常用的就是颜色、图片与文字排列。