找不到排版靈感?來看這個平面高手都在用的「文字補丁」排版方法! - 特级毛片www,色综合天天综合网,国产成人综合亚洲 - UISDC

找不到排版靈感?來看這個平面高手都在用的「文字補丁」排版方法!

2019/07/28 29772評論 11

?︰版式設計是每個設計師必備的基本功了,那麼如何在有限的版面中,通過不同的編排去做出更多的可能性,常常是讓人很頭疼的。比如大家在學習各種排版風格時,會不會覺得沒有頭緒?那我們到底應該從哪里開始學起呢?在本期的內容中,我就為大家準備了一款功能與形式感並存的編排技巧,也就是文字補丁風格。

首先我們來看幾個作品,大家能夠發現這兩個畫面中有哪些共同點麼?

相信有的人已經看出來了,就是我們今天的主角,文字補丁。在這三個版面中,雖然文字補丁從層級關系上來講並不重要,但由于補丁的運用會讓他們顯得非常搶眼。

那我們再來看,當文字補丁作為主要元素時,這類編排風格所呈現出的效果是什麼樣的呢?總體來看,就是形式感非常突出,而且信息看上去也是比較醒目的。

所以這種編排技巧的主要特征,就是將文字添加在相應的色塊上,讓文字和色彩形成一個整體。實現的方法雖然簡單,但所呈現出的效果卻不簡單。

從氣質上分析,這類編排形式,會讓版面給人一種激進和年輕的印象。相對來說,它就更適合去表現那種年輕、活力,這樣的內容。

那我們要怎麼去理解它呢?我們可以從文字發展的歷史來看看,在鉛字時代,文字被雕刻出來,本身就帶有一個塊狀底座的。

所以我們可以將這種文字襯底色的編排形式,理解成經過拼版的鉛字外觀。

之所以叫它文字補。 且蛭 謖飫嗉記芍,文字和背景之間是分開的,就好像是生活中的補丁一樣。

俗話說,藝術來源于生活,設計當然也一樣。比如畫面中這兩個圖片,就是我們平時生活中到處可見的小廣告。

所以很多設計師就參考了這個靈感,運用到了自己的設計中,通常會給人耳目一新的感覺。

這三個海報就是最基本的文字補丁的形式,算是很簡單的一種,但是大家要注意,我說的這個簡單只是說文字補丁的形式比較簡單,並不是說作品整體簡單,其實這三個海報的排版是很精致的。

拿這兩個海報的話,就是相對來說,形式感比較強,比較復雜的文字補丁的形式了,這個對創作者的排版基本功要求極高。

這三個海報,就是分別利用了街邊的小廣告、文件袋以及水彩印痕的形式。它們的構成形式依然沒有逃出文字補丁的形式,只是文字的載體不同而已。

類似這種將文字安排在色塊上的編排風格,它是如何發展成現在這樣的形式呢?為了進一步去了解這種編排技巧的來歷,我們可以從設計的發展歷史中去尋找一些蛛絲馬跡。那麼接下來我將帶領大家一起追根溯源,去尋找隱藏在它背後的思維邏輯。通過翻閱大量的資料,我們知道了,其實這種風格它並不是什麼新的手法,它甚至最早可以追溯到維多利亞時期的海報作品。

在當時,人們的思想還不能接受抽象的圖形,所以文字的承載物都是一些常見的事物,比如船帆、條幅以及綢帶。

隨著設計的發展和進步,就開始出現了一些相對超前的思想流派。從德國的青年風格與維也納分離派開始,版式中就開始逐漸出現了幾何線條,這也為現代的設計奠定了基。 謖饈焙,文字補丁風格基本已經成型了。

到了 20 世紀,由于商品經濟帶動了海報的需求,文字與圖形之間的搭配組合也日漸成熟了起來。

而隨後,基于對抽象藝術語言的認同,俄羅斯先鋒派承擔起了「建構未來」的使命。並開啟了以「構成主義」為核心的運動。而這種圖形與文字的結合形式,也被俄國的構成主義推向了極致。

包豪斯分別吸收了風格派和構成主義的思想,所以這種文字補丁的風格就自然地被繼承了下來。

與此同時,作為東亞語言排印設計先鋒的日本,也受到了包豪斯設計理念的影響,早期的日本設計,也經常會運用這種手法。

雖然說版式的編排變化莫測,但也是萬變不離其宗的,面對各種編排風格,我們需要做的就是總結其中的規律和技巧,把大問題變成一個小問題,然後逐一去解決它們。因為只有站在前人的肩膀上我們才能看得更遠。在了解了文字補丁風格的由來後,我們繼續來分析一下,這類技巧都有哪些特點。平面設計的主要功能是「信息的傳達」,而讓文字信息變得更加醒目,恰恰是文字補丁風格的主要特性。

這個是品牌 VI 識別系統中,對安全空間的規範內容。做過品牌設計的同學們應該都有所了解。

