photoshop設(shè)計(jì)解析漂亮醒目的雜志設(shè)計(jì)分析(15)

photoshop設(shè)計(jì)漂亮醒目的雜志     美國西南航空公司的空中讀物《SPIRIT 》以其漂亮醒目的設(shè)計(jì)令人眼睛一亮，無論是版面、圖片、標(biāo)題還是目錄的設(shè)計(jì)，都有很多值得我們學(xué)習(xí)的地方。本文中，我們將深入剖析該雜志的版面設(shè)計(jì)特色，看看我們能從中吸取到什么有益的設(shè)計(jì)靈感？

    你懷著激動(dòng)的心情正在乘坐西南航空公司 737 客機(jī)飛往大峽谷旅游，但飛機(jī)外厚厚的云層擋住了你想觀看外面風(fēng)景的視線，百般無聊之際，你順手拿起一本空中雜志閱讀。你看到什么？不象一般我們平時(shí)所看到的期刊雜志，空中雜志的讀者并不是固定的，每一期的雜志也沒有什么共同的主題。也正是因?yàn)檫@個(gè)原因，空中雜志必須能夠以一種特有的魅力來吸引你的視線。西南航空的空中雜志《 SPIRIT 》由 PENTAGRAM 公司共同設(shè)計(jì)，里面有很多簡(jiǎn)短的文章能夠讓你輕松閱讀，該雜志的設(shè)計(jì)能夠迅速給人一種沖擊力，而且非常漂亮。讓我們看看能夠從中學(xué)到什么？






基調(diào)：
為了設(shè)計(jì)出容易閱讀的版面，《 SPIRIT 》雜志采用三種主要技巧：大標(biāo)題，大圖片，同時(shí)利用垂直的柱狀區(qū)域在每一頁里重復(fù)。如下圖：








為了讓那些一臉疲憊的游客能夠有心情閱讀這本雜志，《 SPIRTI 》刻意采用一些篇幅較短的文章，這些文章一般只占一兩頁紙左右。大部分文章只配上一張圖片。標(biāo)題簡(jiǎn)短有力，而且尺寸非常大。每一個(gè)標(biāo)題只表達(dá)一個(gè)主題，能夠讓每一個(gè)人都能迅速理解里面的意思（其實(shí)，在設(shè)計(jì)上，無論什么時(shí)候都應(yīng)該這樣做）。圖片非常大，而且很簡(jiǎn)單（這很重要），能夠讓每一個(gè)人瞄上兩眼就知道是什么東西。如果圖片使用過度，只會(huì)使版面變得復(fù)雜，傳達(dá)的意思也不直接。這本雜志還有一個(gè)很鮮明的特色，那就是翻開這本雜志時(shí)你都會(huì)看到里面采用的一條垂直的粗線來安排版面，只是不同的頁面上顏色有所不同。人物確定主題：

該雜志每一期的封面都采用一張大特色的人物圖片——這可以說是非常強(qiáng)有力的設(shè)計(jì)（人的臉部是所有圖片中最具吸引力的圖片元素）。整體給人一種強(qiáng)有力且呈正方區(qū)域的視覺吸引力。如下圖：


這些采有醒目的人物圖片作為封面能夠發(fā)揮什么作用？不象其它雜志，如運(yùn)動(dòng)雜志，時(shí)尚雜志，他們能夠有一個(gè)很鮮明的主題或其它花俏的主題來吸引觀眾，而這本空中雜志，采用人物的圖片來作為主題吸引觀眾，能夠讓每一個(gè)游客都感覺更親切。而且還有一個(gè)有利的因素，人物圖片能夠讓我們?cè)谛睦砩细鞙贤āＯ笊鲜龃髨D，圖片吸引著我們的視線，而右下角則低調(diào)地放上幾行文字，這使到文字沒有對(duì)圖片進(jìn)行干擾，而是讓我們的整個(gè)注意力都放在人物圖片上。留意 P 字上的垂直條狀物，它的顏色是通過吸管工具在圖片上取的顏色，使雜志標(biāo)題與圖片產(chǎn)生更密切的聯(lián)系。



漂亮字體：

大標(biāo)題需要一種漂亮的字體，而且它能夠顯得輕巧不笨重。采用 HTF Didot 字體是一種優(yōu)雅的選擇，這種字體充滿獨(dú)特的線條及風(fēng)格。讓我們來仔細(xì)看看這各種字體的特點(diǎn)：如下圖：

這種字體在尺寸非常大的時(shí)候顯得很優(yōu)雅，但如果它以小尺寸出現(xiàn)時(shí)，那些細(xì)小的線條則幾乎無法辨認(rèn)，為此， HTF Didot 有六種尺寸的字體調(diào)整樣式，以適應(yīng)尺寸較小時(shí)使用。如上小圖，其細(xì)線明顯調(diào)整成較粗的線條，使你以小尺寸應(yīng)用時(shí)也可勝任。







