-
當(dāng)前位置:首頁 > 創(chuàng)意學(xué)院 > 營銷推廣 > 專題列表 > 正文
純文字排版素材(純文字排版素材圖片)
大家好!今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于純文字排版素材的問題,以下是小編對此問題的歸納整理,讓我們一起來看看吧。
開始之前先推薦一個非常厲害的Ai人工智能工具,一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等
只需要輸入關(guān)鍵詞,就能返回你想要的內(nèi)容,有小程序、在線網(wǎng)頁版、PC客戶端和批量生成器
官網(wǎng):https://ai.de1919.com。
本文目錄:
文字排版的三個對比原則是什么?
一、 格式塔原理及其版面中的應(yīng)用
相信各位都聽說過格式塔心理學(xué)?!案袷剿痹醋缘抡Z“Gestalt”,意即“整體”、“完形”。
簡言之格式塔心理學(xué)是對人類視覺工作原理研究。此項研究提出人類的視覺是一個整體,眼睛所看到的事物都是經(jīng)過大腦整體化處理,所以我們是以整體形式感知事物而不是個體元素。
其中最重要的格式塔原理有著幾個:接近性原理;相似性原理;連續(xù)性原理;封閉性原理;對稱性原理;主體/背景原理。 在此篇文章中我們重點介紹前三個,而這三個也是在版面中運用最廣泛最基礎(chǔ)的。
1.1 接近與信息關(guān)聯(lián)性
何為接近原則?即我們視覺會把彼此接近的元素看成一個整體。所以在排版的時候我們可以將相關(guān)聯(lián)的元素彼此接近,不相關(guān)的元素彼此遠離,以此來區(qū)分不同的信息集。
建立不同組合的方式有很多種,但是以接近性原則最為基礎(chǔ)和重要。即便每個元素的顏色形狀不同,但只要彼此接近,也能夠在視覺上形成一組。
例如:聯(lián)合利華LOGO的諸多元素因為彼此接近,所以我們很輕易的能夠辨認出輪廓“U”。
那么接近原則在版面中是如何運用的呢?其實就是將相關(guān)聯(lián)的信息彼此靠近,不相關(guān)的信息彼此遠離的過程。
在這個名人名言的案例中,標題與內(nèi)容之間的距離完全相等,我們很大程度上就會產(chǎn)生哪段標題對應(yīng)哪段文字的疑惑。如果我們將接近性原則處理好之后會發(fā)生什么?
當(dāng)我們把相對應(yīng)的名人名言互相貼近,不相關(guān)的互相遠離后,其閱讀障礙就不存在了,誰說了那句話一目了然。
接近性原則不但可以處理標題與文字,還可以處理各種各樣的元素。
在此案例中,圖片與文字距離過遠,缺乏聯(lián)系感。而圖片之間又過近,組合不分明。接近性沒有做好,所以造成了畫面整體偏散的問題。
當(dāng)我們用接近性原則將相關(guān)聯(lián)的圖文信息組合在一塊后,版面更易閱讀,哪個人物對應(yīng)哪個名字也不會出錯了。
我們再來看一下這組信息,需要用以下信息做一個中英文結(jié)合的名片。首先要做的還是把接近性原則處理好,把姓名職位、英文名、聯(lián)系方式、地址等通過接近性原則劃分為不同的組合。
右邊經(jīng)過接近性原則處理后的更易閱讀,哪塊信息說了什么也十分明顯,剩下的我們只需要把劃分好的組合選擇合適的字體,并排列到名片的版面中。
利用好接近性原則我們可以不斷嘗試已經(jīng)分好組的元素在版面中的位置,在確保每組距離的同時保證版面的平衡性即可。
利用接近性原則可以不斷的去調(diào)整位置形成新的版面。
1.2 相似與版面統(tǒng)一性
接近性原則強調(diào)的是位置對我們視覺的影響,而相似性原則強調(diào)視覺元素的內(nèi)容對視覺的影響,如顏色、形狀、大小、方向等等。如果其他因素一樣,只有這些內(nèi)容不同,那么我們的視覺會把相似的內(nèi)容看成一個整體。
在同一組圖形中,顏色或者形狀相似的元素會形成一個視覺單元。
同樣的原理,在一組圖形中大小或方向相似的元素也會形成一個視覺單元。
相似性原理在版面上是如何去運用的?
首先利用相似性原理可以把不和諧的元素和諧化。
三張圖片的色調(diào)不同,強行組合在版面中并不和諧。
將色調(diào)處理成統(tǒng)一版面也會更加和諧。
不同的數(shù)字表現(xiàn)方式使版面凌亂不堪。
將數(shù)字的特征相似化后整體的風(fēng)格更統(tǒng)一,版面也沒了凌亂的感覺。
相似性原理除了可以和諧的處理版面之外還可以著重突出重點的元素。
我們只需要將想要突出的元素去掉相似特征就可以了,使之異于其他相似的元素。
此例中用不同的色彩使已完成、待進行、正在處理的流程區(qū)分開來。而“已完成”的步驟其顏色則是一樣的;“未完成”之間的色彩也一致,這正是相似原則的突出運用。
1.3 連續(xù)性原則與視覺邏輯
我們的視覺更容易感知到連續(xù)的事物,使之成為一個整體。
以上圖而言,雖然全部是虛線的點,但我們依然可以辨認出他們的幾何形狀。
有很多LOGO造型也是運用了連續(xù)性的,比如IBM。
分隔開的圖片我們依然能夠識別出內(nèi)容,也說明了視覺是連續(xù)的。
連續(xù)性在排版設(shè)計中一般用于解決元素散亂、視覺邏輯的問題。
為解決這個問題,我們可以加入其它元素,建立連續(xù)性。
通過線條的穿插表現(xiàn),我們的視覺得到了很好的引導(dǎo),解決了不知按什么順序閱讀的問題。另外線條使四個點連成了一個整體,點與點之間具備了連續(xù)性,散亂的問題也得到了很好的解決。
線條的走向也會對我們的閱讀順序產(chǎn)生重大的影響。
這里考一下大家,如何利用連續(xù)性原則將上圖比較散的年份和日期建立聯(lián)系感?要求不能改變兩者的距離。
好了,時間結(jié)束啦,我們看一看答案吧。
另外我們的視覺流向也會被畫面中的目光朝向所影響。
我們現(xiàn)在要將BIG Cat 放到畫面里面,放到什么位置最能讓別人注意到?
放到這里雖然感覺也沒問題,但是如果字再小一點,圖片顏色再深一點就非常容易讓觀者遺漏此信息。
將“BIG Cat”放到貓咪目光的延伸線上則會非常容易使人注意到。
二、 素材的精致程度
素材的精致程度對版面的優(yōu)劣也有非常大的影響,素材的精致程度主要體現(xiàn)在三個方面,分別是清晰度、契合度和表現(xiàn)力。
2.1 清晰度
清晰度相信不用多說了吧,清晰度的優(yōu)劣直接會影響我們作品的品質(zhì)。如下圖中這類素材清晰度不夠,排版就會毀于素材。調(diào)換成足夠清晰度的素材,畫面也會精致很多。
2.2 契合度
契合度就是素材與主題的關(guān)聯(lián)程度,如果一個表現(xiàn)體育的主題你去找一張美食的圖片,那么毫無關(guān)聯(lián)程度,必然是錯的。
上圖左側(cè)的案例文字是狗,但素材圖卻是個豹子,于是就成了契合度不夠的典型。
同樣是書法培訓(xùn)的海報,左側(cè)的用到太多不相關(guān)的元素,廟宇、竹子、山川等等,與主題的契合度不夠。而右側(cè)的案例僅僅只用了書法筆觸的素材,但契合度和表現(xiàn)力卻比左側(cè)好很多。另外右側(cè)文字的編排在接近性、連續(xù)性上也比左側(cè)案例好很多。
3.3 表現(xiàn)力
表現(xiàn)力有多重形式,如創(chuàng)意性、光影出色、層次感強等等。
比如我們找一個舞者的素材,下圖左側(cè)這種就屬于表現(xiàn)力不夠的。
左側(cè)的素材常見,造型、創(chuàng)意以及美感都差強人意,缺乏感染力自然表現(xiàn)力就不夠。相比較右側(cè)素材的光影以及美感非常好,表現(xiàn)力就會強很多。
上圖兩案例也屬于表現(xiàn)力非常好的素材,我們在做排版時,如果要用素材就要用表現(xiàn)力過關(guān)的素材,這樣作品才會更有美觀與設(shè)計感。
三、 字型選擇的重要性
字型在我們設(shè)計中是非常重要的,甚至可以上升到設(shè)計之魂的高度。字型選擇是否正確對版面的影響是決定性的。
再講字型之前我們先看一個案例
這個生命科學(xué)的海報看上去怪怪的,究竟怪在哪里呢?實際上是字體應(yīng)用不得當(dāng)?shù)膯栴}。案列中用的是襯線體與宋體,而這兩個都是傳統(tǒng)型字體,表達不出生命科學(xué)所擁有的嚴謹感與現(xiàn)代醫(yī)學(xué)的科技感。
當(dāng)我們將字體換成無襯線體與黑體后是不是就順眼多了。無襯線體更加現(xiàn)代,與要表達的主題氣質(zhì)契合。
由此可見字型選不對,就很容易毀掉你的作品。要選對字型首先要對字體的氣質(zhì)有一定的了解,接下來重點介紹襯線體、無襯線體、黑體、宋體所具備的不同的氣質(zhì)。
3.1 襯線體與宋體
襯線體,即有襯線裝飾特征的字體;宋體,即筆畫有粗細變化,并且轉(zhuǎn)折處有三角裝飾特征的字體;襯線體與宋體一般都具有傳統(tǒng)的氣質(zhì),能夠表現(xiàn)一定的文化感、歷史感,并且具有強烈的人文主義感。
襯線體還可詳細分為偏傳統(tǒng)和偏現(xiàn)代的類型,主要是看他們的橫豎筆畫的粗細對比度與簡潔程度區(qū)分。
左側(cè)傳統(tǒng)型襯線體粗細對比相差比較小,襯線也比較圓潤復(fù)雜,襯線連接處呈圓角;右側(cè)現(xiàn)代型襯線體粗細對比相差非常大,襯線連接處呈直角,簡單直接,。
偏傳統(tǒng)襯線體的代表有Garamond、Caslon等。他們的傳統(tǒng)氣質(zhì)非常強烈,適合傳達傳統(tǒng)、文藝、人文的氣質(zhì)與故事感。
說完偏傳統(tǒng)的咱們再來說一下偏現(xiàn)代的。
偏現(xiàn)代襯線體的代表有Didot、Bodoni、Walbaum等。他們在保留襯線的同時又有很強的現(xiàn)代感,粗細對比也比較大,能夠傳達出優(yōu)雅、女性、高端、時尚的氣質(zhì),因此很多時尚雜志、女性產(chǎn)品選擇此類型的字體。
既然襯線體分為傳統(tǒng)襯線與現(xiàn)代襯線,那么宋體也是一樣。按照宋體裝飾三角的復(fù)雜程度也可分為傳統(tǒng)宋體與現(xiàn)代宋體。
常用的傳統(tǒng)宋體有方正標宋、書宋、報宋、筑紫明朝、王漢宗明體等;而常用的現(xiàn)代宋體有方正雅宋系列、思源宋體、小冢明朝等。
傳統(tǒng)宋體與現(xiàn)代宋體所傳達的氣質(zhì)也有差別。傳統(tǒng)的宋體更能夠表現(xiàn)出文藝、故事、人文的感覺;而現(xiàn)代宋體則偏向傳遞女性優(yōu)雅、時尚的感覺。
介紹完宋體與襯線體的相同與不同后我們再來說一下他們之間應(yīng)該如何混合搭配。
搭配原則其實不難,總結(jié)就是一句話
以這個搭配原則我們看一下下面這個案例。
第一組搭配為方正風(fēng)雅宋與其自帶的英文,顯然是不匹配的;第二組為方正風(fēng)雅宋+Garamond,現(xiàn)代宋體搭配傳統(tǒng)襯線體,顯得也不倫不類,不和諧;第三組為現(xiàn)代宋體搭配現(xiàn)代襯線Didot,所以非常和諧。
這一組也是一樣,只有第三組傳統(tǒng)宋體+傳統(tǒng)襯線體最為和諧。盡管第一組自帶的英文也可勉強劃分到傳統(tǒng)襯線里面,但他的筆畫特征與中外完全不同,因此也非常難匹配。
所以搭配的時候不僅要氣質(zhì)相匹配,其筆畫特征也應(yīng)該是相似的。
3.2 無襯線體與黑體
無襯線體,即沒有襯線修飾的字體。黑體也是沒有三角形裝飾特征的字體。相較于襯線體與宋體而言,其更為簡約、現(xiàn)代,能夠表達理性、利落的特質(zhì)。
無襯線體根據(jù)其字母的結(jié)構(gòu)關(guān)系可以分為常規(guī)型、人文型、幾何型三類。
其中常規(guī)型無襯線體是最常見最普通的,可以說是最沒個性的;人文型無襯線體的筆畫并不是等寬的,而是有過渡過變化,S、C等字母的切口也是寬的,給人的感覺很秀麗、優(yōu)雅,同時又具有一點文藝氣質(zhì);幾何型無襯線體更像是用幾何形狀切出來的,給人的感覺很簡約、時尚、現(xiàn)代。
常見的常規(guī)型無襯線體有Helvetica、Univers、DIN等,他們給人的感覺是現(xiàn)代、理性、嚴謹?shù)?,同時也是最沒個性的。
因為其沒有特別的個性,所以字體的包容性非常廣,有話云:當(dāng)你不知道用什么字體時,就用Helvetica。由此可見其用途廣泛程度。
人文型無襯線體的代表為Gill Sans、Optima、Stone Sans等,人文型無襯線體給人感覺是理性與感性并存,是很有溫度的一類字體。他們也能傳達優(yōu)雅、秀麗、人文的氣質(zhì)。
幾何型無襯線體的代表有Ftura、Avalon、Avant Garded等,這種字體有強烈的幾何感,顯得很現(xiàn)代、高端。
相對于無襯線體,黑體的分類就比較簡單了,按照有無喇叭口的原則只將其分為常規(guī)型黑體與人文型黑體。無喇叭口的黑體為常規(guī)型,有喇叭口的為人文型。
常見的常規(guī)型黑體有思源黑體、微軟雅黑、漢儀旗黑、方正蘭亭黑等;常見的人文型黑體有默認黑體和冬青黑體。
黑體與無襯線體的搭配比襯線體和宋體要簡單,只需要選擇精致的字體,并統(tǒng)一好字重和筆畫形式便可。
平面設(shè)計文字排版技巧
一、版式
首先我們需要了解的版式。我們平時制作或看到的版式大部分都是由——中心型、中軸型、分割型、傾斜型、骨骼型、滿版型為主。
↑ 中心型排版,利用視覺中心,突出想要表達的實物——當(dāng)制作的圖片沒有太多文字,并且展示主體很明確的情況下建議多使用中心型的排版。中心排版具有突出主體、聚焦視線等作用,體現(xiàn)大氣背景可用純色,體現(xiàn)高端背景可用漸變色。
上圖為Elysions的作品
↑ 中軸型排版、利用軸心對稱,使用畫面展示規(guī)整穩(wěn)定、醒目大方——當(dāng)制作的圖片滿足中心型排版但主體面積過大的情況下,可以使用中軸型排版。中軸型居中對稱的版面特點,在突出主體的同事又能給予畫面穩(wěn)定感,并能使整體畫面具有一定的沖擊力。
在做電商活動海報的時候中軸型是很出效果的一種形式
↑ 分割型排版,利用分割線使畫面有明確的獨立性和引導(dǎo)性——當(dāng)制作的圖片中有多個圖片和多段文字時可以使用分割排版。分割型排版能使畫面中每個部分都是極為明確和獨立的,在觀看時能有較好的視覺引導(dǎo)和方向;通過分割出來的體積大小也可以明確當(dāng)前圖片中各部分的主次關(guān)系,有較好的對比性,并使整體畫面不單調(diào)和擁擠。
↑ 傾斜型排版,通過主體或整體畫面的傾斜編排,使畫面擁有極強的律動感,刺激視覺——當(dāng)制作的圖片中要出現(xiàn)律動性、沖擊性、不穩(wěn)定性、跳躍性等效果,可以使用傾斜型排版。傾斜排版可以讓呆板的畫面爆發(fā)活力和生機,當(dāng)你發(fā)現(xiàn)自己的圖片過于死板或僵硬時,嘗試讓畫面中某個元素帶點傾斜,會有出奇的效果。
↑ 骨骼型排版,通過有序的圖文排列,使畫面嚴謹統(tǒng)一、具有秩序感——當(dāng)制作的圖片中,文字較多時,通常都會應(yīng)用骨骼型排版。骨骼型排版時較為常見的排版方式、清晰的調(diào)理和嚴謹性讓畫面平穩(wěn),是一種不會出現(xiàn)的錯誤,但是畢竟單一的排版方式。有些時候為了打破骨骼型的單一和平穩(wěn),我們也可以應(yīng)用上圖第三張的形式,在規(guī)整的排列中加入一些律動強烈的素材。
↑ 網(wǎng)頁設(shè)計(包含電商)中大部分都是骨骼型排版形式
↑ 滿版型排版,通過大面積的元素來傳達最為直觀和強烈的視覺刺激,使畫面豐富且具有極強的帶入性——當(dāng)制作的圖片中有極為明確的主體,且文案較少時可以采用滿版型排版。常見的滿版型排版有整體滿版、細節(jié)滿版和文字滿版。
如第一張:整體滿版會讓畫面有強烈的帶入性。
如第二張:細節(jié)滿版能快速明確和展示主體。
如第三種:而文字滿版通常是以裝飾的形式來表達某些文案。
二、方法
了解了基本的版式,我們再去了解排版中需要注意的幾個問題。
首先是對版式的選擇,你如果拿到一份客戶的要求而沒辦法想出來接下來可以用哪些方法去排版,顯然是作為設(shè)計師而言不太光彩和合格的事情。我在上邊的例子中也寫到了,不同的情況下可以應(yīng)用不同的版式,而所謂的不同情況大多數(shù)時候有這么幾種,字少圖少、字少圖多、字多圖少、字多圖多,字圖一樣。其次就是如何應(yīng)用,版式是一種縹緲的藝術(shù),理論形式固定,但表現(xiàn)形式多樣。當(dāng)你手法純熟了,怎么擺放都會很好看,而在剛開始練習(xí)的階段,我們還是最好注意好排版中需要嚴格遵守的一樣?xùn)|西——留白。
留白很多大師都講過,分析過,大部分來說比較宏觀,都是跟意境掛鉤,我再去說重復(fù)的東西就沒有意義了,我要說的是幾個細碎的留白問題,首先我要否認很多人認為留白就是要做簡約風(fēng)的印象,其實留白無處不在,簡約風(fēng)只是留白更宏觀的定義而已……那么怎樣去理解和運用留白呢,首先我們要對留白有幾個新的認識:
第一,文字間距、行距都是留白,而這種距離如果太過統(tǒng)一和擁擠畫面就會死板,所以在文段較多的情況下,我們可以適當(dāng)調(diào)節(jié)文段的距離來改善畫面的效果,也就是加大文字間的留白。
如下圖:
第二,比如某個元素內(nèi)部又有其他元素,那么這個元素內(nèi)部區(qū)域就需要合理的留白,內(nèi)部元素不能太滿,也不能太偏。
如下圖:
第三,元素跟元素之間要有一個合理的留白,不然就會擁擠難受。
如下圖:
第四,除滿版型排版以為盡量讓畫面四周有足夠的留白。有些時候不必要放那么多的裝飾元素,在畫面中,那樣反而會搶了主體,比如這個下圖,其實竹葉也可以表達所需的意思,而且更靈動。
第五,裝飾元素在做飄散的時不要集中在一個區(qū)域,那樣會讓某個區(qū)域留白不夠顯得擁擠,還會顯得圖片的感覺小氣,飄散的元素我們盡量做的大氣一些,揮灑寫,彌補周邊空曠的同事又能讓畫面大氣。
如下圖:
第六,留白的同時也要去白,去白是一種平衡留白畫面的效果,一般來說常用的去白方式是對線去白,即下方有元素而上方很空的時候,給上方增加一個元素來平衡畫面;當(dāng)主體過于渺小導(dǎo)致留白過多時,需要放大主體和調(diào)整其它元素來去白。
如下圖:
圖1:中心主體太小上下空洞 圖2:下方去白,上方空洞 圖3:上下去白,畫面平穩(wěn)
舉例:
↑中心元素過小,周邊過于空曠
↑中心整體放大,主體上下留白過多被彌補,但主體與文案間的留白關(guān)系不是很舒服
↑拉開文案的行距,使主體與整體文案的空間感相近,彌補文案上下的留白過剩
結(jié)合留白,我再針對上面提到的不同情況應(yīng)用不用版式舉個簡單的例子,當(dāng)客戶給我的方案是字少圖少和字少圖多的情況下,中心型、中軸型、滿版型、骨骼型、分割型等多種方式都可以解決當(dāng)前問題的。比如我們用一下文字和圖片做一張圖:
圖1:中心型 圖2:中軸型 圖3:滿版型
↑ 骨骼型
↑ 分割型
有時候我們也會遇到一張圖片中要放很多小圖片的情況,而且很多小圖片的素材尺寸都是不同的,這里也是很多人經(jīng)常犯錯的地方,大部分人都是隨意擺放并配上文字,其實我們可以把每個圖片都做在同等大小的形狀中顯示,既規(guī)整又大方,如圖:
海報圖片文字怎么排版?
首先,我們先在網(wǎng)上找好素材,素材圖片畫質(zhì)要高清為宜,方便下一步的操作。
2
素材找好了之后,我們打開PS軟件,將素材圖片拖入到操作區(qū)域中,也可以直接打開。
3
將素材拖至操作區(qū)域之后,我們首先觀察圖片,發(fā)現(xiàn)圖片右邊有一部分空白區(qū)域,我們使用裁剪工具,將空白部分裁剪掉。
4
裁剪掉空白區(qū)域之后,我們點擊文字工具,選擇橫排文字工具即可。
5
設(shè)置好橫排文字區(qū)域之后,感覺與畫面不太相符,所以我們使用enter鍵,將輸入框拉長,即可變?yōu)榭v向文字。
6
然后,我們選中文字,設(shè)置好字體和顏色,讓其與圖片相符。
7
然后,我們將文字拖至海報左邊,將文字柵格化,方便下一步的操作。
8
文字柵格化之后,我們繼續(xù)選中文字右擊文字或者使用Ctrl+t鍵,選擇變形功能。
9
按照本土的構(gòu)圖原則,我們將字體變形為S型,一個字一個字的調(diào)整,與圖片貼合為準。
10
最后,我們使用曲線工具,將整個的畫面調(diào)亮即可。
11
好了,今天的海報圖片文字如何排版教程。就為大家介紹到這里,讓我們對比一下前后效果圖吧。
以上就是關(guān)于純文字排版素材相關(guān)問題的回答。希望能幫到你,如有更多相關(guān)問題,您也可以聯(lián)系我們的客服進行咨詢,客服也會為您講解更多精彩的知識和內(nèi)容。
推薦閱讀:
發(fā)純文字朋友圈(發(fā)純文字朋友圈怎么發(fā))
徐州產(chǎn)品的vi設(shè)計(徐州vi設(shè)計公司)