假如有其他元素侵入了標志的安全區域,就會影響到標志的完整性與閱讀性。也正因如此,標志周圍才會規定一定的安全區域。

而文字也是一樣的道理,只要在文字的四周預留出一定範圍的空間,就能為視線帶來喘息的余地,閱讀性與辨識度也就增強了。

在文字的編排中,每一段文字其實都具有一個安全的識別區域,我們的行距和字距都不可以小于這個區域,不然就會變得難以閱讀。

從宏觀的角度來看,版心越。 婷嬤械哪諶菥馱獎閿讜畝。

看到這里可能有的人會問,既然只要留出適當的空間就可以了,那為什麼還要加入補丁色塊呢?這就不能不說到另外一個關鍵因素了,那就是文字的背景。那麼為了更方便大家對這個問題的理解,接下來我也設計了一個對比環節,讓大家更直觀地去感受一下,文字在不同的背景下都會受到哪些影響。

如果是相對干淨的背景,文字直接添加在上面不會有什麼問題,但是如果圖片稍微復雜一些的話,就會影響到文字的識別了。

所以這個時候,在文字和背景之間,添加一個色塊,就可以完美解決識別度這個問題了。

這樣一來,文字信息就會像補丁一樣貼在背景上,無論背景中的圖像如何變化,都不會影響到文字的識別。

也正是由于這種抗干擾的特性,讓文字補丁這種編排風格經常出現在電視節目的包裝里。色塊變成為了隔絕動態背景和文字間的一個有效的屏障,它保證了信息能夠不受干擾的傳播出去。

不僅如此,在局部信息上添加顏色,也是一種比較常用的強調手法。

在裝幀設計里也經常會運用到這個技巧。對于那些相對重要的信息,我們就可以運用文字補丁的形式去進行強調處理。

但是在這類版面里,我們需要格外注意的關鍵點就是,既然是強調,就要保證被強調的那個部分,在視覺面積上要小于其余的部分。

因為只有這樣才能達成視覺上的對比效果,如果一個版面中幾乎所有的信息都在做強調處理,也就導致了整個版面里沒有一個元素能夠被凸顯出來了。

另外,色塊的加入也會為整個版面帶來一定的裝飾效果。

說到裝飾效果,就不得不提到「形式追隨功能」,這個概念是德國包豪斯的教義,更是現代設計的基本準則。

而提出這個觀點的人,最早可以追溯到 19 世紀芝加哥學派的中堅人物,路易斯•沙利文。

他認為「裝飾是精神上的奢侈品,而不是必需品」,比如在大自然中,事物僅僅通過自身的結構,就能產生美感,設計也應該是這樣的。

比如說,飛機的外形結構只要符合空氣動力學,它所呈現出的樣貌看上去也會非常美觀。再比如,一把刀只需要設計得便于使用,它的外觀也就自然會呈現出一種舒適的美感,完全不需要額外去添加雕花和其他的裝飾。

我們再來看畫面中的海報,版面中所構成的形式感,就完全來源于內容本身的結構特征。信息是什麼結構,裝飾圖形就是什麼樣的。

在了解了文字補丁風格,內部的思想和功能後,接下來我們將帶領大家一起從表面去解析它,看一看這類技巧還具有哪些變化上的可能性?那麼經過一番總結,我們大致將其中的變化特征劃分成了八大類型。

首先是色彩,色彩是添加變化的有力手段,在版面中為文字補丁添加不同的色彩,不僅能強化裝飾效果,同時也會改變畫面對外的整體觀感。

豐富的色彩能夠傳遞出更加年輕、活力這樣的印象。

然後是描邊,不只是文字可以描邊,它下方的「補丁」同樣也可以運用這個技巧。隨著描邊的加入可以解放「補丁」本身的色彩範圍。

即使采用和底色一樣的色彩,邊緣也會清晰可見。

接著是融合背景,這是一種透明與不透明之間的一種半透明狀態。

運用半透明的文字補。 饒芄話訓撞閫及賦耐諧隼,同時又不會因為對比太強,而干擾到文字的識別。

我們都知道,當兩個或兩個以上的元素相互靠近,人們就會下意識的將他們看成一個整體,這在文字補丁技巧中也具有相同的體現,就是色塊組合。

當多個文字補丁相互靠近,他們就會形成一個新的形狀。

還可以加入傾斜角度,讓版面產生新的動勢。

活躍版面的同時也會避免給人呆板的印象。

當然了,一個文字補丁上不一定只能承載一段文字,也可以把多段文字添加在同一個色塊上,它就會成為一個更小的版面。

這也是一個非常有趣的變化形態。

文字還可以嵌入到補丁的色塊里,形成一種窺視的效果,既可以展現細節,同時又不會顯得過于凌亂。

最後就是透視的加入,透視它能夠打破版面的維度,同時也可以營造出一定的縱深效果。這個與傾斜的手法有些類似,同樣也具備營造動感的屬性。

