這是一本書籍的封面設計,和大多數的書籍內容一樣,它有一個書名,同時也包含著作者信息以及推薦語。
我們放大這個照片,然后吸取照片周圍的顏色,并且在封面頂部安排這本書的名字。
緊接著在下方比較空缺的位置上,當然也需要安排一些相關的內容了。
接下來按照這個思路,我們把書脊和封底的版面也都排上對應的信息。
一起來檢查一下,這個版面里,確實包含了點線面的造型元素,同時看起來也很規整。
我們把每個部分獨立出來,可以看到,在版面里也會特別去注意留白和分組的部分。
字體也選擇了符合主題的氣質,文字組合的灰度也很勻稱,層級劃分上也具備主次關系。
段落上還特別注意了避頭尾的問題,同時為了區分層級,還給小標題的字體修改了字重。那么,問題來了,這樣的版面構成,確實是按照所謂的規則去設計的,它幾乎符合大部分的版式設計原則。
可是這樣就算是一個好的設計嗎?顯然不是,因為它太常見了,這樣的設計很容易被復制,也很容易產生審美疲勞。當我們把它扔到書堆里,這種平庸的視覺外觀,或許也很難讓我們去注意到它。那么作為設計師的我們要怎么辦呢?這個問題,也就是我們這期要聊的內容了。
剛剛給大家看的這個小例子,相信大家也都深有體會了,很多時候,明明我們的作品符合設計的規則,可是觀感上卻不是那么回事兒。這可能是大家在設計道路上特別容易遇到的瓶頸之一了。
那么在本期的內容,會帶著大家一塊去試著尋找這個答案。這或許會給遇到相同問題的你,帶來一些參考價值!
為了理清這個問題,我們可以先從設計師的成長路徑開始說起。無論是宏觀到平面設計的發展史,還是微觀到個人的成長路徑,其實發展趨勢都是類似的。
盲目臨摹
我手里剛好有我們訓練營入學時的一個測試海報,我覺得它對于設計師的成長階段來說,還是比較有代表性的。那么在剛入行的時候,我們的作品可能更多是在模仿和臨摹。這個階段基本上是在鍛煉軟件技巧了。
沉迷視效
當我們的軟件技巧逐漸成熟之后,大家基本都就會掉到特效這個坑里。狂拽酷炫的特殊效果,誰不喜歡呢?
重視基礎
而當我們真正靜下心來,才會發現,那些曾經被我們忽視掉的元素,也恰恰是設計中非常重要的內容。所以來到這個階段后,我們的設計之路,才真正進入了正軌。
嘗試突破
當我們能夠真正熟練的應用所有版式設計原則時,這個時候,我們才是真正的走出了新手村。
△ AGI 在中國海報設計 / 世界最美的書展覽 / 深圳設計雙城展
在大量的瀏覽過優秀的設計作品后,我們或多或少都會從中看出一些的共性。如果讓我來說,我覺得他們都有屬于自己的個性和風格在里面。
這種設計思維是很重要的。可問題是,他們是怎么做到的?在我看來,理性和規則的部分可以通過學習和總結得到,而感性的創造部分,才是突破的關鍵。
剛剛說的好像有點抽象,接下來,咱們一起看點實際一些的例子。試想一下,如果讓你去修改畫面中的這四個封面的話,你會怎樣去優化它們呢?
那么第一本(圖左),它的修改思路是強調代表“地圖概念”的這個經緯線。(圖右)而這一版,是對原照片做了藝術化的處理,文字信息也都編排的很獨特。
接下來(圖左),雖然保留了之前手繪的畫面,但是在文字的排列上,特別加入了很多心思。緊接著(圖右),我們看最后這版。同樣的信息,同樣的元素。經過重新配置后,顯然要更有特點了。
看到這里,你發現能讓自己作品脫穎而出的訣竅了嗎?真正成熟的平面設計作品,都是勇于凸顯自己的風格和個性的。而這些特色,可能來源于設計師本身的美學素養,也可能來源于被傳達內容本身的氣質屬性。
為了能夠更深入的探討這個話題,我們接下來除了剖析這背后的內在起因之外,也特別收集了一些前輩們的觀點,那接下來我們一起看看。
當我們看慣了某種樣式時,就會產生所謂的視覺疲勞。就如同畫面中的圓形圖案,它們每一個看起來都平平無奇,好像長得都一樣,沒有什么特別的。可一旦這其中一個元素產生了變化,情況就完全不同了。它的獨特感就被周圍的元素襯托出來了,成為了全場的焦點。我們可以用一些專業名詞去描述這種現象,那就是差異化,或者是陌生化。而設計的過程中,往往需要一些反套路。
因為只有這樣,才能讓人們眼前一亮,差異化是產生新鮮感的一個必備要素。人們總是喜歡驚喜、對未知的事物充滿好奇,而對熟悉的東西視而不見。
我自己在做書的時候,有一個特別的方法。在每次我看到書名并且看完書的內容之后的第一時間,一定會去想象這本書相對應的圖像是什么,我會第一時間就先把這個圖像刪掉,因為當我能夠想到這個圖像,代表其他人也能想象到跟我一模一樣的東西,所以“第一時間刪除”就是我抽絲剝繭的第一步。第二個時間才去用更抽象的視覺表現方法把我的感受用出來。這其實對“讓書長得跟別的不一樣”有很大幫助。
設計師應該與大眾保持適當距離
當字型設計和排版有了一定的基礎后,我開始覺得應該可以在畫面中更加自由。我認為所謂設計不一定要有那么僵硬的想法,不一定要那么一絲不茍,有時候往完全不同的方向走不也挺有趣?
介紹完了各位大師的觀點之后,再來點理論基礎。左邊這位光頭大叔,是俄國形式主義的代表人物之一。他認為,藝術的手法是陌生化的,這雖然會增加人們感受它的難度和延時。但也正是這種感受的過程成就了藝術。陌生化理論可以說是俄國形式主義的一個重要理論,它的基本觀點在于以反常規的手法將熟悉的事物變得陌生化,通過增加感受的難度和延長感受的時間來重新喚醒人們對事物的感受能力。
從形式上來說,設計的視覺快感來源于單調和混亂的適當均衡。貢布里希認為,在信息的傳達過程中,信息量的大小是根據意外程度的高低來衡量的。所謂“出乎預料之外,又在情理之中”。用信息論者的話來說, 預期到的就是“多余的”。
說到這大家對陌生化和差異化應該有一個比較全面的了解了。
再回過頭去看那些所謂的流行風格,像是蒸汽波、孟菲斯、新丑風和酸性設計這些。其實他們也都是針對現代主義設計風格的一種差異化路線。
掌握了內功心法之后,我們終于來到實打實的應用環節了。平面設計中的基本元素,無外乎就三大類,分別是:照片元素;圖形元素;以及文字元素。這里的圖形是一個很特別的元素,因為它連接著具象的照片和抽象的文字。我們首先來看看怎樣讓給照片元素看起來更新穎獨特。
我們拿這張照片來舉例,想讓具象的照片看起來不同,其實可以讓它往抽象圖形的方向上去靠攏。
比如將其處理成半調網點,就是一個不錯的選擇。通過對網點大小的漸變的處理,去實現灰度上的變化。這種方式特別適合分辨率不高的應用場景。
或者可以調整照片的閾值,讓整體形成類似浮雕的效果。
映射不同的色彩,也是改變照片原有印象的不錯選擇。類似安迪沃霍爾的波普作品。
當然你也可以將照片退底處理,讓背景更純凈。
像素風格,也不是不能嘗試。
或者干脆把剪影直接呈現出來。
或者利用文字去置換圖像
又或者是裁剪照片,讓它看起來更陌生。
處理成類似油畫的效果。
或者利用扭曲技巧,都是產生差異化的有效手段。
我們回到之前的這版封面設計上,用我們今天講到的內容,試著修改一下它。首先,我們把背景恢復成原來的樣子。
對于照片來說,選擇了這一款類似剪影的處理。讓原本的作者照片看上去更有想象空間。
文字編排上,也盡量增加一些層級和節奏上的變化。
在主標題的周圍強調線條的樣式,其實也是一種改變文本固有外形的做法。當然,底部的信息做一個錯開的樣式也是為了增添變化性。
緊接著,我們繼續安排底部書脊和封底的局部內容。
這一次,上半部分的內容也會安排的不那么滿,讓留白空間變得更充裕一些。
剛入行的設計師,往往會恐懼空白的部分,希望把所有地方都填滿,其實這樣做反而會讓畫面顯得不夠自信。
到這里,這本書相對于之前來說,是不是更有趣味了。
剛剛我們聊完了圖片的部分,接下來,再來說一說文字方面的陌生化處理。不得不強調的是,文字可以說是平面設計中非常重要的元素了,一個設計里可以沒有照片,但是絕大多數情況下,都不能沒有文字信息。對于文字編排的差異化,其實也是在將它逐漸轉變成圖形和圖片的過程。
舉一個具象一些的例子,我們看這個畫面里,你會更傾向于看哪一幅畫面呢?一定是現在我標注的這一張吧。試想一下為什么?是不是它看起來更像是一幅抽象的畫面?
為了讓文字的編排變化顯得豐富,我們可以有很多辦法去實現它。這里我們用這段文案來舉例說明。
比如剛剛我們使用到的線條,就是裝飾文本的有效手法。注意,這里的變化雖然并不大,但是呈現的效果卻完全不同。我們把這個標題放大一些,是不是更明顯了?就像添加了一個被簡化的方塊覆蓋到了標題。
或者我們也可以這樣,讓日期信息更醒目一些。加大這種對比,也會產生一種圖形感。造型豐富的編排雖然很獨特,但是也需要注意它和其它元素之間的配合。這種編排上的造型結構,其實可以做出非常多的變化。比如這樣,或者這樣。又或者是這樣。除了畫面中展示的這些信息,我們還可以提取一些更有圖形感的元素。
比如提取地址信息的地圖,就是很常見的做法。當然這個地圖并不需要完全精確的還原,帶有功能性的同時,它也是一種裝飾元素。我們看這樣的信息規劃,是不是就更豐富了。
? 控制俱樂部展覽海報設計
除了剛才我們提到的那些方式之外,我們也可以讓信息在版面里構建結構上的變化,就像畫面中的這個展覽海報一樣。
咱們來分析一下它的構成,首先,藍色的部分都采用了橫排的排版方式,同時,分欄和錯位的處理和常規的對齊編排相比也很有差異感。綠色的部分采用了豎向的排列,這就讓原版的版式構成看起來結構更豐富了。最后,是下面灰色的部分,它的造型更接近點的構成形式。
? 《河的邊緣》演出海報設計
當然,如果你想讓版面中所有的信息都能夠呈現出圖形化的差異編排,也是沒問題的,只能說這樣的構成會更考驗設計師的規范能力。
為什么這樣說呢?我們先把所有的信息組合都提取出來,我們一塊來分析一下你就會明白了。這些組合雖然看起來都很搶眼,其實也會考慮到主次關系的。甚至為了產生足夠的差異,還特別添加了色彩對比在里面。除了剛剛的主副標題,我們也會發現在組合中也會有很多更加有圖形傾向的排列。當然,他們之間也都有強弱的層級處理。最后是一些和展覽有關的詳情信息,我們可以看到,這一類信息在排列上,明顯會更普通一些,相對于其他類型來說,變化性也更少。
這里我可以教給大家一個小技巧,那就是我們在平時觀看設計作品時,可以多去注意那些和常規編排不一樣的小組合,你也可以像我這樣,把它們統統截圖收藏。等你積累了一定的數量后,也就會產生思維上轉變了。
接下來,我們就應用剛剛學到的知識,重新修改一下前面提到的那一版書籍封面。這一次,咱們從圖形和文字的角度切入。首先我們可以從主題的含義出發,看看能得到哪些信息,萬物在我的想象中,它是概括性的是指一種廣泛的什么東西。而古怪當然就是一種不常見,怪異或者是很晦澀的東西。最后,秩序就比較好理解了,也就是一種規則和變化性。
有什么元素能夠表現萬事萬物呢?在視覺領域里,圓角方這些幾何圖形,幾乎可以表現所有元素。我覺得這里我們使用幾何形這種抽象的概括元素,還是比較符合萬物這個主題的。
到這里,其實我們的問題也才解決了一半,古怪的秩序又要怎么表現呢?經過一番思考之后,我最終決定從這三個圖形中去尋找所謂的規則和趨勢。
我發現,三角形的三個角點是構成一個面的最少元素了,而反觀圓形呢?它貌似完全沒有可以定義的點,或者換一種視角,是無數個點定義了它的點造型。而方形正是一種介于它們之間的造型,它也是唯一一個四個邊都垂直水平的造型了。
那么有了以上的線索后,我們基本解決了體現主題的所有基本要素了,接下來就是把概念賦予實體的階段了。
這里我通過圖形漸變的形式呈現它,從三個角不斷增加角點,直到它非常接近圓形為止。這種秩序其實本身就很不常見,我們當然也能賦予它奇怪的印象了。
剛剛我們也有說到,在這些圖形中,方形是最奇怪的那個,因為它是所有圖形中,唯一具備垂直水平線條的那個。所以為了讓這個奇怪的圖形看起來更突出,我使用填色對它做了進一步的強調處理。
色彩搭配上,我也運用了對比色去呈現它。那么由于這個主題本身就偏理性,并且屬于心理學范疇,給人一種很大的距離感。所以在色相和情感上,我也會盡量往這個方向去靠攏。
主視覺確定好之后,接下來可以把它安排封面的偏上位置。背景色的選擇也是貫徹了之前對色彩陌生化屬性上的考慮。接下來我們可以安排文字信息了。
這里我們首先把主題的英文翻譯做了強調處理,因為不同的語言本身就具備一定的陌生感。在編排結構上也會盡量避免常規的排列,那么這里的訣竅就是放棄我們第一時間會想到的排列方法。這里我將相同的層級內容,基本都做了分段處理,即使是同一段話,雖然為位置被分開了,但是由于字號上的相同屬性,也會把遠離的內容重新連接到一起。
接下來是版面頂部的信息,編排理念上也同樣貫穿了句子分離的形式特點。
主標題的添加,有時候也不一定就要放大才能看到它。也可以通過造型、位置、色彩等等其他的強調手法。而這里方形和三角形的結合,本身就具備一定的辨識度和獨特性。我們可以在書脊的部分繼續沿用它。封底的部分也是一樣的。它在這里主要起到了一個連接和呼應的作用。
接下來就是在書脊和封底部分繼續添加其余的信息元素了。
說到文本的分欄,我們第一時間想到的往往都是等頁邊距的劃分。那么這里就反其道而行,這里取消了頁邊距的設定,讓整個文本欄呈現向外飄逸的視覺感受。在基本結構確定好的基礎上,接下來我們繼續安排書號、分類和定價等信息。最后,還有條形碼等內容。而左下角的圓方三角的圖形,也是為了呼應主視覺而特別加入的一個小彩蛋。
到這里,這個封面設計的案例也就基本完成了。
以上就是我向大家分享的一些經驗和總結。對于陌生化的設計手法,你會更喜歡照片的刻畫方式還是從圖形和字體編排的角度出發呢?
今天學到的這個新知識,無論你有沒有注意到它,陌生化理論是設計和藝術中廣泛被應用的一個基本原則。它告訴我們,有些時候也許信息可以不那么清晰,并不一定所有的內容都要有很強烈的易讀性。作為設計師的我們,是可以調配出很多有個性的版面效果的,但前提就在于,這一切都是在你控制范圍之內發生的,不然就真的翻車了。
以上就是本期的全部內容,如果你喜歡我這期的內容,別忘了給我點贊。
歡迎關注研習設的微信公眾號:「Yanxishe2017」
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 730 位幸運星
發表評論 為下方 49 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