@研習設K先生?:今天和大家聊一聊「刻畫版式中的數字」。說到數字,相信大家再熟悉不過了。數字,出現在我們生活中的方方面面。起床的時候,盤算著要不要再睡 5 分鐘,還要想一想什么時候才能到星期五。工作的時候,打開文件夾,「哇~已經做到第 5 稿了,不慌,我還能打 10 個」。躺床上刷手機的時候,還得看看喜歡的品牌有沒有做活動,有沒有打折的商品……

實際上生活中的數字,無非就是與時間、金錢、數量等掛鉤。說了這么多,數字到底是什么呢?本期的講解,就讓我們從科普開始。

什么是數字?

什么是數字?數字其實是一種用來表示數的書寫符號。

我們來看一下上圖列出來的這組數字,都是數字「1」在不同文字系統下的不同寫法,依次分別是阿拉伯數字、羅馬數字、中文數字的大寫和小寫形式。

簡單看一下,四種書寫方式下所有數字的具體寫法。在這里,大家需要注意的是,我們所說的數字,一定是指0、1、2、3、4、5、6、7、8、9,這十個數字。而像「100」、「2019」或者「12894」這種具體的數值就叫作「數」,他們就不是數字。因為從「0」到「9」這 10 個數字已經可以構成任何量的數了。而我們平時使用最多的就屬阿拉伯數字了。

在生活中,我們每天都要和數字打交道。在我們的設計中,同樣也是如此。在版式設計中,數字的使用非常廣泛,比如說時間信息,周年慶典,促銷活動,誕辰紀念等等場景都會用到數字。那同樣的,在平時工作中,我們最常用的也通常就是阿拉伯數字。接下來,讓我們一起來看一看,在版式設計中,各種場景下常用的數字刻畫方法。

方法一

我們來看第一個,在畫面中出現了一組圓形構成的矩陣。

如果我們改變其中一些圓形的顏色,就可以看到畫面中出現了「01」這個數。那這是數字刻畫的第一種方法的原理,由重復的單元形拼湊成數字,或者是由這些單元形拼湊后形成的負空間來變成數字。如何理解呢?

大家看到,在去掉了綠色的圓形后,我們依然能識別出畫面中的數,而這就是由拼湊后的負空間所形成的數。

相反的,我們去掉灰色圓,拿回綠色圓,依然能看到01這個數,這就是所說的通過單元形拼湊而成的數。

首先來看個海報,這里的單元形,相對來說還是比較偏大的。版面中同樣也是用圓形波點作為單元形,拼湊出了「330」這個數,這里同時使用了直接拼湊,和負空間拼湊。

值得一提的是,理論上,這里的單元形是可以替換成任何其他元素的,他可以是簡單的幾何圖形,也可以是實際的物體,比如瓶蓋、面包,甚至是飛機、坦克,都是可以的。咱有多大膽,版面就有多大產。

第二個,用了類似藥丸的物體作為單元形,做出灑落在平面的效果,利用文字反白造成了仿佛是由小藥丸的負空間拼湊而成的效果。

這里的數字雖然不是真正拼湊而成的,但依然有相近的視覺效果。實際上真正的拼湊在制作上還是有一定的難度的,所以有時候大家也可以適當地采取像這樣取巧的方法,在短時間內也能取得不錯的效果。

第三幅作品,構成數字「6」的元素就更加微小了。

不難察覺,構成數字的單元形越是精細,所構成的數字也就越寫實越容易識別,反之則越抽象。這就和構成圖像的像素點十分相像了。大家都知道,像素越多,圖像也就越清晰。所以,在實際應用的時候,我們可以根據項目的需要,調整單元形大小,從而構成不一樣的版面感覺。

方法二

第二種方法,給數字添加手繪的五官、四肢等元素,讓數字擬人化,或者是動物化,仿佛賦予了數字生命的氣息。這點還是非常直觀的,相信不需要多做解釋。

還是來看作品,不難看出這是與促銷有關的,數字「0」提取自「今日運費0元」。版面中把「0」塑造成了一個可愛的超人的模樣,大家熟知的超人是可以輕松飛行的,很簡單就能聯想到運輸也很輕松,這樣也就不需要運費了。

