WEB开发网
开发学院图形图像PhotoShop Photoshop设计实例解析:漂亮醒目的杂志设计分析 阅读

Photoshop设计实例解析:漂亮醒目的杂志设计分析

 2008-12-03 16:45:56 来源:WEB开发网   
核心提示:A :垂直柱状线条下面是整幅的图片,而在左边则用一则引言来吸引读者的眼光,Photoshop设计实例解析:漂亮醒目的杂志设计分析(2),标题及文字仍然在右边, B :右边的图片则好与柱状线条接触,“点击这里”的引言与其它元素有着完全不同的颜色及字体,居中的排版加强了形状的传达,而正文则处于另一边,留意标题放在了页面的下

A :垂直柱状线条下面是整幅的图片,而在左边则用一则引言来吸引读者的眼光,标题及文字仍然在右边。

B :右边的图片则好与柱状线条接触,而正文则处于另一边。留意标题放在了页面的下方,但仍然给人是标题的感觉。

C :这里可以说是一个标准的杂志版面(插图 - 标题 - 正文),这时垂直线条去到了最右边,而同时,它与上方的栏目文字相交接。

大元素:

将“数字”放大显示并且作为一个单独的元素来排版,是一种有趣而且有效的吸引人的技巧,这些数字其实已经给人是一种“图片”的感觉。

将数字突出处理,使其成为一个类似图片的元素。漂亮的字体( HTF Didot italic )使其显得非常养眼。这种处理略显夸张,也不是所有的地方都适用,如,在《美国新闻与世界报道》这些严肃的杂志中使用则有点造作,但对于《 SPIRIT 》这本只给乘坐飞机的读者来说却非常适合。

设计系列版面:

这种突出数字的设计可以轻易使多个设计产生一种系列感,其特点是:每一个单页上都有一个非常大的数字,有一个醒目的图片元素(注意是没有背景的,而是沿元素轮廓剪切),但标题却相对来说比较小,正文显得很细小低调,当然,还有那条无处不在的垂直线条。这种版面每一个元素都故意夸张处理。每一个系列版面感觉都比较相似,但又并不是完全相同。里面的各个元素都互相形成了对比:粗和细,大和小,这一切都增加了视觉的吸引力。

大目录,第一页:

该杂志的目录在设计上将页数放在最前面,整个目录居中,没有传统那些点线,这使到无论是页码还是目录的文字,都尽可能地放到最大,非常容易抓住读者的视线。

下图是传统的目录版面设计,题目及页码有点线来连接,这使到中间这么宝贵的地方白白浪费。

而这本杂志的目录版面则将数字放在前面,将点线去掉,使到我们可以将整个目录内容放在页里的中间,大的数字采用 HTF Didot italic ,与杂志的风格再次呼应。

大元素:

将“数字”放大显示并且作为一个单独的元素来排版,是一种有趣而且有效的吸引人的技巧,这些数字其实已经给人是一种“图片”的感觉。

将数字突出处理,使其成为一个类似图片的元素。漂亮的字体( HTF Didot italic )使其显得非常养眼。这种处理略显夸张,也不是所有的地方都适用,如,在《美国新闻与世界报道》这些严肃的杂志中使用则有点造作,但对于《 SPIRIT 》这本只给乘坐飞机的读者来说却非常适合。

设计系列版面:

这种突出数字的设计可以轻易使多个设计产生一种系列感,其特点是:每一个单页上都有一个非常大的数字,有一个醒目的图片元素(注意是没有背景的,而是沿元素轮廓剪切),但标题却相对来说比较小,正文显得很细小低调,当然,还有那条无处不在的垂直线条。这种版面每一个元素都故意夸张处理。每一个系列版面感觉都比较相似,但又并不是完全相同。里面的各个元素都互相形成了对比:粗和细,大和小,这一切都增加了视觉的吸引力。

大目录,第一页:

该杂志的目录在设计上将页数放在最前面,整个目录居中,没有传统那些点线,这使到无论是页码还是目录的文字,都尽可能地放到最大,非常容易抓住读者的视线。

下图是传统的目录版面设计,题目及页码有点线来连接,这使到中间这么宝贵的地方白白浪费。

而这本杂志的目录版面则将数字放在前面,将点线去掉,使到我们可以将整个目录内容放在页里的中间,大的数字采用 HTF Didot italic ,与杂志的风格再次呼应。

目录第二页:

这本杂志采用了很特别的“前 - 中 - 后”三种来区分目录的题目,使到整本杂志的目录被分成三小段,这种目录的设计关键是要保留足够的白色区域。然后采用一张轮廓剪切的照片来与目录搭配。

A :将页码的数字放在最前面也意味着可以省略那些点线

B :留意照片中的页码是放在后面,前面则为引言。

C :人物采用爵士歌手 WYNTON MARSLIS 轮廓照片,其与周围三小段的目录形成有机的配合。每一期的目录都基本采用这种版面,只是根据照片的轮廓形状来做适当的调整。

从上图中,我们可以看到该杂志采用“前中后”来分类目录。这是一种有趣的解决方式。因为《 SPIRIT 》杂志并没有什么固定的主题,里面文章的内容也很难分类,飞机上的读者在看这本杂志时总是随手翻到那里就从那里看起,所以在目录的设计上,这本杂志给人一种很随意轻松的感觉,也正是读者希望看到的感觉。

第二页目录右边的处理显得非常聪明。将文章中一些有用的信息集中起来然后作为类似公告栏的形式来处理,形成一个“文章推荐”栏目。留意,前面的数字并不是页码,只是要点的顺序。给人耳目一新的感觉。

“引言旗”元素

一些引言、说明、要点提示等文字虽然很小,但它们往往是首先被人注意的元素——有时候,读者甚至只会阅读这些文字,而不会深入阅读正文。而本杂志采用的“引言旗”区域则使这些小文字成为焦点。

垂直柱状元素与矩形元素形成了象旗帜的一个区域,使到里面的文字很容易被人留意。“旗帜”必须与“旗杆”接触,可以放在图片的上方。这本杂志的编辑深谙如何吸引人的视线之道,他们充分利用这个小小的元素来首先吸引读者的注意力。里面的文字甚至可以象上图一样还加上一个小题目。这个元素在实际应用中可以根据版面及图片元素等实际情况来进行不同形式的调整。

留意版面上方,垂直的柱状元素将图片与文字分开,但标题同样是横跨两个区域的。

有趣的“气泡”:上方的小黄色元素看起来象是代表说话的气球状元素。“点击这里”的引言与其它元素有着完全不同的颜色及字体,居中的排版加强了形状的传达。

你在日常的设计中虽然不一定是在设计杂志版面,但里面的很多技巧却值得我们借鉴。

上一页  1 2 

Tags:Photoshop 设计 实例

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接