漂亮醒目的杂志版面设计技巧

1、漂亮醒目的杂志版面设计技巧 HYPERLINK /design/special/USA t _blank 美国西南航空公司的空中读物SPIRIT 以其漂亮醒目的设计令人眼睛一亮，无论是版面、图片、标题还是目录的设计，都有很多值得我们学习的地方。本文中，我们将深入剖析该 HYPERLINK /design/graphic/works/media t _blank 杂志的版面设计特色，看看我们能从中吸取到什么有益的设计灵感？ 你怀着激动的心情正在乘坐西南航空公司 737 客机飞往大峡谷旅游，但飞机外厚厚的云层挡住了你想观看外面风景的视线，百般无聊之际，你顺手拿起一本空中杂志阅读。你看到什么？不象一

2、般我们平时所看到的期刊杂志，空中杂志的读者并不是固定的，每一期的杂志也没有什么共同的主题。也正是因为这个原因，空中杂志必须能够以一种特有的魅力来吸引你的视线。西南航空的空中杂志 SPIRIT 由 PENTAGRAM 公司共同设计，里面有很多简短的文章能够让你轻松阅读，该杂志的设计能够迅速给人一种冲击力，而且非常漂亮。让我们看看能够从中学到什么？ 基调： 为了设计出容易阅读的版面， SPIRIT 杂志采用三种主要技巧：大标题，大图片，同时利用垂直的柱状区域在每一页里重复。 为了让那些一脸疲惫的游客能够有心情阅读这本杂志， SPIRTI 刻意采用一些篇幅较短的文章，这些文章一般只占一两页纸左右。大

3、部分文章只配上一张图片。标题简短有力，而且尺寸非常大。每一个标题只表达一个主题，能够让每一个人都能迅速理解里面的意思（其实，在设计上，无论什么时候都应该这样做）。图片非常大，而且很简单（这很重要），能够让每一个人瞄上两眼就知道是什么东西。如果图片使用过度，只会使版面变得复杂，传达的意思也不直接。这本杂志还有一个很鲜明的特色，那就是翻开这本杂志时你都会看到里面采用的一条垂直的粗线来安排版面，只是不同的页面上颜色有所不同。人物确定主题： 该杂志每一期的封面都采用一张大特色的人物图片这可以说是非常强有力的设计（人的脸部是所有图片中最具吸引力的图片元素）。整体给人一种强有力且呈正方区域的视觉吸引力。

4、这些采有醒目的人物图片作为封面能够发挥什么作用？不象其它杂志，如运动杂志，时尚杂志，他们能够有一个很鲜明的主题或其它花俏的主题来吸引观众，而这本空中杂志，采用人物的图片来作为主题吸引观众，能够让每一个游客都感觉更亲切。而且还有一个有利的因素，人物图片能够让我们在心理上更快沟通。象上述大图，图片吸引着我们的视线，而右下角则低调地放上几行文字，这使到文字没有对图片进行干扰，而是让我们的整个注意力都放在人物图片上。留意 P 字上的垂直条状物，它的颜色是通过吸管工具在图片上取的颜色，使杂志标题与图片产生更密切的联系。 漂亮字体： 大标题需要一种漂亮的字体，而且它能够显得轻巧不笨重。采用 HTF Did

5、ot 字体是一种优雅的选择，这种字体充满独特的线条及风格。让我们来仔细看看这各种字体的特点： 这种字体在尺寸非常大的时候显得很优雅，但如果它以小尺寸出现时，那些细小的线条则几乎无法辨认，为此， HTF Didot 有六种尺寸的字体调整样式，以适应尺寸较小时使用。如上小图，其细线明显调整成较粗的线条，使你以小尺寸应用时也可胜任。 辅助字体： 该杂志采用两种字体来安排正文、引言及其它简短的说明文字。关键是要选择那种中性、不走极端并且有合适比例的字体。 A ：栏目上方的点题文字采用 Bliss2 字体，其边缘同样象 HTF Didot 字体那样锋利，但其线条的变化不强烈，容易阅读。这里的点题文字全部

6、采用大写，字符加宽。 B ：引言部分同样采用 Bliss2 字体，其大小字母都一样清晰，非常适用于文字非常小的标题、说明及引言这些短小的文字。 C ：小标题及正文采用 ITC Cheltenham 字体，这种字体在很多杂志里会经常见到。一种 20 世纪早期出现的字体。作为密集的正文文字字体，该字体具有清晰的阅读性，而且显得很低调。大图片： 超大图片通常横跨两个对开页里对读者能够产生巨大的冲击力。在处理大图片时关键要做到只有一个视觉焦点，没有复杂的背景。 单个元素更有力：为了使版面产生焦点，那我们就要制造一个焦点！图片中那对冷峻的眼神象是在警告你不要靠得太近。这就是视觉沟通的力量，只用一张图片，

7、一个元素比用上一大堆人物的力量更强。如象上图左那样的图片，一群人只会分散读者的视线。所以在你处理图片时，在心里问一下自己：如果我只有一个元素可以用，我该选择哪一个？ 舞台中心：这个版面的力量来自于中心区域。对角的元素将版面一分为二。标题放置在左边（与脸部轮廓线对齐），而其它文字则放置在右边。背景显得很平淡，甚至略带模糊，使到脸部成为了无可置疑的第一而且是唯一的焦点。垂直柱状区域： 正如前文所述， SPIRIT 杂志的垂直柱状区域元素贯穿了整本杂志。这个元素有时用于区域信息，有时用于装饰版面。 垂直的柱状物一般用于区分两种信息。如上图中，它将左边编辑的评论与右边公司的一些大事记区分开来。上述版面