繼續看第二個,畫面主題是「駕乘愛車10年乘車計劃」,版面中把「1」和「0」分別描繪成了丹頂鶴以及烏龜。在傳統印象里,這兩種動物都代表了長壽,這也與主題「10年」是契合的。

再看這個海報,「10」提取自「敲擊樂協會成立十周年」,所以版面中的 10 也是塑造成了三只手在敲鼓的畫面,一個人只有兩只手,三只手也意味著協會的團結合作。

通過給數字添加五官、四肢等元素,可以賦予數字活力,從而顯得十分生動有趣,擬人化動物化的感覺也顯得十分可愛,惹人親近。

方法三

第三種,是在數字的內部負空間,編排文字或置入圖形、圖片。虛線框出的部分就是數字的負空間,這不難理解。

而值得注意的是,像紅色區域這種比較小的或比較碎的負空間,并不太適合編排其他元素。

所以,像 0、6、8 等這樣有大塊完整負空間的數字更適合這種刻畫方法。當然,這并不是絕對的。

又一個促銷海報,大家看版面中百分號以及「OFF」被編排到了數字「0」的內部,這樣既填補了「0」內部的負空間,也節省出了版面中原本會用來編排這些文字的空間,一來一回,無形中讓留白變得更少更完整。

再來看這個文字組合,主題是「博物館開館120周年紀念」,同樣也是在「0」的負空間內進行編排,這回除了文字,同時置入了博物館剪影的圖形,非常直觀。

一個優秀的作品中往往有許多值得讓人學習的地方。在這個版面中,展覽時間的表現就十分有趣,在數字和日期的負空間內加入了幾何圖形,十分耐人尋味。

通過這樣的方法,在數字之中編排了更多的元素,讓畫面顯得更加熱鬧,圖形元素的加入也會讓整體呈現更加生動。這樣有些小心機的編排,比起常規的套路顯然也更加有趣好玩。那么下面讓我們根據這樣的方法,也來玩一下數字。

通過閱讀文案,我們知道這是一個與周年慶典有關的海報。

我們簡單粗暴的提取一下關鍵詞「10周年」, 作為主體先置入到版面中。然后根據層級關系,依次編排文字。

我們再加入一些元素,讓版面看起來更完整一些。到這一步我們再回到主體,選擇在數字「0」的內部置入一張展覽作品。最后,再根據置入作品色調,調整一下版面的顏色,這樣案例就完成了。

方法四

緊接著,給大家介紹第四招,也就是用幾何圖形或圖形元素構成數字。

這是一個與周年慶典有關的版面,主題是「石建大學建校58周年」。周年慶典是一件令人愉悅的事情,而版面中幾何圖形和點元素的構成,同樣也有這種熱鬧輕松的感覺,整體明快的色調也加強了這種印象。

第二個作品氛圍就完全不一樣了,黑白色調和居中對齊的文字傳達出一種莊重感,畫面中的「101」取自「日本攝影史上的101位巨匠」。怎樣的人才能稱作巨匠呢?是作為后代楷模、理想或有著里程碑式的過去的人。版面中厚重的幾何色塊仿佛就是一塊塊里程碑,分量感十足。

再來看第三個,整個版面的英文和數字都由幾何圖形構成,風格十分強烈。并且,這里也同時使用了之前講過的,在數字和字母負空間編排元素的方法,填補了多余瑣碎的留白,讓整體的觀感更一致。

總結一下,用幾何圖形構成數字,可以是點元素、線元素或是面元素,當然也可以將他們綜合應用。

數字經過這樣幾何化的處理,多了些抽象的感覺。排列整齊的圖形元素也可以形成一種原數字所不具備的秩序感,點元素的加入也可以輕易讓版面變得更加熱鬧。那么接下來讓我們也嘗試使用一下這種方法,來完成一個海報。

閱讀文案后發現,這就是一個關于數字的展覽活動,可以考慮將 10 個數字作為主形象。

從主題「人與數字」出發,為了表達這種關系緊密的感覺,可以采用全包圍的構圖。那么我們就可以開始編排文字了,逐步將文字置入版面的每個邊角。

