首頁(yè) > 投稿攻略 > 設(shè)計(jì)學(xué)苑
學(xué)排版!文字空間的視覺(jué)表現(xiàn)形式
信息發(fā)布:征集碼頭網(wǎng)    點(diǎn)擊次數(shù):7550    更新時(shí)間:2020-04-24

我們?cè)谠O(shè)計(jì)排版的時(shí)候

文字的演繹往往起得很重要的作用 

所以如何正確運(yùn)用文字在畫面中的視覺(jué)表現(xiàn)

需要我們不斷地去研究與探討

今天就以文字空間為主題~

給大家分享干貨

首先,簡(jiǎn)單介紹一下文字空間

↓↓↓

關(guān)于文字空間

在版式設(shè)計(jì)中文字空間編排設(shè)計(jì)除了文字筆畫和字形組合實(shí)體造型,還包括虛空間關(guān)系處理,例如:包括字距、行距、文字大小、位置擺放、形狀變化及周圍空白空間組合而形成的整體空間關(guān)系處理。

在分享之前, 先給大家上一個(gè)目錄

我們分成以下四大板塊進(jìn)行分享

↓↓↓

01 點(diǎn)線面的合理利用

02 空白與實(shí)體空間的和諧比例

03 個(gè)性色彩的合理搭配

04 多維空間的相互轉(zhuǎn)換

01 點(diǎn)線面的合理利用

在版式設(shè)計(jì)中, 將或簡(jiǎn)短或冗長(zhǎng)的文字從幾何元素角度運(yùn)用點(diǎn)、線、面構(gòu)成形式進(jìn)行編排設(shè)計(jì),不僅能夠使版式形成強(qiáng)烈的 視覺(jué)形式美感,同時(shí)也是增強(qiáng)版式的 趣味性和互動(dòng)性的有效視覺(jué)表現(xiàn)形式。 

例如下面這兩張海報(bào)設(shè)計(jì)

將密集的文字整體編排 成面的塊狀字群

字群與空白構(gòu)成黑、白、灰的

空間層次,使 版式層次豐富

這張諜戰(zhàn)劇《風(fēng)箏》的正式海報(bào)中

雨水細(xì)看之下是密密麻麻的小字

暗合了諜戰(zhàn)主題

再例如這幾張海報(bào)和廣告 

版式中的文字都編排成 長(zhǎng)短不一的線

可以產(chǎn)生強(qiáng)烈的 方向感、節(jié)奏感和律動(dòng)感

麥當(dāng)勞最新戶外廣告中 沒(méi)有品牌LOGO

只有簡(jiǎn)單的幾行文字

從上而下一層層的文字

仿佛讓人直接看到美味的漢堡

海報(bào)中“筆墨紙硯”的字形都有進(jìn)行

具象的視覺(jué)表現(xiàn)進(jìn)行重組 

使得進(jìn)一步拓寬 文字編排設(shè)計(jì)的表現(xiàn)空間

運(yùn)用點(diǎn)、線、面的抽象觀念進(jìn)行文字空間設(shè)計(jì),能在視覺(jué)上給人以 清晰、流暢、平衡和整體感,使版式設(shè)計(jì)中的文字空間視覺(jué)表現(xiàn)形式更集 聚形式感和時(shí)代特色。 

02空白與實(shí)體空間的和諧比例

文字版式設(shè)計(jì)中的 空白與實(shí)體空間比例運(yùn)用是否得當(dāng),決定了受眾能否很容易地從文字編排中獲取準(zhǔn)確信息。 

下面這些海報(bào)采用

醒目的字體與適度的 空間留白

迅速抓住受眾的眼球

道士下山的海報(bào)中用

國(guó)畫中的黑白灰來(lái)表現(xiàn) 空間層次

用 留白來(lái)體現(xiàn) 海報(bào)節(jié)奏

麥當(dāng)勞這幅戶外廣告中,路燈映出一個(gè)巨大的M 

再配上簡(jiǎn)單的文字,傳播信息的同時(shí)又很有創(chuàng)意

我在故宮修文物這部紀(jì)錄片海報(bào)中 

選用需修復(fù)的物件來(lái)做背景 

再配上醒目的文字,讓人留下深刻記憶

在這些海報(bào)中空白 空間比較大時(shí)

版式會(huì)產(chǎn)生 寧?kù)o、高雅的感覺(jué) 

黃金時(shí)代海報(bào)中 和諧的空白與實(shí)體空間比例關(guān)系 

提高版式的審美,形成 通透、疏朗的視覺(jué)效果

在妮維雅這個(gè)晚霜產(chǎn)品廣告中

文字,圖形與留白結(jié)合得非常巧妙

海報(bào)中文字 實(shí)體面積大于空白處

則會(huì)產(chǎn)生 熱鬧、緊湊、信息量大的感覺(jué) 

03個(gè)性色彩的合理搭配

色彩作為視覺(jué)設(shè)計(jì)的構(gòu)成元素,在版式設(shè)計(jì)中發(fā)揮著舉足輕重的作用,色彩的視覺(jué)優(yōu)勢(shì)能更好的體現(xiàn) 文字空間多視點(diǎn)的獨(dú)特性。 

例如冷色有遠(yuǎn)離感,暖色有近在感

這些海報(bào)在文字編排時(shí),通過(guò) 色彩的冷暖對(duì)比

漸變重疊的方法來(lái)表現(xiàn) 層次關(guān)系和空間深度

在這兩張濃郁紅色系海報(bào)中

都是用更奪目的金色相配

創(chuàng)造出 強(qiáng)烈的視覺(jué)效果

用搶眼的黃色跳出畫面 

瞬間形成海報(bào)的 空間關(guān)系

而在這兩張色彩 明度,純度更低的海報(bào)中 

選用中性的白色做標(biāo)題,既醒目又不會(huì)太突兀

給人一種 沉穩(wěn),厚重的感覺(jué)

在這幾張冷色調(diào)的海報(bào)中

恰當(dāng)?shù)?nbsp;留白給人帶來(lái)一種 輕松,巧妙的感覺(jué) 

而藍(lán)色的寧?kù)o也會(huì)給人往后退的感覺(jué)

表現(xiàn)出海報(bào)的層次關(guān)系

04 多維空間的相互轉(zhuǎn)換

文字空間多維度的相互轉(zhuǎn)換可以借助多方面的空間關(guān)系來(lái)表現(xiàn),在版式中形成 主與次、強(qiáng)與弱和虛與實(shí)關(guān)系,使版式由 二維空間向多維空間延伸。 

黃金時(shí)代海報(bào)中將文字進(jìn)行拆分

將筆畫 具象立體化后進(jìn)行 錯(cuò)位重疊處理

讓文字形成一個(gè)多維空間

文字大小 明暗的變化,可生成 疏密、強(qiáng)弱的空間對(duì)比 

設(shè)計(jì)師在板式設(shè)計(jì)時(shí)

讓受眾通過(guò)文字直觀了 解商家意圖,產(chǎn)品性能的同時(shí) 

用文字進(jìn)行 多維度,多視點(diǎn)的版式設(shè)計(jì) 

追求更精美,更有 空間與節(jié)奏的文字編排 

希望今天分享的這篇干貨內(nèi)容

可以讓你們?cè)谠O(shè)計(jì)排版上得到啟發(fā)

歡迎一起探討和學(xué)習(xí)哈!


威客碼頭 征集論壇
  • 論壇精華
  • 頂尖文案
  • 經(jīng)典設(shè)計(jì)
  • 綜合薈萃
  • 資訊聚焦