8、其实充满对比：宽和窄的对比，黑色的文字及白色文字的对比。 上方的栏目文字水平区域与垂直的柱状区域在整本杂志上都看到，但垂直柱状区域则根据版面的实际需要则左右移动调整。变化： 这条垂直的柱状线条在实际版面应用中可以很灵活，也很有用。它将图片与文字安排得更有整整有条而且更具特色： A ：垂直柱状线条下面是整幅的图片，而在左边则用一则引言来吸引读者的眼光，标题及文字仍然在右边。 B ：右边的图片则好与柱状线条接触，而正文则处于另一边。留意标题放在了页面的下方，但仍然给人是标题的感觉。 C ：这里可以说是一个标准的杂志版面（ HYPERLINK /design/graphic/works/comput

9、er t _blank 插图 - 标题 - 正文），这时垂直线条去到了最右边，而同时，它与上方的栏目文字相交接。大元素： 将“数字”放大显示并且作为一个单独的元素来排版，是一种有趣而且有效的吸引人的技巧，这些数字其实已经给人是一种“图片”的感觉。将数字突出处理，使其成为一个类似图片的元素。漂亮的字体（ HTF Didot italic ）使其显得非常养眼。这种处理略显夸张，也不是所有的地方都适用，如，在 HYPERLINK /design/special/USA t _blank 美国新闻与世界报道这些严肃的杂志中使用则有点造作，但对于 SPIRIT 这本只给乘坐飞机的读者来说却非常适合。设计

10、系列版面： 这种突出数字的设计可以轻易使多个设计产生一种系列感，其特点是：每一个 HYPERLINK /design/graphic/works/leaflet t _blank 单页上都有一个非常大的数字，有一个醒目的图片元素（注意是没有背景的，而是沿元素轮廓剪切），但标题却相对来说比较小，正文显得很细小低调，当然，还有那条无处不在的垂直线条。这种版面每一个元素都故意夸张处理。每一个系列版面感觉都比较相似，但又并不是完全相同。里面的各个元素都互相形成了对比：粗和细，大和小，这一切都增加了视觉的吸引力。大目录，第一页 该杂志的目录在设计上将页数放在最前面，整个目录居中，没有传统那些点线，这使到

11、无论是页码还是目录的文字，都尽可能地放到最大，非常容易抓住读者的视线。 上图是传统的目录版面设计，题目及页码有点线来连接，这使到中间这么宝贵的地方白白浪费。 而这本杂志的目录版面则将数字放在前面，将点线去掉，使到我们可以将整个目录内容放在页里的中间，大的数字采用 HTF Didot italic ，与杂志的风格再次呼应。目录第二页： 这本杂志采用了很特别的“前 - 中 - 后”三种来区分目录的题目，使到整本杂志的目录被分成三小段，这种目录的设计关键是要保留足够的白色区域。然后采用一张轮廓剪切的照片来与目录搭配。 A ：将页码的数字放在最前面也意味着可以省略那些点线； B ：留意照片中的页码是放

12、在后面，前面则为引言。 C ：人物采用爵士歌手 WYNTON MARSLIS 轮廓照片，其与周围三小段的目录形成有机的配合。每一期的目录都基本采用这种版面，只是根据照片的轮廓形状来做适当的调整。 从上图中，我们可以看到该杂志采用“前中后”来分类目录。这是一种有趣的解决方式。因为 SPIRIT 杂志并没有什么固定的主题，里面文章的内容也很难分类，飞机上的读者在看这本杂志时总是随手翻到那里就从那里看起，所以在目录的设计上，这本杂志给人一种很随意轻松的感觉，也正是读者希望看到的感觉。 第二页目录右边的处理显得非常聪明。将文章中一些有用的信息集中起来然后作为类似公告栏的形式来处理，形成一个“文章推荐”

13、栏目。留意，前面的数字并不是页码，只是要点的顺序。给人耳目一新的感觉。“引言旗”元素 一些引言、说明、要点提示等文字虽然很小，但它们往往是首先被人注意的元素有时候，读者甚至只会阅读这些文字，而不会深入阅读正文。而本杂志采用的“引言旗”区域则使这些小文字成为焦点。 垂直柱状元素与矩形元素形成了象旗帜的一个区域，使到里面的文字很容易被人留意。“旗帜”必须与“旗杆”接触，可以放在图片的上方。这本杂志的编辑深谙如何吸引人的视线之道，他们充分利用这个小小的元素来首先吸引读者的注意力。里面的文字甚至可以象上图一样还加上一个小题目。这个元素在实际应用中可以根据版面及图片元素等实际情况来进行不同形式的调整。

14、留意版面上方，垂直的柱状元素将图片与文字分开，但标题同样是横跨两个区域的。 有趣的“气泡”：上方的小黄色元素看起来象是代表说话的气球状元素。“点击这里”的引言与其它元素有着完全不同的颜色及字体，居中的排版加强了形状的传达。你在日常的设计中虽然不一定是在设计杂志版面,但里面的很多技巧却值得我们借鉴。无处不设计，有木有在如今这个泛设计的时代，设计也逐渐从一个 HYPERLINK /design/graphic/works/art t _blank 艺术门类向生活形态过渡，因此总会遇到很多尴尬局面。比如有品牌爱好者和你谈最新的时尚资讯，比如前几天有个学公关的朋友自己画了个 HYPERLINK /de