文字內容編排完畢,開始刻畫主體。將不同幾何圖形構成的數字依次置入版面,相互疊壓。在這里,可以將數字 8 的構成形式與數字 2 保持一致,適當減少一些變化性,也能有一個呼應。這樣版面就大概完成了。最后一步,置入一些線元素將文字與圖案區隔開來,增強閱讀性的同時也讓版面看起來能更完整一些。這樣案例也就完成了。

方法五

接下來是第五種方法,也就是給數字添加紋理。同樣,我們還是先來看作品。

這款海報用了一個日歷的形式,來表達這個需要永遠銘記的日子。「13」也正是代表了這一天的日期,用極粗的字重,和斑駁的紋理共同表現出了這種沉重,凄涼的氛圍。

第二個海報的主題是恐龍博覽會, 恐龍是地球上一種很久遠的生物,而化石也充滿了歷史的痕跡。因此用略帶銹跡的金屬紋理來表現整個標題十分貼切。在此基礎上,又有恐龍的圖案與「2011」進行穿插編排,使版面生動有趣。

再來看這個,這是電影「神奇4俠」的海報。配上線框碩大的數字「4」,也正是電影中這個英雄團隊的 Logo。金屬感的紋理盡管略顯斑駁,然而依舊難掩他的堅硬挺拔感,這就和超級英雄們拼命保衛地球一樣,雖然歷經艱難險阻但永遠都那么可靠。

綜合這 3 個海報作品不難發現,使用肌理填充數字,能快速地渲染氛圍,事半功倍。

不同的肌理往往能傳遞出不同的視覺感受,最常見的,通常是滄桑復古的感覺,有時通過肌理的渲染,也能讓畫面傳遞出品質感。下面,我們也來試驗一下這種方法。

首先我們還是先來閱讀文案,OK,現在發現根本看不懂文案。沒有關系,單看標題還是能知道這是與鋼鐵俠有關的,并且有一句復仇者聯盟四的經典臺詞。那再加上這個 2008-2019,我們就大概知道這應該是一個緬懷類的主題了。

所以我們可以選擇使用黑色背景,會更契合主題。接著,我們把文案依次編排到版面中,文字全部排好后,我們看版面顯得有些單調,全都是文字信息、排法也相同,并且還有些頭重腳輕了。

如果不改變排法的話,就可以選擇置入一個圖形疊在標題上方,打破沉重感。然后再適當地加一些光影,這樣就好多了。

最后,別忘了我們的置入肌理,這里加入肌理的目的,是為了營造一種英雄遠去的滄桑感。這樣我們這個案例就搞定了,怎么樣,是不是非常簡單呢?

方法六

來看下第 6 種方法,我們可以在不影響識別率的情況下,利用數字的負空間,給它置入圖形蒙版。

大家看這個文字組合,它的內容大致意思是在二十周年之際,感謝觀眾一路來的陪伴。雖然沒有其他的文字信息了,但我們還是能一眼看出這是有關于動漫《名偵探柯南》的。這里將柯南的外形特征與數字「2」的頂部走勢結合到了一起。而另一個數字「0」,則在內部置入了門鎖的圖案,這是呼應了動漫破案解密的類型,以及動畫里大家熟知的開門過場結合到了一起。

再看第二個組合,數字「105」,取自創刊 105 周年。版面中,數字「0」如同融化了一般流到了烤肉上,而這正是呼應了上方關于「油」的一段文字。而數字「5」則巧妙地與卡通的人臉結合到了一起。整體的畫面十分生動有趣。

第三個文字組,主題叫作「哆啦A夢的100個秘密小道具展」,作者在緊縮字距的「100」基礎上,巧妙地在兩個「0」的負空間中,置入了三個圓形,一下子就把哆啦A夢的特征表現出來了。這樣展覽主題和標題文字就牢牢聯系到了一起。

看了這三個文字組合,相信大家對這種方法也有了一定的了解。它與之前我們所講的給數字添加手繪效果有一定的相似點,但變化性更強,運用起來有一定的難度。

