大家好，我們研習(xí)設(shè)這一期要和大家分享的內(nèi)容是版式設(shè)計(jì)中的輪廓識(shí)別，顧名思義它是一種將畫(huà)面抽象化表達(dá)的處理技法，舍棄了內(nèi)部的細(xì)節(jié)僅運(yùn)用輪廓作為傳達(dá)信息的圖形，通常會(huì)給人留下簡(jiǎn)潔干練的印象。經(jīng)過(guò)抽象化提煉出的輪廓圖形在傳播上極具效率，同時(shí)缺失部分更讓人產(chǎn)生無(wú)限遐想。在本期的分享內(nèi)容中，你會(huì)了解到這種具有抽象概念的藝術(shù)風(fēng)格具體的應(yīng)用范圍有哪些，同時(shí)也會(huì)知道其背后的原理與應(yīng)用技巧。那么接下來(lái)就讓我們一起來(lái)學(xué)習(xí)今天的內(nèi)容吧！

與輪廓識(shí)別相關(guān)的設(shè)計(jì)風(fēng)格，大致可以劃分成兩大類(lèi)，分別是“圖像輪廓”與“文字輪廓”，在本篇文章中我會(huì)分別講解這兩種設(shè)計(jì)風(fēng)格的特點(diǎn)以及其背后的原理與應(yīng)用技巧。

這是一種使用圖像輪廓作為版面中主視覺(jué)的設(shè)計(jì)風(fēng)格，特點(diǎn)是舍去了圖像本身的立體感與細(xì)節(jié)僅保留剪影，最終得到一個(gè)平面輪廓，給人留下一種簡(jiǎn)約的印象。

人眼在高強(qiáng)度的背光下是看不清物體的具體細(xì)節(jié)的，這在攝影中也是一樣，剪影是一種非常有趣而又特殊的攝影藝術(shù)，形態(tài)明顯沒(méi)有影調(diào)細(xì)節(jié)輪廓這通常是在逆光的環(huán)境中拍攝的。我們需要通過(guò)輪廓來(lái)識(shí)別出畫(huà)面中所表達(dá)的內(nèi)容，因此它可以給觀(guān)眾提供足夠的想象空間，這正是剪影的魅力所在。

在廣告設(shè)計(jì)中我們也會(huì)運(yùn)用這種去除圖像輪廓的處理手法，但前提是被剪影化的元素本身就具有良好的可辨識(shí)性。元素的細(xì)節(jié)越少就越容易被人記住，成為高度抽象化的符號(hào)，這種模糊的印象能夠讓信息實(shí)現(xiàn)短時(shí)間內(nèi)的快速傳達(dá)，同時(shí)版面也會(huì)具備簡(jiǎn)約的視覺(jué)風(fēng)格。

這種通過(guò)輪廓作為記憶符號(hào)的手法在標(biāo)志設(shè)計(jì)中也很常見(jiàn)，上圖中是QQ品牌的全彩標(biāo)志與剪影標(biāo)志，下方則是“米老鼠”的一些相關(guān)logo，這些都是利用了我們已知事物的輪廓進(jìn)行“模糊識(shí)別”的例子，人們看到這些輪廓后會(huì)在腦中自動(dòng)補(bǔ)全它們?nèi)笔У募?xì)節(jié)，從而與已知的事物之間建立關(guān)聯(lián)。

去除圖像輪廓內(nèi)的細(xì)節(jié)也可以起到聚焦的作用，僅保留商品的細(xì)節(jié)部分，這樣一來(lái)就形成了材質(zhì)上的對(duì)比，人物會(huì)像商場(chǎng)中的人形模特一樣成為陪襯從而使商品更加突出。上圖中的背包是版面中唯一具有材質(zhì)的元素，人們的視線(xiàn)自然會(huì)集中在這個(gè)視覺(jué)焦點(diǎn)之上。

在敘述物體的結(jié)構(gòu)時(shí)，也可以通過(guò)這種填充輪廓的形式來(lái)處理需要強(qiáng)調(diào)的部分。經(jīng)過(guò)輪廓的強(qiáng)調(diào)處理后，觀(guān)者可以很明顯的看出被標(biāo)注部分的具體輪廓信息。

