在今天的互聯(lián)網(wǎng)中，文藝青年的人設(shè)總是特別吃香，給人一種逼格滿滿的感覺。那么在設(shè)計中，是否也存在著文藝風格呢？答案是肯定的，文藝的設(shè)計作品一般都有比較大的留白和非常精致的文字編排，并且傳達出比較高的格調(diào)。那么今天的這節(jié)課就給大家扒一扒這文藝風格到底是怎么回事，領(lǐng)著大家當一回設(shè)計中的文藝青年。

在千禧年前后，大陸的音樂產(chǎn)業(yè)還沒有現(xiàn)在這樣成熟，而港臺的音樂盛極一時，直到現(xiàn)在許多 90 后的老叔叔老阿姨都會懷念那個音樂的黃金年代，以前聽的是五月天、孫燕姿、王力宏，到了 20 年后的今天還是聽著他們的歌。也正是因為當年臺灣音樂的流行，臺灣也誕生了一批音樂專輯設(shè)計師。

△ 聶永真，方序中

其中最為我們熟知的應(yīng)該是聶永真和方序中兩位了，聶永真是臺灣第一位 AGI 成員，而方序中則是首位設(shè)計了金馬獎、金鐘獎和金曲獎的三金設(shè)計師。

由于當時音樂的內(nèi)容大多數(shù)都是與愛情、友情等情感相關(guān)的，所以設(shè)計的專輯風格就都是偏文藝向的。慢慢的，似乎就形成了一種文藝風格。

這種文藝風格也不局限于專輯，他也被應(yīng)用到了海報、書籍和雜志封面或者是產(chǎn)品包裝等領(lǐng)域。

這種風格適合用在需要展示文化感、或者是情感的地方，它是具備有情感屬性的，而力量感或科技感則與之背道而馳了。

那么這種風格有沒有什么規(guī)律可循呢？當然是有的。首先來講一下照片的選擇。

一般文藝的設(shè)計作品都會配有文藝的照片。而這張照片的選擇對畫面的影響是非常大的。如果選的照片不夠文藝，那么版面排得再好文藝感也會大打折扣。

例如這一張專輯，換了一張同樣是斑馬線的圖片，雖然也不能說丑，但是味道就明顯不對了。可想而知，圖片的選擇是有多重要。

那么文藝的圖片都有些什么特點呢？這里我給大家介紹一位日本攝影師——濱田英明。

田馥甄、蘇打綠、五月天、盧廣仲等許多臺灣歌手的專輯寫真都是由濱田英明拍攝的，所以濱田英明的作品能在一定程度上代表了文藝范，希望大家可以通過這位攝影師的作品，嘗試去理解文藝的圖片是什么樣子的。

濱田英明的攝影作品風格是比較干凈或者是自然的。如果是想要塑造干凈的感覺，濱田英明一般會避免過于復雜的背景，讓畫面顯得更干凈。

而自然的感覺主要來自于人物自然不造作的姿勢與神態(tài)加上綠色的自然環(huán)境。

在拍攝的角度上，濱田英明經(jīng)常會使用遠景去拍攝，人物所占的面積雖然小，卻是畫面的視覺焦點，讓大面積的環(huán)境氛圍去烘托人物的處境。

又或者用近景去拍攝人物，讓觀者可以細細品味人物臉上的表情。

色調(diào)方面，濱田英明的攝影一般都是以冷色調(diào)為主，冷色調(diào)更有清新的味道。

或者在冷色調(diào)中加入一點點的暖色調(diào)，形成冷暖對比會讓畫面更有沖擊力。

前面說的都是偏向技法類的總結(jié)，而文藝照片更吸引人的本質(zhì)在于展示故事性，通過圖片我們能有聯(lián)想，例如畫面里迫不及待去玩耍的小女孩。

或者通過圖片能感受到人物溢出畫面的情緒，例如上圖的女孩就洋溢著滿屏的嬌羞和開心。

例如同樣一張照片，滿版式的構(gòu)圖和留白式的構(gòu)圖給我們的感覺是不一樣的。左邊滿版的視覺沖擊力會更強一些，而右邊的才比較更符合文藝的定位。