總結一下它的特點,這種方法同樣可以賦予數字新的屬性,或是擬人,或是擬物。讓數字生動有趣,有時也能刻畫出可愛的形象來。下面我們簡單地看一個案例,了解一下構造思路。

這是一張還未完成的海報,畫面中右上部分的發射點,還少了一個點睛之筆。所以我們需要再提取一些元素來完成這個海報,海報的主題是電子競技比賽。

可以提取第九屆的數字「9」,以及作為冠軍獎杯的盾牌元素共同來完成這個創作。

嘗試將盾牌與數字結合,最終可以得到這樣的一個圖形,簡單粗暴。

然后將得到的圖形置入版面中。

添加一些肌理,讓畫面更有質感。這樣整個案例就完成了。

方法七

第七種方法,還是比較簡單的,是將數字內部負空間填實。老規矩,還是來看看優秀作品的應用。

這是一張藝術書籍展覽的海報。版面中除了背景以外為純文字編排,而為了讓主標題能突出,在本身就圖形感已經很明顯的字形基礎上,又填實了字母和數字的負空間,而且還加上印刷紋路質感的肌理,讓整體非常有藝術的氛圍。

第二個,主題是福岡教育大學藝術系2012屆畢業展,版面中的主標題運用了「幾何圖形拼接」加上「置入紋理圖案」,以及填實負空間的處理手法。通過處理后標題成為了畫面的絕對焦點,具有十分濃厚的實驗氣息和藝術氛圍。

這兩張海報都是把數字用在了主標題上或是作為主體而存在。而另外的,通過填實后的數字因為面積的完整度變高了,在放大后我們也可以將數字作為背景來使用。

填實后的數字因為降低了辨識度,所以會變得更加抽象。同時這樣的數字也會變得更像圖形元素,從而更易于表達藝術設計類的題材。那也因為處理后,數字的辨識度降低了,這樣就更容易勾起觀者的好奇心,從而愿意駐足閱讀,這樣無疑就充滿了趣味性。

方法八

第八種刻畫方法,是將數字與圖形或圖案結合,從而形成一個新的整體。這與之前的置入圖形蒙版有些相像,區別點在于這里并不依賴負空間,而且可以改變數字本身的造型。

這是一張關于會員生日活動的海報。版面中數字「7」與禮品包裝中的彩帶結合到了一起,仿佛 7 月就是會員的禮物一般。加上星星等小元素的點綴,讓畫面充滿了浪漫感。

而第二個作品,「6」提取自六重奏。作者將數字 6 的下半部分處理成了水墨質感的水面波紋印象,配合大面積的留白制造出了明顯的寧靜、優雅的氛圍。

再看第三個文字組合,主題是日本 JTB 旅行社的 100 周年慶典。作者十分巧妙地利用透視效果將「100」變為了一個盒子的外觀,然后將彩帶元素與之結合而成為了一個完整的禮盒。這樣的處理讓版面即便沒有過多的元素點綴,也一下子有了節日的氛圍。

回顧一下三個作品,可以發現,數字在與圖案結合時,數字的本身造型可以根據實際需要進行改變,這樣整體刻畫會更加逼真。

那當數字和圖案結合后,增強了數字圖形化的感覺,給本來簡單的數字符號賦予了更多的內涵,顯得更加生動有趣。這樣的手法常用在生日、周年等慶典的場景中,讓本身冰冷的數字變得具有溫情,惹人親近。了解了這些后,我們同樣也可以嘗試一下。

又是一張半成品的海報。很明顯主體「100」還缺少了一些細節刻畫。那么通過閱讀標題,不難發現這是跟獨立宣言以及自由女神像有關的內容。

而自由女神像本身就手握一本獨立宣言,所以我們選擇將自由女神像圖形化,與數字結合。讓我們來觀察一下女神像的特點,從左到右是一個向下的動勢。

而正好我們版面中的數字 100 也有這樣的感覺。分別置入這些圖形,這樣我們這個版面就完成了。

方法九

那第九種方法,我們應該怎么盤呢?那就是盡量地去放大數字,來形成一種圖形化的感覺。一起來看一下優秀作品是如何演繹的。