輔助字體：

該雜志采用兩種字體來安排正文、引言及其它簡(jiǎn)短的說明文字。關(guān)鍵是要選擇那種中性、不走極端并且有合適比例的字體。




A ：欄目上方的點(diǎn)題文字采用 Bliss2 字體，其邊緣同樣象 HTF Didot 字體那樣鋒利，但其線條的變化不強(qiáng)烈，容易閱讀。這里的點(diǎn)題文字全部采用大寫，字符加寬。

B ：引言部分同樣采用 Bliss2 字體，其大小字母都一樣清晰，非常適用于文字非常小的標(biāo)題、說明及引言這些短小的文字。



C ：小標(biāo)題及正文采用 ITC Cheltenham 字體，這種字體在很多雜志里會(huì)經(jīng)常見到。一種 20 世紀(jì)早期出現(xiàn)的字體。作為密集的正文文字字體，該字體具有清晰的閱讀性，而且顯得很低調(diào)。大圖片：
超大圖片——通常橫跨兩個(gè)對(duì)開頁里——對(duì)讀者能夠產(chǎn)生巨大的沖擊力。在處理大圖片時(shí)關(guān)鍵要做到只有一個(gè)視覺焦點(diǎn)，沒有復(fù)雜的背景。






單個(gè)元素更有力：為了使版面產(chǎn)生焦點(diǎn)，那我們就要制造一個(gè)焦點(diǎn)！圖片中那對(duì)冷峻的眼神象是在警告你不要靠得太近。這就是視覺溝通的力量，只用一張圖片，一個(gè)元素比用上一大堆人物的力量更強(qiáng)。如象上圖左那樣的圖片，一群人只會(huì)分散讀者的視線。所以在你處理圖片時(shí)，在心里問一下自己：如果我只有一個(gè)元素可以用，我該選擇哪一個(gè)？

舞臺(tái)中心：這個(gè)版面的力量來自于中心區(qū)域。對(duì)角的元素將版面一分為二。標(biāo)題放置在左邊（與臉部輪廓線對(duì)齊），而其它文字則放置在右邊。背景顯得很平淡，甚至略帶模糊，使到臉部成為了無可置疑的第一而且是唯一的焦點(diǎn)。垂直柱狀區(qū)域：

正如前文所述，《 SPIRIT 》雜志的垂直柱狀區(qū)域元素貫穿了整本雜志。這個(gè)元素有時(shí)用于區(qū)域信息，有時(shí)用于裝飾版面。






垂直的柱狀物一般用于區(qū)分兩種信息。如下圖中，它將左邊編輯的評(píng)論與右邊公司的一些大事記區(qū)分開來。上述版面其實(shí)充滿對(duì)比：寬和窄的對(duì)比，黑色的文字及白色文字的對(duì)比。

上方的欄目文字水平區(qū)域與垂直的柱狀區(qū)域在整本雜志上都看到，但垂直柱狀區(qū)域則根據(jù)版面的實(shí)際需要?jiǎng)t左右移動(dòng)調(diào)整。 變化：
這條垂直的柱狀線條在實(shí)際版面應(yīng)用中可以很靈活，也很有用。它將圖片與文字安排得更有整整有條而且更具特色：






A ：垂直柱狀線條下面是整幅的圖片，而在左邊則用一則引言來吸引讀者的眼光，標(biāo)題及文字仍然在右邊。

B ：右邊的圖片則好與柱狀線條接觸，而正文則處于另一邊。留意標(biāo)題放在了頁面的下方，但仍然給人是標(biāo)題的感覺。

C ：這里可以說是一個(gè)標(biāo)準(zhǔn)的雜志版面（插圖 - 標(biāo)題 - 正文），這時(shí)垂直線條去到了最右邊，而同時(shí)，它與上方的欄目文字相交接。大元素：

將“數(shù)字”放大顯示并且作為一個(gè)單獨(dú)的元素來排版，是一種有趣而且有效的吸引人的技巧，這些數(shù)字其實(shí)已經(jīng)給人是一種“圖片”的感覺。




將數(shù)字突出處理，使其成為一個(gè)類似圖片的元素。漂亮的字體（ HTF Didot italic ）使其顯得非常養(yǎng)眼。這種處理略顯夸張，也不是所有的地方都適用，如，在《美國新聞與世界報(bào)道》這些嚴(yán)肅的雜志中使用則有點(diǎn)造作，但對(duì)于《 SPIRIT 》這本只給乘坐飛機(jī)的讀者來說卻非常適合。設(shè)計(jì)系列版面：