留白并非只有純白的，沒有文字和圖片的地方。在圖片中比較干凈的區(qū)域也能算作是留白，它同樣能提供想象的空間。

也許會有人說那大留白的版面也太好做了吧，我隨便做好一塊，把別的地方空出來就好了。真的是這樣嗎？例如畫面中這是聶永真做的一個封面。

我將畫面中的元素打亂重新排了一版。我們會發(fā)現(xiàn)兩邊同樣是大留白，左邊就很精致，而右邊就顯得很空很亂。為什么呢？正是因為大留白，才更需要將布局做得嚴謹，文字的部分排得足夠精致，不然留白就會變成空。

筆畫粗細不同的文字能給人不同的印象，纖細的文字給人以女性，有機的感覺，這是符合文藝感的情感屬性的，是做文藝風格的首選；粗壯的筆畫則給人力量感，最好不要使用這樣的字體設(shè)置；而中等粗細的文字在字號小的情況下也可以考慮使用，能保證大小字號的灰度勻稱。

另外文字字號的跳躍率也需要注意。小的跳躍率能顯得比較精致細膩，而跳躍率大的則顯得比較有沖擊力。

我們這樣做一個對比，這一稿的文字我做得比較纖細，字號跳躍率比較小，整個版面是非常文藝細膩的。

如果我將字號差距拉大，字重加粗之后，畫面就會產(chǎn)生一些力量感和視覺沖擊力，而原本的文藝感就被毀掉了。

如果我們沒辦法寫出好看秀氣的字形的話，我們可以嘗試故意將字寫得笨拙一些，甚至可以用左手寫字，也許能寫出一些特殊的味道。

五月天的這張專輯所用的手寫字就是比較笨拙的，可是也非常的好看。

如果實在寫不出來的合適的手寫字，我們可以用英文的手寫字庫作為畫面的點綴，這樣同樣能夠增加版面的文藝感。不過需要注意的是，選用的手寫體不能夠太粗或者太粗獷，這樣氣質(zhì)上會顯得不搭。

前面說到，文藝風格的版面講究大留白和低跳躍率，就像現(xiàn)在這個版面一樣，可是這樣可能會顯得有些無聊。那么我們就可以在版面里加入一些點元素，因為點元素具有活潑的屬性，能讓版面不那么呆板。可是像這樣加點太過粗暴了，我們應(yīng)該怎么加呢？

臺灣文藝風格設(shè)計中，一般會將文字處理成點的元素。例如這樣一段話，我們可以把它看做一個面。

而如果我們把其中一個字拉開之后，就會形成一個面，和一個點。

如果將所有文字的字間距都拉開之后，就會形成了多個點。

我們再看回這個畫面。我們可以這樣將部分文字的字間距拉開，這樣的版面就能夠更活潑一些了。

色彩的部分，我們一般會使用淺色調(diào)作為畫面的配色，因為淺色調(diào)更符合人對清新、文藝的印象。

臺灣這些設(shè)計大師也經(jīng)常采用淺色調(diào)的配色。

當然如果有特殊的主題或者有比較負面的表達需求的話，深色調(diào)或者是別的配色也是可以使用的。

最后一點是線的使用。當我們編排好一個大留白的版面之后，總覺得畫面有點空，不舒服，那么我們就可以在留白的區(qū)域適當加入一些線。這樣既有留白的感覺，又不會顯得太空。

這里不得不再一次提到聶永真，聶永真非常擅長用線，他的許多作品都是用寥寥幾根線就把整個版面給撐起來了。

線也不單純的指線，可以將線與文字組合，又或者一行文字本身就可以看做是線。

到這里，我們總結(jié)的規(guī)律就差不多講完了。可是知道了規(guī)律就代表能駕馭這種風格了嗎？肯定不是的，當實際操作之后，我們會發(fā)現(xiàn)很容易版面就會編排的太零碎。接下來我給大家找到了一個反面例子，希望大家可以從這個反例中提取出版面亂的原因。我們來分析一下這張海報是否用到了剛才總結(jié)的知識點。