第一張海報,「55」提取自 55 周年企劃,將數字放大后置入背景層,讓其他元素透疊于「55」之上,這里的「55」既是主體,又是背景。

第二個,不難看出「2016」代表了年份,也就是 2016 年的 TWW展,畫面的主體是將 TWW 和 2016 放大后進行兩端對齊的編排,并作了適當的出血處理,從而打破了字的感覺,變得更像圖形。

而第三個海報,它的「227」實際上是活動的時間信息,「227」經過放大后,再與展會名「十中破竹」,以及其他裝飾元素穿插編排,使得版面有動感、活躍的氛圍。

通過這三個作品,我們可以發現,放到很大后的數字可以作為背景或主體使用,但也因為圖形感屬性的變強,使得他們同時不太容易閱讀,所以不太適合單獨出現來做標題使用。而我們可以通過重復編排數字來解決這個問題。

數字放大后,雖然會顯得氣勢十足,但難免會顯得有些呆板,這時候,如果選擇加入一些點綴元素,就可以打破這種感覺,并且讓畫面變得熱鬧起來。當然了,也可以根據自己的需求選擇其他的形式組合使用。下面,我們來看一個簡單的小案例。

首先置入一個黃色的背景,因為這里是要做一個與漫畫《一拳超人》有關的畫冊形象頁,黃色是與主角琦玉老師有關的顏色。接著,置入主體,搭配一個圖疊字的效果。然后在上半部分置入經過放大的數字,也就是「100」乘以「365」,與下方形成呼應。這組數據的意思是,琦玉老師一年 365 天每天都會做一些個數為 100 的肌肉鍛煉。

最后置入標題文字以及其他文字信息。這樣案例也就完成了,這里除了使用了放大數字的手法,還順帶使用了之前講過的置入圖形蒙版的方法。

方法十

第十種方法,是將數字擬物化,大家看完這個簡短的動畫,應該也就能初步明白了,這里我們把數字整體都刻畫成了,有汽車在行駛的馬路了。下面我們看看,在版面中如何呈現。

這款海報中,數字「6」提取自第六屆 HKPPN 作品展覽,版面中用有一雙漆黑的手將紙張卷起來形成了數字 6 的造型。整體畫面極具藝術性,呼應了展覽的主題類型。

而第二個作品中的「25」,來自主題第二十五屆畢業展,版面中的「25」由花草樹木等自然景觀構成,圖形和字型都十分具象,顯得非常精致。畫面中還有一些花瓣和蝴蝶等小元素,既點綴了版面,又與數字的造型呼應。

這兩個文字組合,是直接將輪廓十分近似數字「0」的產品,替換了原有數字,這樣保證了識別度的情況下,也增加了畫面的趣味性。

這幾個作品,前兩個海報的數字呈現方式,其實還是有一定難度的,想要實現這樣的畫面可能需要動用到攝影、合成、插畫、三維軟件等技法。而后兩個文字組合中的應用則更巧妙一些,需要找出與內容有關的產品直接替代某個數字,注意需要保證數字的識別度沒有問題。

讓數字擬物化,或者是讓物品整體呈數字造型,這種刻畫方法因為更加具象,所以會顯得精致,生動。而產品的加入則更能增加觀者對品牌的信任感。

方法十一

下面是第十一種手法,相對來說也比較常見的一種,那就是圖疊數字,以及數字透疊。

來看第一個作品,版面中,展覽主題「ANIMALS 2013」與展出的相關作品進行了圖疊字的處理,碩大的圖像與極粗的字重,讓版面非常有氣勢。再將相關信息重復編排在下方文字組中,彌補了上方標題難以識別的缺點。

再來看第二個,它是把帶有「2013」的主標題置于版面最上層,與下方的圖案形成透疊的關系。文字的斷筆處理和顏色對比,以及狗面人身的圖像,讓整體有著怪誕的感覺。

第三個,一眼就能看出,這是一張促銷類的海報,手寫感的文字和雙色調的處理讓畫面非常吸睛,達到了海報傳播信息的目的。價格與產品的透疊編排,也是讓擁擠的畫面有了不錯的秩序感。