15、sign/graphic/works/logo t _blank 标志草稿让你修改并采用，某个学考古的朋友自己找了个设计网站的模板告诉你他的设计更快更好；让你觉得人家比你还懂设计；看起来我这个“科班出身”的设计师似乎要靠边站了。在这里我也不敢写什么太专业的文章，所以把我平时收藏的一些图片和 HYPERLINK /design/graphic/works/pmhb t _blank 海报拿出来和大家分享,并且从几个因素来讨论通过从版式设计、颜色运用及对比来使你的设计给人留下深刻的印象并且有效地传达信息。究竟什么是设计？百度说,设计是把一种计划、规划、设想通过视觉的形式传达出来的活动过程。也有人会

16、说设计是人类社会发展到一定阶段时的产物，是“需求+信息+色彩”的一种视觉传达方式。总之，无论设计是以何种形态出现，目的都为了更好地传达信息， 给人留下深刻的视觉印象。要想给人留下深刻印象最好的办法就是视觉冲击力。一个页面版式及独创性会决定别人观看你的作品时间的长短，只有观众注意到你的作品时并且在你的作品中停留的时间较长，信息才能有效传达。有时候我们会陶醉于个人风格中。但是很多时候设计本身并不是目的，设计是为了更好地传播信息的手段。一个好的设计，首先必须明确需求的目的，并且深入去了解。版面离不开内容，更要体现内容的主题思想，用以增强读者的注意力与理解力。只有做到主题鲜明突出，一目了然，才能达到设

17、计的最终目标。如果你的作品不能引起别人的注意，不能让人很快了解其中的信息，那么其它神马也都是浮云。我们确实会遇到这种情况，在做设计时，有大量的信息需要集中在一张小尺寸的图片上。是的，很多时候我们会选择性地挑选信息阅读。这时候我们就要让信息简单化，对文字进行取舍，即使是最主要的信息我们也要对其主次之分，加强视觉对比。所以这时候我们也许就需要通过色彩，构图，版式等方式强调重要信息。我们先看下面这种图：信息虽然也不少，但是还是能让读者很快找到重要信息。 HYPERLINK /4707.html/img201103020859325 下面是nike以手绘为主的一系列海报。以手绘体现中心主题。从手绘的图

18、片及文字中能够获得信息。并且通过手绘来打动读者.加上大面积单纯色彩的平涂，使得主体图式显著跃现出来，有效地增强了图像的视觉张力和感染力。虽然现在大量的矢量图片方便了设计师。同时也使得原创设计减少。而原创的根本就是经验和想象力，手绘能力可以增加设计表现能力。所以我一直认为好的设计师应该都具备一定的手绘能力。 HYPERLINK /4707.html/%e6%9c%aa%e6%a0%87%e9%a2%98-1-%e5%89%af%e6%9c%ac-2 HYPERLINK /4707.html/%e6%9c%aa%e6%a0%87%e9%a2%98-1-%e5%89%af%e6%9c%ac-3 下面

19、这张图片的装饰因素是文字、图形、色彩等通过字母组合与排列构成的，并采用比喻、象征的手法来体现视觉效果，既美化了版面，又提高了传达信息的功能。这是一种活泼性的版面视觉语言。版面本无多少精彩的内容，就要靠制造趣味取胜，这也是在构思中调动了艺术手段所起的作用。版面充满趣味性，使信息如虎添翼，起到了画龙点睛的传神功力，从而更吸引人。 HYPERLINK /4707.html/2-23 HYPERLINK /4707.html/2-24 很显然，下面的设计中构图非常简洁，而且元素非常大，虽然仅是图片加logo的低预算设计，但却非常吸引人的视线。下面这张图构图也非常简洁，虽然只有黑白两色，但是也给人较强的

20、视觉效果“尺寸”的意思并非说一定要很大，如下面这个 HYPERLINK /design/graphic/works/pmhb t _blank 招贴海报，你很难忽略它。原因恰恰是它的元素尺寸非常小，这仍然是一种强对比的设计大面积的留白空间与小元素形成强烈对比。 HYPERLINK /4707.html/attachment/009 将元素变大，也意味着让它更有力量，可以将一些平淡无奇的元素变得吸引人。在下面这个例子中，虽然只是以文字为主，但却一点都不枯燥，将背景中的人物放得很大，甚至超出了版面，但读者仍然知道它的意思，而且文字呈角度摆放，同样传达了一种很强的冲击力。 HYPERLINK /47

21、07.html/attachment/010 一种大面积的单色以简单的形状出现时，可以很快吸引读者的眼光。对比来自于高跟鞋及标题文字，使到图片看起来更大。我们在脑海中会将图片超出边缘的部分自动补上，也进一步强化了图片的大尺寸印象。 HYPERLINK /4707.html/attachment/011 下面这张图是一商场的品牌海报,一个尺寸非常大的装饰元素与各品牌logo相结合形成吸引人的视觉焦点,由于文字很小,所以装饰元素与文字一起与整个页面仍然形成了对比. HYPERLINK /4707.html/012-2 下面这个版面是上述设计的另一种变化，改变了尺寸中元素的对比比例。一般来说，装饰元

22、素通常都较小，传达一种精致的效果，但在下面这个例子中，装饰元素放得很大，使到这个装饰元素让人无法忽略。我们不仅仅要考虑创造冲击力时的尺寸，而且也有尺寸之间的对比。大面积的留白空间包围着一张小的肖像图片，使到它与其它广告排在一起时仍然能够突围而出。 HYPERLINK /4707.html/attachment/013 HYPERLINK /4707.html/013-2 最强烈的颜色冲击力来自它出乎意料及极端的运用。一张照片如果本身拍摄得很华丽，当然也能够说是有冲击力的，但却让人难以兴奋。由于科技的发展，现在我们在视觉上已经越来越能适应一些出乎意料的颜色运用，而且各种软件的出现也使我们可以轻易