這是一個(gè)采用剪影作為主要視覺(jué)元素的案例，人物圖像經(jīng)過(guò)輪廓處理后，通過(guò)舍棄具體的內(nèi)部細(xì)節(jié)換來(lái)更具想象空間的版面氛圍，具有抽象的藝術(shù)效果非常的簡(jiǎn)約大方。

再舉一個(gè)楓葉的例子，將楓葉的輪廓提取出來(lái)并用同樣的方法處理成剪影效果。相對(duì)于寫(xiě)實(shí)的楓葉照片來(lái)說(shuō)，經(jīng)過(guò)剪影處理的楓葉給人更接近圖形的印象，由于不需要具有細(xì)節(jié)因此可以采用矢量圖形描繪，獲得無(wú)限放大與縮小的特性。

這是將文字輪廓簡(jiǎn)化處理成類(lèi)似剪影效果的設(shè)計(jì)風(fēng)格，特點(diǎn)與圖形輪廓類(lèi)似，省略掉文字內(nèi)部的細(xì)節(jié)部分，僅通過(guò)文字的外形輪廓作為版面中的視覺(jué)元素，文字經(jīng)過(guò)輪廓填充后，需要觀(guān)者參與到信息的解讀過(guò)程中來(lái)，通過(guò)輪廓的外形線(xiàn)索識(shí)別出具體的信息內(nèi)容，視覺(jué)趣味性較強(qiáng)。

什么是模糊識(shí)別呢？我們?cè)谟洃浐妥R(shí)別文字時(shí)，其實(shí)是一種并不明確的印象，根據(jù)完形心理學(xué)理論得出，我們觀(guān)看物體是首先看到的是這個(gè)物體的整體輪廓，之后才會(huì)深入了解其內(nèi)部解構(gòu)，這也是為什么英文大寫(xiě)的識(shí)別度并沒(méi)有小寫(xiě)的識(shí)別度高的原因，因?yàn)槲覀冊(cè)谟浀脝卧~的時(shí)候，單詞的外部輪廓也被一起記錄了下來(lái)。

這是一段在網(wǎng)絡(luò)上廣泛流傳的一個(gè)測(cè)試，相信大家都能很流暢的把它朗讀出來(lái)這段文字的意思，這個(gè)測(cè)試也進(jìn)一步證實(shí)了我們?cè)谟^(guān)察事物時(shí)的思維模式。在觀(guān)察事物時(shí)，我們并不是直接去看事物的細(xì)節(jié)部分，而是以大致輪廓去整體觀(guān)察的。

與圖像的輪廓剪影相比，文字本身就是一種沒(méi)有內(nèi)部結(jié)構(gòu)的扁平圖形，我們需要怎樣使文字也呈現(xiàn)出類(lèi)似圖像的剪影效果呢？其實(shí)文字的內(nèi)部細(xì)節(jié)也可以是筆畫(huà)的負(fù)空間結(jié)構(gòu)，將文字筆畫(huà)之間的負(fù)空間填滿(mǎn)也就能達(dá)到與圖像剪影類(lèi)似的圖形化效果了。

這種文字的輪廓剪影之所以會(huì)給人自然的印象，是因?yàn)樵诂F(xiàn)實(shí)生活中我們多少都會(huì)見(jiàn)到上圖中的景象，鉛字因?yàn)橛∧噙^(guò)多而產(chǎn)生的筆畫(huà)粘連、使用過(guò)粗的筆觸書(shū)寫(xiě)時(shí)筆畫(huà)的舔黑等，這些印象都會(huì)在下意識(shí)中影響你對(duì)事物的看法。

將文字的筆畫(huà)細(xì)節(jié)填充后，勢(shì)必會(huì)降低文字的識(shí)別性，但這種結(jié)構(gòu)的缺失也帶來(lái)了有趣的互動(dòng)性，筆畫(huà)的輪廓即是識(shí)別信息的線(xiàn)索，觀(guān)者識(shí)別文字的過(guò)程也就多了一分解讀謎團(tuán)的趣味性。