回顧一下這三個作品,可以看到使用這種手法,數字通常也會放的比較大,版面率相對來說也會大一些,這樣的畫面會相對更有熱鬧的屬性,所以在做促銷廣告的時候就可以考慮使用這種手法。

使用圖疊數字的手法時,因為產品的加入可以讓畫面更加生動,熱鬧,而透疊的使用,有時也可以體現時尚感。那因為圖疊數字,實際上之前在講解添加肌理的方法時,已經順帶演示過了,所以下面我們演示一下數字透疊的應用。

閱讀一下文案,現在知道這是一個關于攝影展的主題內容,因此我們可以在配色上也可以大膽一些,而且參展藝術家來自美國,所以我們嘗試使用紅藍色調來增強畫面沖擊力。

依舊是先編排文字信息,從標題開始一步一步編排,而因為色調的刺激性和透疊的技法使用使得版面已經相當具有變化性了,所以在版面結構上,我們選擇相對平穩一些的。

字編排完畢后,我們發現版面中央部分還會有點空,這里可以選擇置入一些參展作品。這樣,也可以同時讓版面結構更加穩固。

首先,我們置入一組交叉的斜線,這里既表示方形,也表示照片,與攝影展呼應。接著,我們在這組交叉線的 4 個負空間里重復性地置入「四分之一」這個數,因為中間的圖文區域正好被劃分成了四等分,加入四分之一也會更加直觀一些。然后,置入一個巨大化的數字「2」,這樣焦點就制造完畢了。

最后,將疊在上層的紅色主體進行透疊處理,這樣就不會影響下方文字的識別度了,也打破了原本數字「2」太沉重的感覺。到這里,咱們這個透疊手法的應用案例就完成了。

方法十二

最后一種方法,是將數字置入實景也就是照片中。數字可以是三維的,也可以是二維的。一起來看一下實際應用。

我們看這個海報,主題是「1462天」,大概意思是東日本在地震災害后 1462 天里的記錄。畫面用長曝光鏡頭將包含數字的主題刻畫了出來,讓人印象深刻。多彩的數字和昏暗的環境,仿佛表達了在災害面前,人類的樂觀和頑強。

而第二個版面中,出現了多組數字,不難看出是模擬了 1 個月中 1 號到 31 號的日歷感覺,每一頁日歷中都有一首歌曲,而每首歌曲的不同意境也正表達了主題「理性與感性」。

這兩個海報,分別采用了攝影與合成來完成創作,這也是實現數字置入實景的兩種主要手段。

在實際場景中加入數字,可以讓畫面一下變得有氣勢感。而因為真實的場景的應用,會使內容更加讓人信服,同時也十分生動。最后,我們依然通過一個小案例,來進一步熟悉這種方法。

這次我們選擇制作一個體育內容的畫冊。背景已經選擇好了,可以看到有兩位運動員分別出現在畫面的兩個角落。

首先置入標題、段落文字,以及頁碼。在文字編排完之后,發現版面的上半部分還是比較空的,可以選擇在這里置入一些其他元素。

我們可以從畫面的兩位運動員和文案中提取出「1 V 1」的關鍵詞,將它置入到實景當中去,并適當調色。置入數字的時候要注意畫面的透視關系,我們這里的背景透視還是比較明顯的,可以根據草坪的線條得知。置入完成后這個版面就全部完成了。非常簡單,又容易出效果。

本次的十二種在版式中盤數字的方法,到這里就全部講完啦。當大家在工作中需要刻畫數字又沒有思路時,不妨考慮今天所列舉的方法,它們已經基本涵蓋了大多數的使用場景。不僅僅是在標題主體上,有時作為背景出現或在文字組中的數字,也可以進行適當的嘗試。當然了,前提是一定要保持層級關系正確,識別度沒有問題。希望大家能靈活運用、舉一反三,試著思考一下這些刻畫方法除了用來刻畫數字,還可以有哪些作為。

歡迎關注研習社的微信公眾號:「Yanxishe2017」

點贊 5
收藏 359
繼續閱讀相關文章

發表評論 已發布 17

還可以輸入 800 個字
 
 
載入中....
17 收藏