23、做到这一点， 但是颜色不仅仅指“五彩缤纷的颜色”。黑与白同样是一种颜色。下面这个例子中，由于颜色的特殊运用使到一张普通的硬照变成充满设计气息的图片。 灰色的人物头像作为背景,标题文字背景填充一块暖色,使得页面较为低调,但是标题又很突出,同时与焦点元素的图片不产生冲突.颜色的运用可以是既保守又引人注目。在下面这个例子中，纯色的背景使你的视觉由上至下穿越，同时与白色的标题形成强烈的对比。如果你能在脑海中想象我们在这个设计中使用更多颜色设计，你或许会看到焦点元素与这个设计并不一样，眼睛的视线也会不同，而且更重要的是，在视觉上的冲击力也不会这么强烈，虽然它们运用了更多的颜色来设计。 HYPERLINK

24、 /4707.html/attachment/015 在很多设计中，我们所看到的第一张图片通常是我们已经预料到的，比如一个食品广告，你的脑海里立马呈现食物的照片；你在看一张有关旅游的广告，你已经知道肯定会有一些风景照在里面，这是我们通常想到的东西。但我们是否可以思考一下，如何让人感到出乎意料？ 你或许会应用一些特殊的字体，或者使用一些很另类的图片而不是通常那种大路货色的图片。或者你应用一些特殊的方法来让一张普通的图片显出另外的特色，反正，就是尽量避免按别人的习惯思维去设计，这种思路如果能够准确应用，理所当然能够获得很好的吸引效果。这并不意味着你要惊世骇俗。只是意味着在设计中，你偶尔有与众不同的

25、一两步就已经足够。出来的效果仍然会显得端庄沉稳，但至少不会沉闷。下面这些食品创意海报鲜明的个性，是版面构成的创意灵魂。，这样的海报给读者以视觉惊喜的同时更能赢得消费者的青睐。 HYPERLINK /4707.html/attachment/016 在下面这个封面设计中，是可以预期的设计，无论是字体还是排版，都已经被过度使用了。并不是说这种字体不漂亮，这种黑体作为封面，显得清晰有力，但问题是，当这些字体被用过了无数次作为封面后，它已经越来越缺乏活力了。而下面这个图形设计则给我们另外的感觉，一个普通的条形码经过处理后呈现一种高科技的感觉，传达了一种复杂及想象的气息。就算一个读者并不明白轮廓中元素运

26、用的具体含义，但都会从图片感知到与标题相符的信息：创造性。下面这个设计中使用了一些基本的元素来处理页面，出来的结果也是一种被过度使用的版式，居中设计，大标题，大图片。留意下面这个设计，虽然文字有部分被切掉，但是我们还是会潜意识里将被切掉的部分填回去.因此,页面用更少的面积，获得更大的视觉冲击力，因为被切去部分的文字本身已经能够引起足够多的注意。 HYPERLINK /4707.html/attachment/20070827005003 下面这张图通过版面的文、图间的组合与协调性的编排，使版面具有秩序美、条理美，从而给人以良好的视觉感受。当然页面是传播信息的桥梁，形式必须符合主题的思想内容，只

27、讲表现形式而忽略内容，或只求内容而缺乏艺术表现，版面都是不成功的。只有把形式与内容合统一，才能解决设计应说什么，对谁说和怎么说的问题。其实无论是做推广设计或是 HYPERLINK /design/graphic/ t _blank 平面设计，目的都为了更好地传达信息，引起别人的注意；使人获得更良好的视觉效果。工作这么久以来一直从事着视觉设计相关的工作.我觉得设计不在于制造新奇花俏的图像和文字,而在于如何组合那些熟悉的文字与图片,从而令人产生全新视觉趣味! 我们拥有高度工作的热情，精辟独到的见解和灵活创新的理念。当然，这一切都需要一个展现自我的舞台。设计不是我们用来标榜的工具, ,设计要为客户的

28、切身需求服务,我坚信只有有用的设计才是有价值的。10条让你的作品更成功的技巧介绍图像处理技术被很多设计师用来创作及其富有创造性的 HYPERLINK /design/graphic/works/art t _blank 艺术作品。使用PS的设计师非常喜欢使用这些技巧。一旦你掌握了图像处理技术的要点。那么无论任何画面。只要你能想象的到。你就可以做到。下面就让我们看看下面10条关于图像处理的技巧。并浏览那些相关的专业图像处理艺术家的连接。说明一下。下面的10条技巧的顺序与其重要性无关。1 分离图像众所周知。图像处理通常会将很多图像元素融合在一张画布上。其中包括普通的图像素材。也包括你自己的 HYP

29、ERLINK /design/graphic/works/Photography t _blank 摄影作品。比方说我们现在需要将一棵树放到另一张我们要处理的图像中。但是树上包含了诸如树叶。枝干。阴影等等并不容易分离的元素。这一步做起来有些困难。我们该怎么办呢。大部分熟悉PS的童鞋会用钢笔工具描画路径。但面对这样的树。钢笔工具就帮不了你了。所以你可能需要考虑使用一种叫做 Vertus Fluid Mask的程序。它能提供一种特殊的蒙版工具。几分钟之内就能把你的图像分离出来。 我们不能容忍图像中出现参差不齐的边缘甚至带有一部分的背景。这就是我为什么推荐这个程序。下面的是使用这个程序的图例。2 阴

