首頁 > 網頁教程 > 設計分享 > 12個讓數字更具設計感的實用方法分享

12個讓數字更具設計感的實用方法分享

時間:2019-10-04    來源:研習設

@研習設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」也正是代表了這一天的日期,用極粗的字重,和斑駁的紋理共同表現出了這種沉重,凄涼的氛圍。

相關推薦
平面設計與網頁設計的差異性淺析
網站設計教程分享 回歸內容“簡潔大氣”設計指南
優秀網頁/平面設計師是怎樣煉成的
平面設計中關于控制視覺層次的設計方法
網站Banner廣告設計經驗談
一個設計師的成長:或許要經歷的5個階段
關門漲姿勢!如何從AV封面中學習平面設計?
10個簡單實用的平面設計方法分享
學多不如錯少!五個最常見的設計思維誤區
精彩總在下半夜:如何從AV封面中學平面設計
字體設計教程:字體還能這么玩 聊聊文字的“性取向”
讀懂十大未來設計趨勢,別讓你的設計白費力氣
為什么頁面跟設計稿差距這么大?是啊!為毛啊?
UI、UX傻傻分不清楚?來一份清晰詳盡的設計師分工指南
親歷者說!日本的平面設計水平為什么這么高?
年度總結:最新視覺設計六大趨勢分享
設計師實戰總結:如何自學平面設計?
創意思維:如何進行封面設計?
設計分享:新手如何快速入門版式規劃?
什么是構圖?設計都有那些構圖原則?
9個案例讓你了解版式設計的基本規則
數字元素在BANNER及專題頁設計中的運用
如何讓網站首頁設計得極具吸引力?
移動終端全新界面設計語言“Metro”簡析
淘寶品牌名店的BANNER廣告設計評價及分析(2)
優秀排版設計的8條建議
版式設計:深入淺出學會網格系統的應用
如何學會版式設計中的主要元素提取?
文字排版設計:如何設計出吸引視線的標題?
如何用超大字體元素應用在設計作品集類的網站?
分享:設計法則之恐懼留白 Horror Vacui
什么是“整體網頁設計”?整體網頁設計工作原理
版式設計:不一樣的網頁布局之“方塊布局”
分享:99%的人在做網站設計時都用錯了留白!
留白設計:設計中的留白要如何做?
8種網頁和APP背景設計趨勢分享

精彩推薦

熱門教程

北京pk10走势图下载 腾游棋牌游戏大厅下载 彩票平台哪个好 山东十一选五助手 梦幻西游刷挑战真的赚钱吗 体彩排列三豹子号历史记录 零点棋牌安卓版下载 时时彩组选和值全包 新疆十一选五遗漏 青海11选5走势图一定牛 棋牌大师 二分彩怎么玩 北京十一选五开奖结果走势图表