我們可以看到這一張海報使用了剛剛我們說的大多數(shù)原則，可是為什么還是不好看呢？因為這張海報顯得太零碎，太亂了。

△ 聶永真

當然，零碎也是有零碎的美的，就像這個作品，就非常美觀。但是零碎的海報難度是比較大的。所以接下來給大家介紹幾種讓版面不那么碎的方式。

△ 聶永真

第一種是將文字編排矩形，這樣文字看起來就會非常的整齊。

△ 聶永真

矩形并不意味著就是把文字都堆在一起形成矩形。像現(xiàn)在這個封面，他的文字雖然沒有完全黏在一起，可是其實文字之間形成了若干個矩形。

△ 聶永真

而像這個封面，則用文字包圍成為了一個矩形。

我們剛剛看到的這張海報為什么會覺得他亂，就是因為這張海報的留白太零碎了。

如果我們將文字像這樣編排在一起之后，留白就變成了完整的兩塊。

如果我們將文字組往下挪的話，那么留白就進一步減少成一大塊了。這樣的版面就更加整齊了。

最后一點是為版面的編排尋找依據(jù)，我們最常用的就是網(wǎng)格系統(tǒng)。例如這個版面中的文字，并不是所有的文字都能形成矩形，但是版面卻不會顯得亂，那是因為他嚴格準尋了網(wǎng)格系統(tǒng)。這個版面可以豎向分成 5 欄，橫向分成 4 欄。

現(xiàn)在大家應(yīng)該能理解如何做出一個又干凈整潔又文藝的版面了吧。不過規(guī)整和零碎之間也是需要有一定的取舍的，如果一味的追求讓版面規(guī)整，那么最終做出的版面肯定會非常的呆板無趣。下面我們就給大家演示一遍改稿，讓大家體會一下如何規(guī)整而不單調(diào)。

這個是從那個海報中提取出來的文案，可以看出這是一張介紹專輯的海報，所以使用文藝風格是合適的。

我們先建立一個畫板，剛剛我們講到原海報非常的凌亂，所以我們建立好一個網(wǎng)格系統(tǒng)，以便規(guī)范好我們的版面。這里我用的網(wǎng)格是 9*9 的網(wǎng)格。

原稿的圖片放得非常大，而我希望圖片能縮小一些，給版面留出更多的留白。所以我將圖片放在右上方，占右側(cè)的 6 欄，這樣圖片就是以三分法放在了版面里。上方我留出了半欄的位置放置文字信息。

這里我將中間的英文替換成了手寫體，增加版面文藝感。另外文字組里的元素也要注意對齊網(wǎng)格線，中間的這一組信息橫向?qū)R的是將橫向網(wǎng)格繼續(xù)細分成五欄后的網(wǎng)格。

接著我將標題文字放在了畫面左側(cè)的這個位置，這樣能形成一個對角線的構(gòu)圖。并且標題的字間距拉開，形成點的元素。

日期信息我也是處理成了矩形，而且這個矩形上中小文字也形成了點的感覺。

最后在版面上方加上剩下的文案，讓上下方有文字的呼應(yīng)。

我們這張海報就做好了。我們可以對比兩邊的留白，（右邊的留白是非常零碎的，而我們改稿之后留白就只剩兩大塊了。

我們一起來回顧一下這節(jié)課的內(nèi)容。首先我們分析了「文藝風格」的由來與發(fā)展，接著我們總結(jié)了 7 條「文藝風格」的規(guī)律，分別是文藝照片、大留白、纖細的文字和低跳躍率、手寫字、點元素、淺色調(diào)還有線的運用；然后又給大家講解了三條讓文藝版面不零碎的方式，分別是文字編排成矩形、留白成塊并減少留白數(shù)量和為版面編排尋找規(guī)律；最后我們給大家演示了一次案例改稿，希望大家能從中找到規(guī)整與零碎的平衡。那么我們就講到這里，我是千樹，我們下期再見。

歡迎關(guān)注研習設(shè)的微信公眾號：「Yanxishe2017」