30、影我会不止一次的在此篇文章中强调这一条的重要性。这样你就会理解阴影对于一个成功的作品的重要性了。当你想让一件事物尽可能的真实的时候。那么你可以考虑给它加上阴影。除此之外。物体间的比例的是需要注意的。图像处理可以让你的画面呈现出那些在真实世界中并不存在的东西。而阴影就是我们在开始图像创作之前必须理解的东西。下面是一幅为slashTHREE art pack创作的作品。它是一个很好的用来证明阴影重要性的例子。即使是一副幻想场景。阴影也会使其显得真实可信。细看观察这张图。注意几乎所有的画面元素下面都有阴影。下面来说说制作阴影的方法。其实只需要复制你需要添加阴影的元素。并把复制层调成全黑的。或者是深灰

31、。再稍微执行下高斯模糊。然后根据具体情况更改它的大小，倾斜角度和位置。3 比例比例协调大概是图像处理中最重要的技巧之一了。你总不能把你的狗狗做的比房子还大。但是这要根据物体的位置来决定。下图是一个比例很精确的图例。留意远处的城堡。在远处。它就必须很小。远小近大是我们必须遵循的比例原则。4 使用纹理添加纹理不是必须的。但是它确实能让你的图像混合的更自然。图像元素的混合是图像处理中很重要的一环。所以你也必须留意纹理的使用。纹理会增加你作品的深度。比如你想得到一副晦暗肮脏的画面。那你可以使用一个粗糙干裂的地面纹理。这里我推荐一个可以让你找到很多纹理的网站。Blue Vertigo.在之前的教程中我也

32、介绍过别的纹理网站。不知道你保存了没有下面这张图给人以破旧和幽暗的感觉。它是使用了一个龟裂的表面纹理。画面中央的3D元素使用了与纹理相同的颜色。所以画面融合的很漂亮。记住。如果你没有一个合适的背景来衬托手头上的画面元素。那就找一个与之匹配的纹理吧。5 挑选素材挑选素材是你有了想法以后第一件需要做的事情。你并不能总是完美的在自己现有的素材中分离出想要的东西。有些时候他们会有角度的偏差。有的会不太清晰。总之你对它们不会太满意。介绍给大家一个可以下载到免费素材的网站吧。Stock.xchng我们看看下面一些素材。图1。这是一幅很好的图片。但是一般情况下我们不会使用它。因为它有一点模糊。它不易于与背景

33、或者纹理融合到一起。图2。这就是一个很好的破旧汽车的素材。它很大很清晰。可以清晰的看见汽车的每一个角度和形状。把这辆汽车放在一个破旧的纹理背景上会非常完美。图3。这张图很难使用。我们很难在这张模糊的照片中分离出想要的部分。即使你能做到。那么分离出来的元素看起来也不会很好。记住。我们尽量不去使用模糊的素材。图4。这张图就是一个很好的素材。我们很容易分离出汽车并使用它。6 色彩混合并不是每一张图片都能适合你的背景。纹理。或者别的图像。这样的时候我们就需要进行色彩的混合。诸如PS中的照片滤镜和渐变映射这样的工具。就是用来提升或者削弱图像中的颜色用的。只会使图像很和谐的与其他图像融合在一起。这对一幅成

34、功的作品来说尤其重要。下面是一个色彩混合非常成功的例子。我们能看到很多不同类型的花瓣。即使数量非常多。但是他们仍然混合成了一个整体。7 强调焦点创作一幅作品的时候。总有一个区域是画面的焦点。你希望能即刻间就抓住观赏者的眼睛。有很多方法可以实现这样的目的。其中之一就是让焦点区域更富有动感。色彩更丰富。形状更明显。下图就是一个很好的例子。火焰是第一个就能抓住你视线的元素。火焰是这个图像中最具动感和明显的部分。所以它即刻就凸现出来。这不正是我们想要得到的效果么。8 组合多个图像图像就像是拼图游戏的那些碎片。没有它们你就完不成拼图。在正确的选择所需图像之前你需要仔细的观察它们。在开始设计之前你需要心中

35、有数。有必要的话要先在草纸上画草图。以确定找到理想的素材以及素材放置的位置。下面是一个素材组合的图例。虽然作品中包含了很多图像素材。但是整个作品看起来并不杂乱。留意作品的背景。花。磁带等等元素。如果你也要使用众多素材的话。要确定合理的安排他们。使其服务于整个画面。9 C4D并不是每一个PSer都知道C4D是什么东西。所以让我给C4D做一个简单的介绍。C4D全称 Cinema 4D我这里给出的连接是原文提到的英文版C4D信息。我推荐大家找汉化版来使用。C4D是一个上手相对较快。而且功能强大的软件。推荐PS进阶用户使用。是一个用来制作4D图像的软件。C4D通常用来制作抽象的作品。它可以加强你作品的

36、感觉。或者让你的作品更耐看。现在让我们看看C4D是如何改进图像的。下图是两艘几近沉没的船。图像的背景是无尽的天空和海水。使用4D或者3D渲染能大大提高作品的质量。它能带来某种未来主义或抽象效果。这是普通素材所难以达到的。10 激发素材潜力我们最后一条技巧是如何提高素材质量以达成你的目的。通常我们找到的素材都很平庸。我们要做的就是让它变得更有吸引力。下面图例 HYPERLINK /design/hjys/ex t _blank 展示了一个简单的盆栽小树摇身变成了高耸如云的参天橡树。最终作品更富于层次和趣味。设计师首先复制了原始素材。更改了它的大小。添加了更多修饰。添加了更多的树素材。这让这幅作品