上圖中，為了讓文字更具視覺(jué)效果，將“東京”二字共同的特征相互連接，形成一種獨(dú)具特色的視覺(jué)圖形，其余的筆畫(huà)也為讀者識(shí)別信息的意圖提供了足夠的線(xiàn)索。

并不是所有文字的結(jié)構(gòu)都具有封閉的空間，但可以通過(guò)增加筆畫(huà)粗細(xì)的方式將文字的內(nèi)部細(xì)節(jié)填充起來(lái)，為文字添加描邊就能輕松達(dá)到這一效果，這種手法的目的同樣是精簡(jiǎn)筆畫(huà)的結(jié)構(gòu)特征。

當(dāng)然以上提到的兩種方法也可以結(jié)合使用，在加粗文字筆畫(huà)的同時(shí)填充掉文字內(nèi)部瑣碎的負(fù)空間，使其最終形成一個(gè)面狀的整體。因?yàn)橐曈X(jué)面積的增大，這種文字輪廓的處理方式也會(huì)得到更高的聚焦效果。

在視覺(jué)傳達(dá)設(shè)計(jì)中內(nèi)容始終是最重要的部分，任何特殊效果都是需要服務(wù)于內(nèi)容的，與字形的選擇一樣我們需要根據(jù)不同的內(nèi)容搭配能夠表現(xiàn)其核心概念的技法。同時(shí)也希望大家能夠理解“這個(gè)技法用軟件該怎么做？”和“為什么要采用這種技法設(shè)計(jì)？”之間的差別，創(chuàng)意與思維才是設(shè)計(jì)師最值錢(qián)的地方。

以上案例便是運(yùn)用了“文字的輪廓識(shí)別”技巧作為創(chuàng)意出發(fā)點(diǎn)而設(shè)計(jì)的，在觀(guān)看思路步驟之前不妨試著仔細(xì)閱讀文案信息并自己主動(dòng)思考一下內(nèi)容與設(shè)計(jì)成品之間的關(guān)系。甚至你也可以按照自己對(duì)內(nèi)容的理解設(shè)計(jì)出屬于自己的版本，動(dòng)手實(shí)踐會(huì)更有收獲呦！

青春設(shè)計(jì)節(jié)是年輕人的創(chuàng)意競(jìng)賽舞臺(tái)，代表著希望與未來(lái)無(wú)限的可能性，我將這種對(duì)年輕人的未知與期待概念性的與青春兩個(gè)字進(jìn)行結(jié)合，從而得出了上面具像化的視覺(jué)形象。去除內(nèi)部的筆畫(huà)細(xì)節(jié)僅保留其抽象的輪廓部分，以此為觀(guān)者帶來(lái)更多想象的空間。

為體現(xiàn)展覽包容各種文化創(chuàng)意主題與藝術(shù)形式，主視覺(jué)應(yīng)該是富有層次變化并具有一定體積的載體，讓創(chuàng)意在立體的維度中蓬勃發(fā)展。元素前后的疊壓也預(yù)示著推陳出新的創(chuàng)新理念。

將主視覺(jué)置入到版面中，與版面不同的比例關(guān)系會(huì)傳達(dá)出完全不同的視覺(jué)印象。作為整個(gè)版面中的視覺(jué)焦點(diǎn)，其視覺(jué)優(yōu)先級(jí)應(yīng)該是整個(gè)版面中最高的。將其放大到在視覺(jué)上看著舒適的大小，注意輪廓四周的留白面積，它是讓輪廓有效識(shí)別的關(guān)鍵因素。

接下來(lái)繼續(xù)刻畫(huà)主體視覺(jué)，為其添文字標(biāo)注“ QING / CHUN ”以此烘托圖形的比例，加入點(diǎn)狀的投影不僅對(duì)比出了圖形的宏觀(guān)感，同時(shí)也為主體與背景之間產(chǎn)生過(guò)渡效果。圖形內(nèi)部肌理的加入為版面帶來(lái)質(zhì)感與版面其余部分產(chǎn)生強(qiáng)烈的反差。