這種突出數(shù)字的設(shè)計(jì)可以輕易使多個(gè)設(shè)計(jì)產(chǎn)生一種系列感，其特點(diǎn)是：每一個(gè)單頁上都有一個(gè)非常大的數(shù)字，有一個(gè)醒目的圖片元素（注意是沒有背景的，而是沿元素輪廓剪切），但標(biāo)題卻相對(duì)來說比較小，正文顯得很細(xì)小低調(diào)，當(dāng)然，還有那條無處不在的垂直線條。這種版面每一個(gè)元素都故意夸張?zhí)幚怼Ｃ恳粋�(gè)系列版面感覺都比較相似，但又并不是完全相同。里面的各個(gè)元素都互相形成了對(duì)比：粗和細(xì)，大和小，這一切都增加了視覺的吸引力。大目錄，第一頁：

該雜志的目錄在設(shè)計(jì)上將頁數(shù)放在最前面，整個(gè)目錄居中，沒有傳統(tǒng)那些點(diǎn)線，這使到無論是頁碼還是目錄的文字，都盡可能地放到最大，非常容易抓住讀者的視線。

下圖是傳統(tǒng)的目錄版面設(shè)計(jì)，題目及頁碼有點(diǎn)線來連接，這使到中間這么寶貴的地方白白浪費(fèi)。


而這本雜志的目錄版面則將數(shù)字放在前面，將點(diǎn)線去掉，使到我們可以將整個(gè)目錄內(nèi)容放在頁里的中間，大的數(shù)字采用 HTF Didot italic ，與雜志的風(fēng)格再次呼應(yīng)。



目錄第二頁：

這本雜志采用了很特別的“前 - 中 - 后”三種來區(qū)分目錄的題目，使到整本雜志的目錄被分成三小段，這種目錄的設(shè)計(jì)關(guān)鍵是要保留足夠的白色區(qū)域。然后采用一張輪廓剪切的照片來與目錄搭配。




A ：將頁碼的數(shù)字放在最前面也意味著可以省略那些點(diǎn)線

B ：留意照片中的頁碼是放在后面，前面則為引言。

C ：人物采用爵士歌手 WYNTON MARSLIS 輪廓照片，其與周圍三小段的目錄形成有機(jī)的配合。每一期的目錄都基本采用這種版面，只是根據(jù)照片的輪廓形狀來做適當(dāng)?shù)恼{(diào)整。

從上圖中，我們可以看到該雜志采用“前中后”來分類目錄。這是一種有趣的解決方式。因?yàn)椤?SPIRIT 》雜志并沒有什么固定的主題，里面文章的內(nèi)容也很難分類，飛機(jī)上的讀者在看這本雜志時(shí)總是隨手翻到那里就從那里看起，所以在目錄的設(shè)計(jì)上，這本雜志給人一種很隨意輕松的感覺，也正是讀者希望看到的感覺。

第二頁目錄右邊的處理顯得非常聰明。將文章中一些有用的信息集中起來然后作為類似公告欄的形式來處理，形成一個(gè)“文章推薦”欄目。留意，前面的數(shù)字并不是頁碼，只是要點(diǎn)的順序。給人耳目一新的感覺。“引言旗”元素
一些引言、說明、要點(diǎn)提示等文字雖然很小，但它們往往是首先被人注意的元素——有時(shí)候，讀者甚至只會(huì)閱讀這些文字，而不會(huì)深入閱讀正文。而本雜志采用的“引言旗”區(qū)域則使這些小文字成為焦點(diǎn)。

垂直柱狀元素與矩形元素形成了象旗幟的一個(gè)區(qū)域，使到里面的文字很容易被人留意。“旗幟”必須與“旗桿”接觸，可以放在圖片的上方。這本雜志的編輯深諳如何吸引人的視線之道，他們充分利用這個(gè)小小的元素來首先吸引讀者的注意力。里面的文字甚至可以象上圖一樣還加上一個(gè)小題目。這個(gè)元素在實(shí)際應(yīng)用中可以根據(jù)版面及圖片元素等實(shí)際情況來進(jìn)行不同形式的調(diào)整。

留意版面上方，垂直的柱狀元素將圖片與文字分開，但標(biāo)題同樣是橫跨兩個(gè)區(qū)域的。

有趣的“氣泡”：上方的小黃色元素看起來象是代表說話的氣球狀元素�！包c(diǎn)擊這里”的引言與其它元素有著完全不同的顏色及字體，居中的排版加強(qiáng)了形狀的傳達(dá)。

你在日常的設(shè)計(jì)中雖然不一定是在設(shè)計(jì)雜志版面,但里面的很多技巧卻值得我們借鑒