37、与原图相比产生了天壤之别。结束。如何利用引言进行版面设计译者的话：从正文中摘引某句话作为一个元素放置在版面中，是一种常用的设计技巧。很多人会认为引言只是起到一个补白的作用，但引言绝非天生只是配角。在设计中有意识地将引言作为一个设计要素，能够使版面产生有趣吸引的效果。在本文中我们将会以生动的例子来探讨在版面中如何利用引言来安排版面。原文出处： HYPERLINK / t _blank 通过本文的引言设计技巧，我们可以轻易让你的故事更加吸引读者的眼光。我们每个人都对引言不陌生，在 HYPERLINK /design/graphic/works/media t _blank 杂志及 HYPERLIN

38、K /design/graphic/works/media t _blank 报纸上，经常可以看到在排版上使用引言。引言一般是从正文里摘取的一个简短信息，通常在字体上安排得更加突出，而放置的位置则精心考量。在一个版面中，引言并不适宜大量使用，通常在一个展开页中可以出现一至两个引言。通过这些引言，可以起到信息的贯穿作用。引言有很多功能。最基本的功能就是填补页面的某些空间，或者在一篇很长的文章中插入引言，打破版面的沉闷结构。但引言的功能远不止这些，在版面中巧妙使用引言，可以使版面显得更生动。这些引言能够引起那些匆匆浏览的读者的注意力。其实引言本身就构成丰富的信息，因为它本身就具有一种概括、点明主题

39、、揭示文章意义等作用，这些引言本身就构成一个小故事。运用得当的引言本身就是一篇文章的精华所在。对于设计师来说，它也是一个非常有趣的设计元素。这是时代杂志的一个版面，里面的引言就起到激活版面的作用。读者的眼睛首先接触到的是图片，然后是标题，然后去到引言，再去到副标题，最后才会阅读里面的正文。这些非正文的元素再加上底下的图片说明，就已经形成了一个故事梗概。这是一个精心安排的版面，在潜意识里引导着读者的视线，而将这些视觉连接起来的是那些粗壮的字体。基本引言：一般来说，引言的文字大小是正文的两至三倍，而引言的字体，可以采用标题的字体，也可以采用正文的字体。 （引言文字为：通过节食减轻体重只是权宜之计，

40、99%的情况下，你都会恢复到原来的体重。）协调一致：标题及引言必须配合好，每一个元素都传达不同的“声调”。其中有趣的是这种声调会因引言放置位置的不同及样式的不同而改变。大多数情况下，引言的文字采用的是标题或正文字体中的一种（但不能同时使用两种）。标题颜色来自于图片。引言成为故事的中心：一个引言及一张照片就可以干净利落地传达出故事的大意，而且两者不会互相干扰。放置中间的位置使引言更加突出，与图片产生更紧密联系。 HYPERLINK /design/UploadFiles1008/201005/20100521085316903.jpg t _blank HYPERLINK /design/Upl

41、oadFiles1008/201005/20100521085316156.jpg t _blank 点击上图看大图（引言文字为：史密斯太太是所有幸存者中损失最惨重的一个，她的整个家庭包括她的丈夫、孩子及父母都在大火中丧身。她的好友已经帮助她度过最艰难的时候，但一年之后，她的双手仍每天在颤抖。她说：“他们是我的整个生命，我不知道该怎么办。”） 两个技巧：这张图片拍摄得非常不错，光线照在她的脸上，而其余部分则与黑色背景结合，非常准确地传达出孤独、悲伤及失落的情感。图片的两种颜色间断地用在引言文字的每一行中，这个引言文字没有传达出声调的不同，但却增加了情感上的共鸣。上图中，引言放置在一大片灰色文字

42、的中间，引言同样显得很“孤单”。引言的放置模仿了这张呈对称构图的全出血位图片。而且象一个靶心，读者的眼光无法忽略这一段文字。引言成为一个主题元素：很多杂志期刊都有相对固定的版式，而引言则可以成为一个很灵活的因素来活跃版面。在下图中，粗糙的字体与严谨的排版形成了视觉上的对比。引言成为设计中一个重要的元素，使版面建立了贯穿整篇文章的视觉感。 HYPERLINK /design/UploadFiles1008/201005/20100521085316421.jpg t _blank HYPERLINK /design/UploadFiles1008/201005/20100521085317598

43、.jpg t _blank 点击上图看大图（引言的文字为：我在歌曲中精心挑选了很多词汇，因为它们对我来说有着特别的意义。我倾注了很多情感在里面，特别是它们出来的效果不错的时候。）引言中的引言： 又高又窄的引言文字挤进了狭窄的空间，这使到引言变成一个长的引言。紧密的行距传达出一种紧张情绪。而其中的红色文字是一种有趣的设计手法，它形成了第二个引言，而读者也会首先阅读这一行红色文字。引言总是与其它元素发挥作用： 引言成为图片的一部分：加上一个标题、字母下沉、文章来源及图片，引言就构成一个微型故事。使到本来一段很普通的文字立即光彩照人。 HYPERLINK /design/UploadFiles100

44、8/201005/20100521085317212.jpg t _blank HYPERLINK /design/UploadFiles1008/201005/20100521085317975.jpg t _blank 点击上图看大图（引言文字为：贝茜的烦恼 奶牛并不会增加大气层中二氧化碳的总量。它们也不需要在地上到处跑而消耗原油。但它们在反刍！而据说在它们咀嚼反刍食物及打嗝的时候就会产生甲烷，而当它们在农场上排便时，还会产生一氧化二氮及氨气。所以你是否在农场上闻过这些刺鼻的味道？这并不利于全球 HYPERLINK /design/hjys t _blank 环境。） 自成一格的故事：毫无