雖然這里我們只介紹了八種方法,但其實它並不意味著就只能單獨去運用它們。這個就像武術中的招式一樣,不同的組合方式也會帶來不一樣的效果。如果將多種方法隨機組合,也就會延展出更多不同的外觀,每一種都會體現出它獨特的一面。那麼接下來我們就一起看看,當它們相互組合時,都能給我們帶來哪些有趣的版面風格。

這個畫面中的「文字補丁」不僅采用了描邊手法,同時也加入了色彩上的變化。

這個是將修改顏色與色塊的描邊做了一個結合。

這個是透視與角度的傾斜,其實它還有灰度上的一個變化。

由此可見,色塊之間的組合手法。加上在同一補丁中添加更多文字的技巧,它們之間的組合也會得到更多不一樣的版面。

畫面中的這組海報,就是運用了三種手法。色彩的切換、補丁色塊之間的組合,再加上單個補丁內的更多小字,讓版面中的元素呈現出了更豐富的變化性。

這組雜志封面,也是同時運用了,傾斜的角度加上更多的文字以及色塊的組合。整體給人一種活潑、新穎的視覺感受。

為了便于理解,接下來我們就運用今天所學到的知識去做一個完整的設計案例,首先我們來看文案,這是一個家具的廣告文案。

畫面中展示的,就是我們需要使用到的產品圖片。

首先我們確定版心的大。 萃紡災械拇籩虜萃既З婊 。接下來,將圖片裁切後,以三等分的形式置入版心。

緊接著,我們置入主標題時,我們會發現,文字的識別度非常低,這時就可以運用到我們這節課所講的文字補丁了。

只要在文字下方置入一個白色的色塊,就可以保證文字的識別度了。

下面根據文案,我們來編排輔助信息,劃分層級並做好排列組合之間的關系。然後置入到圖片里,同樣的,現在版面中還是會出現文字識別度低的問題。這里我們同樣在文字的後面置入一個白色的色塊,它既增加了識別度,也強調了統一性,左下角的信息也采用同樣的手法添加上去。

最後,我們編輯好商品的信息,然後置入到圖片里。與此同時提取圖片中木頭的顏色,作為文字的底色,增加信息的識別度。到這里這個版面就完成了。

我們再做一個案例,通過文案我們可以看出,這是一個關于探索城市和人之間關系的展覽。

說到城市,首先能夠讓人聯想到的就是城市的高樓林立,或者是夜色下的城市光景。而游擊隊這個詞,通常是指一到兩個全副武裝的人,經常出沒在人煙稀少的地方。那麼設計的方向到這里就大致確定下來了。

經過篩。 頤親鈧昭≡窳甦庹磐計 魑 婷嫻牡淄。按照慣例,我們確定好版心的位置,然後是劃分網格的大。 艚幼,根據照片中高樓的透視,確定出主體的位置。

這里的主形象是利用色塊的透視關系,去模擬城市的高樓印象。

圖片整體為藍色,所以我們的圖形選擇黃色去增加對比。

我們將處理好的主形象置入到版面中,在頂部的色塊上添加文字信息。

其他的輔助文字,我們也采用相同的處理手法,來達到畫面的統一性。

在版面中的空白位置上,添加處理好的其他內容。這個版面也就基本完成了。

可能有的人會問,為什麼底部的小字也要加上色塊呢?這里我們可以做個實驗。文字反白後識別效果是不是就顯得非常差了?所以底部的小字還是需要使用色塊的。

我們來看一下最終效果。

那本期教程到這里就結束了,我們今天所講的就是文字補丁技巧,可以從多種角度去理解它的構成出發點。從氣質上來說,這類風格更適合去表現那些年輕和具有活力的信息內容。當然成熟穩重的版面也可以通過添加少量的文字補丁去活躍氣氛。從功能上說,文字補丁能夠最大限度的包裝信息的傳達效率,並且還具有突出強調的作用。從形式上來說,這種從功能去推導出形式感的手法,要更加客觀和高效。在變化上,我們一共總結出了八種方法,再加上不同的組合形式,就可以延展出更多不同的表現形式。

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

儒墨堂大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址︰http://www.rumotanartist.com/text-patch

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

版式設計 交互設計師 界面設計 排版布局 職場 設計師干貨 儒墨堂專訪 儒墨堂大課堂 設計達人 配色 視覺設計 web前端開發 素材下載 AI教程 設計流程 設計理論 神器下載 字體下載 設計師專訪 psd下載 平面設計 用戶體驗設計 設計規範 海報設計 設計趨勢 動效設計 logo設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

儒墨堂啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!特级毛片www,色综合天天综合网,国产成人综合亚洲是極具人氣的設計師平台
2012年成立至今,一直專注于設計師的學習成長交流

特级毛片www|色综合天天综合网|国产成人综合亚洲

打開微信,掃碼分享
學設計 特级毛片www,色综合天天综合网,国产成人综合亚洲 在這里