想要成為一名合格的設計師，我們的工作當然不只有摳摳圖和改改尺寸這麼簡單了，每當被領導和客戶說我們的設計缺乏創意的時候，相信你也一定有過奮發圖強的決心吧。可問題是，我們要怎樣才能提升這方面的能力呢？導致我們作品看起來蒼白無力的主要原因，並不是我們沒有天馬行空的想象力，而很可能是我們的實現方法出了問題。在這期教程中，我會教你如何巧妙地在作品中融入更多內涵。
往期回顧：
總監說你的平面作品太散？這篇深度乾貨來幫你！
繼接近原則之後又一篇深度好文，帶你從一個實戰案例中掌握經典的「相似原則」和「共同命運原則」，幫你更好更快的達成設計目標。
閱讀文章 >>
在一個項目的提案過程裡，設計師為了提升過稿的效率，通常會為客戶提供多組稿件進行選擇。可萬萬沒想到的是，大部分客戶往往會提出，把幾個稿件結合一下的要求。雖然這種要求很過分，但在合理的情況下，設計中的魚和熊掌其實也是可以兼得的。同時帶有兩種屬性的設計，看起來也會更有創意，讓人覺得它更具內涵。那麼如何才能讓你的設計作品，看起來更有內涵呢？
我們可以從日常生活中去尋找這個答案，我們看，雖然大家都知道它們是雲對吧，但是從這裡面我們卻能夠看到一些其他內容。兔子、老鷹或者是佛祖，我們的視覺感知就是這樣的神奇。
那麼藝術當然也是來源於生活的，你在這幅畫中都看到了什麼呢？它是一張躺著的面孔嗎？還是一群坐在地上欣賞風景的人呢？
這幅《妄想狂的面孔》，出自西班牙畫家達利之手，他在這幅作品中通過組合與排列，讓人們產生了視錯覺的現象，從而創造了一個奇妙而有趣的視覺魔術。
在藝術創作中，這種似是而非的視覺手法，不僅打破人們過去的認知經驗，同時它也為畫面帶來了進一步的思考空間。在兩種認知的來回切換中，誘發人們對於畫面的主動思考與探索。
那麼在平面設計中，這種創意手法也得到了進一步的延續，我們從這些版面中，不僅能看到骷髏和老虎，同時它們也傳達出了其他的內容。
而在這背後，其實是圖底的轉換在起著關鍵作用，那什麼是圖底轉換呢？這個專業詞彙來源於格式塔知覺理論，「圖底轉換」的意思就是在說，圖像與背景之間相互轉換的視覺現象。
用超多案例，幫你學會經典格式塔理論的7個視覺原則
用一篇超全面的文章，幫你掌握經典格式塔理論的 7 個視覺原則以及實際案例中的應用。
閱讀文章 >>
那麼怎樣去理解它呢？其實很簡單啊，我們的認知心理會把眼前所看到的一切事物分層處理。比如我們現在看到的這個畫面。而海面與天空相對較遠，它們就成為了底。也就是背景的部分。這也是人們認知事物的一種生理機制，它能幫我們快速瞭解眼前的內容。船就是一個整體單元，我們會很自然地認定它是更靠近我們的圖。
那麼我們是根據什麼判斷圖和底的呢？首先就是面積的大小，我們看畫面中的黑色的圓形，要遠遠小於白色的方塊。那麼這裡我們會認為圓形在方形的上一層，那麼小的那個就是圖，而大的那個就是底了。
這種認知的過程也包括位置上的關係，如果一個元素處於中心位置，那麼即使它與背景的視覺面積相等，它也會被當做圖去看待。這是因為我們的大腦不會認為黑色塊是這樣破碎的樣子，相反地，大腦會把被白色遮擋的部分腦補成一個整體，這樣背景依然是更大視覺面積的元素了。
所以，即便中心的這個白色圖形，在面積上遠遠大於黑色圖形，那麼它也一樣會被認為是圖，而黑色部分是底。
另外，元素的外形與內部紋理越複雜，越容易被人們理解成是圖。因為更復雜的外形，加上更清晰的紋理，這些都會給人更靠前的印象。相反的，元素內容越簡潔，就越會給人遙遠和模糊的心理感受。它們也自然會被當做底來理解了。
但圖與底的概念，在有些情況下並不明確，比如在面積相等的情況下，沒有一個元素是靠近中心的。那麼這時，我們的判斷就會變得飄忽不定了。有時候，我們會把黑色當做圖，白色當做底。那麼有時候，也會完全反過來，把白色當做圖，而黑色就變成了底。
這種認知上的錯覺，就讓圖底之間的轉換概念產生了。圖與底會同時具備形態的特徵，完全不存在從屬關係，而是各自獨立又相互依存的狀態。
那麼到這裡，一個有意思的問題就出現了，斑馬是黑斑的白馬，還是白斑的黑馬。那麼在這個無腦題的背後，其實是大自然演化的鬼斧神工。保護色的作用，就是為了欺騙天敵的眼睛。
我們的大腦會根據經驗去歸納眼前的事物，心理學把這種現象叫做認知的恆常性。也正是這種恆常性存在，當你用白馬的眼光去看它的時候，那斑馬身上就是黑色的花紋；而反過來就是白色的花紋了。
那麼在圖底轉換領域裡最經典的，應該就是我們現在看到的這個例子了，它雖然有很多的變體版本，但在構成的形式上卻從來沒有改變過。大家應該都見過這個圖形吧，它就是著名的魯賓之杯。是由兩個對稱的面孔構成的杯形雕塑。
創造它的人，叫埃德加·約翰·魯賓，他的研究與格式塔心理學關係密切。
早在 1915 年，他就發表過關於「圖底轉換」的論文，並在論文的基礎上創作出了這個實驗圖形。他的研究成果，也深受格式塔學派的青睞，甚至有人認為他也是格式塔的代表人物。
在此之前，人們普遍認為圖與底是不可轉換的，而魯賓之杯的出現，徹底打破了這個觀念。
由於圖底轉換的趣味性錯覺，往往需要用黑白色彩來區分，所以在國內，我們更喜歡把這種圖形叫做正負形。但同類型的視錯覺表現也並不侷限於此。
奈克方塊就是一個很好的例子，由於缺少參照物，我們的視覺恆常性機制，會在方塊的俯視圖和仰視圖之間來回切換。類似的，我們把方塊添加光影之後，好像就解決了一部分問題，但一些外來因素的加入依然會影響我們的判斷。比如我們加入一個球體，這時畫面就變成了一個向內凹陷的立體空間。而隨著球體位置的改變，我們又會認為，底部的圖形其實是一個向外凸出的塊體。
土地關係的不明確性，也體現在自然界中。為了躲避天敵或者是不被獵物發現，動物們總是希望自己能夠更好的融入到背景當中。
看到這裡你可能會認為，隔壁的森林之王有點飄了。為啥別的動物都隱藏得那麼好，就唯獨你弄了這麼顯眼的皮膚呢？
其實啊，是我們誤會老虎了，和我們人類不同的是，老虎的獵物基本都是紅色盲，在獵物的眼裡，其實老虎隱藏得還不錯。
圖底轉換是一種獨特而又趣味的視錯覺現象，它展現了「圖」與「底」之間的「混沌性」，而這種「混沌性」也很受設計師們的喜愛，因為這種手法可以讓設計作品容納更多的概念與思考。那麼都有哪些方法能夠實現這種效果呢？我看你骨骼驚奇，很適合成為一名設計高手。那麼我這裡有一些實現「圖底轉換」的實用方法，我們一起來看看吧。
那麼第一種方式，叫形體的遮擋。這種方式其實比較簡單粗暴，在圖形的實現上也相對簡單。我們要做的其實就是用一個圖形疊在另一個圖形之上就可以了。
但方法簡單也並不代表效果就會很簡陋，我們看，畫面中只需要使用兩種顏色，就可以把造型很清晰地描述出來，簡約而不簡單。
再看這組案例，我們也可以讓這些圖形在「夾縫中生存」，雖然這樣的契合度不高，但也是一種簡單的解決辦法。
那麼第二種構成方法，叫形體的錯位。錯位這個概念其實很好理解，比如我們現在畫面裡的香蕉，我們就可以在水平方向切割它，那這樣，就會形成一個錯位的效果。
那麼現在從上面看是三根，從下面看又是兩根了。
我們再把上面的香蕉反白處理，那麼到這裡我們就得到了一個典型的錯位圖形了。是不是也很簡單呢？
著名的日本平面設計大師福田繁雄，就非常擅長這種技巧。
從不用電腦設計的世界平面設計教父：福田繁雄
福田繁雄一生作品無數，單海報就有上千幅，獲獎無數。其設計表達出來的高度及其獨特的創意想象，不需要任何語言解釋就能看懂，令人印象深刻。
閱讀文章 >>
從他的作品中，能看出很明顯的錯位表現。
這種錯位當然也不侷限於一條分割線，我們看這兩幅作品，它們的形體錯位，就完全是圍繞著一個圓展開的。
除了在錯位的路徑上下功夫之外，還有一種可能性，就是改變元素的種類。就像畫面中的這兩幅案例一樣，不同的元素相互結合，會產生更有深意的畫面感受。
太極就是比較典型的例子，在一個圓形的輪廓中，無論是黑色部分，還是白色部分，它們所有的輪廓基本都是結合在一起的。
我們來看一些案例，這類方法的特點就是，相互結合的元素，通常都是相同的內容，同時，一個圖形的輪廓完全嵌套於另一個圖形。
埃舍爾的創作，就非常喜歡運用這種視錯覺現象。
他創作的嵌套插畫，輪廓上基本都是完美對應的。重複、旋轉、平移，這些作品不僅體現著圖底關係的巧妙，同時也反映了變化豐富的節奏韻律。
這幅《第 21 號平面規劃分割》，是埃舍爾在 1938 年創作的，通過精密的計算，實現了以三個小人毫無間隙地填滿整個畫面。
那麼接下來，咱們再看下一種，多形圍繞的方法。
多形圍繞的特點，就像我們現在看到的這個圖形一樣，在中央位置的黑色三角形，實際上就是周圍圖形共同圍繞出來的空間。
接下來，咱們再看第五種方法，共用線的半包圍形式。我們拿畫面中的這個狗舉例，標註紅線的部分，就是一個沒有封閉的半包圍結構。我們可以在紅線的基礎上修改出藍線的形狀，那麼藍紅線交叉的部分，就是兩個形狀的共用線了。
這種方法的特點就是利用圖形的邊緣，通過共用的線條去表現另一種形狀。
咱們再來看組案例，你能找出它們的共用線在哪嗎？只要仔細觀察邊緣形狀，我們就能很快找出它們了。
我們要做的，首先是把內容中想要表達的事物具象化，然後尋找兩種形狀之間的共用部分，最後嘗試結合。
剛剛我們學習了共用線的半包圍形式，那麼既然有半包圍，當然也有全包圍的形式啦。全包圍的共用線，主要是修改封閉空間的造型，比如畫面的英文字母 O，就是一個比較典型的例子。
我們可以把這個字母 O 的內部的空間線條，修改成其他形狀。
這是一些應用的案例，從左到右的封閉線條，被替換成了葫蘆、酒瓶以及蝙蝠的形狀。
我們來看一組肯德基的創意海報，這裡人物的嘴巴就是一個封閉的空間，那麼喜歡吃的朋友可能已經看出來了，這裡的造型被替換成了食物的形象。
這組案例也是一樣的，只要找到封閉的全包圍空間。我們就可以根據它的線條，去嘗試變化出其他的造型。
那麼到這裡，我一共向大家介紹了六種和圖底轉換有關的處理方法，它們之間雖然各自獨立，但也存在著相互補充的關係。在實際應用中，當然也可以相互結合使用。
利用這種圖底轉換的視錯覺原理，我們可以創造出很多富有創意的圖形。那麼看到這裡的小夥伴一定迫不及待地想動手試一試了吧。那麼接下來，我們就一起進入案例的演示環節。
文案信息的內容是第五屆的光輝獎的徵文啟事，仔細閱讀後我們就能夠得出一些對我們的設計有幫助的信息。
文學類的小說、與法治相關的內容、有競賽的屬性以及光輝的主題。
法治的定位可以作為我們之後版面的主要基調，而文學屬性，我想通過大量的文本編排去體現。
想要體現文學這種飄忽不定的概念，自然要為它選擇一個具有象徵性的實體了。而書寫的工具在我看來就是一個不錯的選擇，那麼接下來的問題是，我不想直接在版面里加入一支筆，所以我想找出一個能夠代表它的部位。
這裡啊，最終選擇了筆尖部分。那麼能夠象徵文學的元素找到了，接下來就是如何讓它與光輝這個概念產生一個結合了。
雖然能夠產生光亮的事物有很多啊，但我覺得燈光與文學創作可能會更有聯繫一些，不知道小說家們是不是和我們一樣，都喜歡在晚上進行創作呢？
那麼如何把筆尖與燈泡這兩個元素結合到一塊呢？這啊，就需要用到我們這節課所學到的知識了。還記得我剛剛講到的那六種方法嗎？找到它們的共用線，就是組合出新創意的突破口。
那麼經過了多種嘗試之後，我得出了這樣的圖形。燈泡與筆尖氣孔的輪廓，很好地融合到了一起，產生了新的圖形。你發現了嗎，筆尖的造型，像不像一個窗口，而在其中是在燈光下創作的小說家們。通過這樣的場景聯想，光輝獎的概念被具象化體現出來了。
那接下來我們的工作就是處理文案信息了，我們首先把標註紅色的英文與標註橙色的數字替換成西文字體。
我們看，經過修改後的西文部分，與原來的漢字灰度搭配得更勻稱了。
接下來我們要解決的是字與字之間的留白關係。我們需要讓它們看起來更緊湊一些。當然，預留出足夠的喘息空間還是非常有必要的。
不僅如此，留白的區隔概念，能夠幫助我們把不同的信息區分出來。當然這種留白上的區分可以包含多個層級。然後在這個基礎之上，部分補充內容可以縮小字號，弱化它們的存在感。
為各類標題添加上一些符號，能夠把它們從文本中強調出來。當然，視覺對齊也很重要，直接沿用系統默認的設置有時候效果並不理想。
把英文修改成大寫形式，能夠很好地規避字母升部與降部所帶來的不規則感。
把用來區分的標點更換成斜線，會更有圖形的感覺，當然這就屬於我的個人喜好了。
這裡我標註的兩個地方並不是屬於標題，所以為了區分，我重新把它們修改成小寫狀態。
通過一些基線上的微調，可以實現文本在垂直方向上的對齊。我們放大看一下，這裡的兩段信息被修改成了居中對齊的狀態。那麼接下來我們還可以繼續優化嗎？當然能，我們還可以對西文與漢字之間的留白做一個微調。
這裡我做了兩種字符間距上的調整，首先是把標點符號周圍多餘的空間去掉，其次是增加了數字與西文周圍的空間，讓文本之間的灰度看起來更加和諧。
文字組合處理好之後，我們把它放入到版面裡。把這段信息對齊到版面的中心位置，可能會顯得有些呆板，因為它太容易被人們想到了。所以我們可以把它的比例接近黃金分割的位置，大概是 3 比 5 的關係。為了符合文學感的印象，我們通過重複的手法增加文字量。在高度上依然延續黃金分割的比例關係。接下來繼續複製它，一直延續到版面的底部。
[link 六種和圖底轉換有關的處理方法]
標題部分，我把它想象成是一個逆光的狀態，因為生活經驗告訴我們，物體在逆光時，輪廓中纖細的部分會被光線侵蝕掉。所以我們可以利用這個特點來刻畫我們的標題。
那麼接下來我們把主標題安排在版面右上方的位置上。在底部，我們安排副標題與活動的時間等信息。
在色彩的搭配上，白底黑字，能夠更好地體現文字與紙張的印象。接下來，我們把剛剛處理好的圖形，添加到版面中，依然使用重複的手法，體現競賽過程中優勝劣汰的更迭印象。
最後在左側我們加入「第五屆」這個文字信息。那麼到這裡，版面的編排部分也就差不多結束，圖形的遮擋，讓原本重複的文字也加入了些許的變化性，透明的質感也保證了信息的辨識度。
那麼到這裡，這個版面也就完成了，我們來看一下細節部分。
標題部分，通過對文字刻畫，讓光輝的概念顯得更加直觀易懂。
創意圖形的加入，不僅僅成為了版面中的視覺焦點，同時它也體現文學與光輝的含義。
最後，在右下角的視覺出口，也被安排了重要的活動日期與評獎辦法，那麼以上就是本期的全部內容了。
咱們再來總結一下，這節課我向大家介紹了一種很有意思的圖形刻畫方法，那就是運用圖底關係去組合出各種創意十足的正負圖形。因為這樣的圖形往往都能傳達出多種含義，它可以讓你的版面看起來更有內涵。我們一共歸納出了六種方法，希望大家能靈活地運用它們。無論是在品牌的標誌設計，還是海報中的主視覺，正負圖形都是非常具有表現力的創意形式，那麼本期的內容就到這裡，下期見。