45、疑问，这是一个引言，因为这段话是从正文里摘引出来的，但给它加上标题、首字母下沉的版式、出处及图片，就变成一个不折不扣的小故事，这种处理手法增强了所引用资料的权威性及可信性。当引言运用得当时，它就可以发挥概括、加强诉求及增加版面吸引力的作用。如果这种设计手法形成一个系列，则读者在阅读整篇文章时都会赏心悦目。下沉字母颜色来自于图片谷仓的颜色。文字的背景采用不透明度的白色，尽量减少背景干扰。加进特写的牛鼻显得很有趣，虽然它的尺寸不是很大，而且还在一个角落里。奶牛与田园式的背景也非常契合。但也有很多不同点：奶牛显得生气勃勃，与图片中 HYPERLINK /design/hjys/jz t _blank

46、 建筑物呈现人造及静态，奶牛离我们很近，而建筑物而呈远观。这些对比都使版面显得更加生动及有趣。当引言成为“真正的引言”“真正的引言”就是直接引用某个人的说话内容。将引言放在某个说话的人上面，而且他还面向这些引言，这其实就与读者产生了一种对话的感觉。引用的话越激烈，其产生的互动也更激烈。 （左边引言文字为：“我对这些新生有什么建议？合理安排你的时间，而且要更有责任感。你的高中生活已经结束了，已经来到一个新台阶上。”UCB 大四学生；右边引言文字为：“当高中毕业时父母给了我一些压力。同时，他们还离我有900英里远，不过现在我还是觉得挺有趣的。”UCB 大三学生）引言可以放在图片上，图片也可以放在引

47、言里。留意这两个引言的同一性，文字区域大小一样，均处于同一水平线，均与外面形成出血位。引言成为设计元素：因为引言可以轻易地移动或形成各种形状，或宽或高，或大或小，这使到引言完全可以成为设计中的一个元素，可以根据实际情况，起到填充页面、平衡空间及增加版面动感的作用。 HYPERLINK /design/UploadFiles1008/201005/20100521085317138.jpg t _blank HYPERLINK /design/UploadFiles1008/201005/20100521085317138.jpg t _blank HYPERLINK /design/Uploa

48、dFiles1008/201005/20100521085318273.jpg t _blank 点击上图看大图有效LOGO设计的最重要的提示曾经有许多创造性的logo设计案例，logo设计资源和logo设计指导张贴在互联网的各个角落。这些帮助会为你的logo设计创造一个功能强大的工具箱。首先你需要对于一个好的logo设计获得一个固定的认识和一些你认为需要考虑的东西在你使用这个工具箱之前。在这文章里，我们将认真分析怎么才能获得一个有效地logo设计并且我们也指导你通过这些规则和最优的办法创造出一个品牌的特性 HYPERLINK /design/media/works/icon t _blank

49、 图标。1.What Is A Logo? / Logo是什么？要理解Logo是什么我们比需首先理解Logo的主要作用是什么。设计流程指出Logo制作必须瞄准立即可认性、可信性、令人钦佩、忠诚、暗含的优越性等。一个logo是公司商业 HYPERLINK /design/graphic/works/logo t _blank 标志和经济实体的代表，并且它的形状，颜色，字体和图形经常在相同的市场区域很明显的区别于其他的logo。logo被用来识别。世界著名的设计大师Paul Rand指出“一个logo就是一面旗帜，一个签名，一个铭牌，一个街头标志”。他认为一个logo不是用来推销的而是用来识别的。

50、一个logo是对公司极精彩的描述，logo来源于它象征的事物中，不是相反的方向。一个logo没有它象征的产品重要；它象征的东西要远远比她像什么重要。一个logo的主旨可能几乎是任何东西。2.如何制作好的logo?一个好的logo是与众不同的，合适的，实用的，形象的并具有简单的形式，它传递了所有者预期的信息。在有效logo的背后往往传递着观念和含义，它表达了暗含的信息。一个 logo应该能在大多数场合能够以任何尺寸大小打印并且在没有颜色时是有效的。一个著名的logo从本质上浓缩了两个东西：杰出的概念和极好执行力。3.logo设计流程“一些人产生疑问：创造一个好的logo最难的是什么呢？它们非常的

51、小，它们看起来很容易做，所以没问题,是吗？当你仅仅看到设计者努力的结果时，创造logo可能看起来是一个简单的任务。但是，并不是那样。一个logo需要想法和创意，许多元素联合在一起才能制作出一个好的来”当我们创造一个logo的时候，遵照一个流程可以确保最后的设计作品可以满足客户的需求。下面，我们列出典型的专业logo设计者的流程。通过实践，你不用怀疑自己取得了进步。简洁的设计引导用户做一个调查问卷或者采访来获得一个简洁的设计图。探究实施一个用户自我探究，包括他的历史和竞争对手。首先解决问题，然后再设计。参考把已经做的简洁的设计图和成功案例及目前流行样式、趋势联系起来做一个logo设计上的参考设计

52、草图并且概念化在你的探究和简介的设计图上开发logo设计理念。这是设计流程中仅有的一个最重要的部分。要有灵感激发并产生创造性。正如Dainis Graveris曾经写过的“草图绝不是浪费时间而是一种把你脑子里的想法展现到纸上的一种非常好的方式。”在这以后，将会在电脑的真实设计中变得更加容易。草图帮助我们解决了想象出来的东西：一旦你理解了，你会经常在一张白纸上开始你的设计工作。反思在设计流程中不断打破。这会帮助使你的创意更加成熟，赋予你新的热情并且使你恳求意见的反馈。同时给你的工作带来全新的视角。修订和定位无论你的身份是承包人还是创建的长期的合作关系，在需要的时候修订并改进logo。演示把你最好