接下來(lái)就進(jìn)入了字體排印的階段了，將中文標(biāo)題與英文標(biāo)題編排到版面的右側(cè)，通過(guò)窄體來(lái)增強(qiáng)文字的視覺(jué)面積。這里為了保持文字之間的關(guān)聯(lián)性，從文字組中選擇參照高度并重復(fù)的應(yīng)用在組合中。設(shè)計(jì)即是將不完美的生活變得完美起來(lái)，為呼應(yīng)“新世代用設(shè)計(jì)捍衛(wèi)青春”我繪制了一個(gè)正圓形與線(xiàn)性的半圓并置，以此來(lái)表現(xiàn)這種逐漸走向成熟的青春概念。

這里我將信息編排在版面的右側(cè)形成一條無(wú)形的垂直線(xiàn)，以此呼應(yīng)主視覺(jué)圖形的閱讀方向，同時(shí)垂直的信息結(jié)構(gòu)也起到了支撐版面的作用。而左側(cè)區(qū)域的大面積留白也更有助于信息的聚焦。

在版面的對(duì)角線(xiàn)空白位置添加英文標(biāo)題，出血處理的文字打破版心的束縛為版面帶來(lái)了更強(qiáng)的張力，這里為了避免英文信息喧賓奪主，將其修改為線(xiàn)性邊緣來(lái)削弱視覺(jué)強(qiáng)度。接著將剩余的信息編排到版面左下角，這個(gè)版面就基本完成了。

從視線(xiàn)的引導(dǎo)來(lái)說(shuō)，人們會(huì)首先注意到版面中那些最顯眼的視覺(jué)元素，隨后參與到信息的解讀并與主標(biāo)題產(chǎn)生關(guān)聯(lián)，并按照視覺(jué)強(qiáng)度依次移動(dòng)。

最后運(yùn)用美學(xué)比例規(guī)范版面中的各個(gè)元素并衍生網(wǎng)格，這個(gè)版面也就完成了。通常情況下文字編排與比例規(guī)范其實(shí)是同步進(jìn)行的，經(jīng)過(guò)規(guī)范后的版面會(huì)呈現(xiàn)出一種和諧的數(shù)理之美，規(guī)范制圖并非欺騙外界的忽悠手段，而是具有合理而嚴(yán)格的科學(xué)邏輯性的美學(xué)參考。

在大自然中廣泛存在的生長(zhǎng)比例深植于人性之中，任何高等生物的生長(zhǎng)過(guò)程都逃不開(kāi)這個(gè)數(shù)列，甚至人們的DNA 螺旋都是符合這個(gè)比例的。它是人類(lèi)潛意識(shí)中根深蒂固的審美模式。但并不是說(shuō)生硬的嵌套比例就能得到好的作品，設(shè)計(jì)畢竟是建立在理性基礎(chǔ)之上的創(chuàng)作行為，所有規(guī)則都是輔助創(chuàng)意的思維工具，千萬(wàn)不要本末倒置。

本期講解的“輪廓識(shí)別”是一種舍棄內(nèi)部細(xì)節(jié)而形成的剪影圖形，特點(diǎn)是具有鮮明的藝術(shù)風(fēng)格，因?yàn)閮?nèi)部細(xì)節(jié)的缺失會(huì)讓人主動(dòng)腦補(bǔ)其余的畫(huà)面從而產(chǎn)生了觀(guān)者與版面的互動(dòng)，是一種在各個(gè)領(lǐng)域都廣泛運(yùn)用的設(shè)計(jì)手法。本期我們學(xué)習(xí)了這種手法在設(shè)計(jì)領(lǐng)域中的一些應(yīng)用技巧，同時(shí)也了解了“模糊識(shí)別”背后的一些原理與閱讀邏輯。最后感謝你的觀(guān)看，本期的分享內(nèi)容就到這里我們下期見(jiàn)！