53、的logo设计 HYPERLINK /design/hjys/ex t _blank 展示给你的客户。PDF经常是最好的格式。你可能同样希望展示logo的内容，帮助客户清楚地从视觉上感受到品牌的个性。准备一个高质量的展示是得到客户赞成你的设计的最有效的方法。“密封的展示存在空虚的环绕。最有意义的展示是用户为了某一个特定的人，特定的目的定制的。如何展示一个新的创意？或许是设计者的最难的任务。这不仅仅是设计问题，而是在追求一些新颖的东西。一个设计者包含某种形式的展示不仅向一个感兴趣的听众（客户，读者，观众）解释了一个特定的设计，而是如何在商场上解释它。展示就是设计音乐的伴奏曲一样。一个缺乏创意的展

54、示不可能隐藏在富有魅力的 HYPERLINK /design/graphic/works/Photography t _blank 摄影，喧闹中的。如果全部是胡扯或者非常的滞后，那只有在梦乡里展示它的前途了”。传递出去包括帮助文件把合适的文件包括必须的帮助文件传递给客户。在你完成之后，可以喝杯啤酒，吃些巧克力开始准备下一个计划。4.有效logo设计的5个原则正如我们所提及到的，一个好的logo是独一无二的，合适的，实际的，形象的并且在形式上是简单的。它传递了所有者预期的信息。你需要遵照下面的五个原则才能确保你的设计符合这些标准:1. 简单简单使一个logo容易被认出，易记并具有多功能性。好的l

55、ogo特征具有不可预见的或唯一的东西：没有被夸大。2. 易记紧跟简单特征的是易记性。一个有效地logo设计应该在达到简单合适的前提下易记。3. 永不过时一个有效的logo应该是永不过时的。你的设计经受得住时间的考验吗？在10年、20年、或是50年之后仍然有效吗？4. 多功能一个有效的logo可以跨越各种各样的媒体和应用。因为这个理由，logo应该被设计成简单矢量格式的来确保可以扩大到任何尺寸。问你自己，你的logo在 HYPERLINK /design/printing/ysjs t _blank 印刷的时候是否仍然有效单色印刷反色印刷（例如：浅色logo，深色背景）邮票尺寸大小的印刷广告牌那

56、么大的印刷5. 合适一个logo的定位应该符合它潜在的观众（读者，客户），例如，一个孩子气的字体和色彩设计应该适合于儿童玩具商店而不是法律事务所。6.一个logo的成本是多少？在我的经历中，这是最经常被问及的一个问题。他并不容易回答，因为每一个公司都有不同。最好的方法是是为每一个客户拟定报价。 当你在设计一个logo时必须考虑许多因素，比如多少logo包含多少概念要展示，有多少次修订，多少次需求探究，这是个多大的公司等等。字体设计的几十种方法技巧 HYPERLINK t _blank 顶尖设计专稿: 本文将 HYPERLINK /design/graphic/works/fonts t _bl

57、ank 字体设计归类成几十种方法, 配以详细的说明, 相信对大家的设计一定会有所借鉴和启发. seover=attachimg(this, mouseover) alt=20061224153152208.jpg src=/design/UploadFiles1008/200908/20090818070955126.jpg onload=attachimg(this, load) 透视色轮译者的话：作为一名设计师，如果你还在说出“这种颜色好看，那种颜色不好看”的话时，这说明你对颜色还没有正确了解。在我们的很多文章中，都可以看到色轮的踪影，它是我们选择颜色的一个强有力的武器。在本文，我们将阐述

58、这个色轮的基本原理，使你对颜色关系有一个更清晰的认识。原文出处： HYPERLINK / 一半是科学，一半是 HYPERLINK /design/graphic/works/art t _blank 艺术，色轮是我们认识颜色关系的工具。那里有光，那里就有颜色。有时我们会认为颜色是独立的这是蓝色，那是红色，但事实上，颜色不可能单独存在，它总是与另外的颜色产生联系，就象音乐的音符，没有某一种颜色是所谓的“好”或“坏”。只有当与其它颜色搭配作为一个整体时，我们才能说，是协调或者不协调。色轮告诉我们颜色之间的相互的关系。我们在本文中将阐述这一点。 将无穷的颜色简化： 白色光包含了所有的可见颜色，我们看

59、到是由紫到红之间的无穷光谱组成的可见光区域，就象你所看到的彩虹颜色。为了在使用颜色时更加实用，人们对它进行了简化，将它们分为 12 种基本的色相。 12 种颜色记起来了吗，和你小时候第一次买彩色蜡笔时，盒子里装了那 12 只蜡笔差不多。色轮由 12 种基本的颜色组成。首先包含的是三原色（ Primary colors ），即蓝、黄、红。原色混合产生了二次色（ Secondary colors ），用二次色混合，产生了三次色（ tertiary colors ）。 原色是色轮中所有颜色的“父母”。在色轮中，只有这三种颜色不是 由其它颜色调合而成。上图可以看出，三原色在色环中的位置是平均分布的。

60、二次色所处的位置是位于两种三原色一半的地方（见上图）。每一种二次色都是由离它最近的两种原色等量调合而成的颜色。 三次色是由相邻的两种二次色调合而成。 共同的颜色： 你可能会发现，每一种颜色都拥有部分相邻的颜色，如此循环成一个色环。共同的颜色是颜色关系的基本要点，必须对此有深入的了解。 在上图这七种颜色中，都共同拥有蓝色。越远的颜色（如草绿色）含有的蓝色就越少。绿色及紫色这两种二次色都含有蓝色。在上图七种颜色中，都拥有黄色。同样的，离得越远的颜色，拥有的黄色就越少。绿色及橙色这两种二次色都含有黄色。 在上图七种颜色中，都拥有红色。向两边散开时，红色就含得越少。橙色及紫色这两种二次色都含有红色。