圖片與圖形的編排_(tái)第1頁(yè)
圖片與圖形的編排_(tái)第2頁(yè)
圖片與圖形的編排_(tái)第3頁(yè)
圖片與圖形的編排_(tái)第4頁(yè)
圖片與圖形的編排_(tái)第5頁(yè)
已閱讀5頁(yè),還剩35頁(yè)未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

第3章文字與圖形的版面構(gòu)成

3.1文字的編排3.2圖片與圖形的編排課題概述:本章主要介紹版式設(shè)計(jì)的字體與圖形,通過(guò)對(duì)版式設(shè)計(jì)文字與圖片的編排的學(xué)習(xí),從而深入了解文字與圖形在具體版面中的具體表現(xiàn)與運(yùn)用。教學(xué)目標(biāo):文字與圖形是構(gòu)成版式設(shè)計(jì)的主要設(shè)計(jì)元素,通過(guò)對(duì)文字的編排以及圖片與圖形的編排的學(xué)習(xí),能夠了解其主要表現(xiàn)形式,在實(shí)際版式設(shè)計(jì)中能夠熟練運(yùn)用。章節(jié)重點(diǎn):了解文字與圖形在編排過(guò)程中的具體表現(xiàn)以及通過(guò)編排方式的不同對(duì)版面產(chǎn)生什么樣的視覺(jué)效果。3.2圖片與圖形的編排

圖形是對(duì)穿插于正文中的照片、繪畫(huà)、插圖、漫畫(huà)平面表現(xiàn)圖的總稱(chēng)。圖片在版面構(gòu)成中,占有很大的比重,視覺(jué)沖擊力比文字強(qiáng)85%;也有這樣一說(shuō):一幅圖片勝于千字。但這并非語(yǔ)言或文字表現(xiàn)力減弱了,而是因?yàn)閳D片能具體而直接地把我們的意念表現(xiàn)出來(lái),使本來(lái)平淡的事物變成強(qiáng)而有力的畫(huà)面,充滿了更強(qiáng)烈的創(chuàng)造性。圖48圖形的比例圖49圖形的比例得出結(jié)論:比例越小越顯得畫(huà)面的穩(wěn)定與安靜;比例越大則表現(xiàn)出畫(huà)面的強(qiáng)烈視覺(jué)沖擊。3.2.1圖形的比例和分布圖形的比例與分布,影響整個(gè)畫(huà)面的跳躍率,所謂跳躍率,就是畫(huà)面中最小面積的圖形與最大面積的圖形之間的比率。圖形之間的比例大小不僅在于圖形本身的大小,還包括圖形本身所含信息量的大小。圖片根據(jù)版面的需要分布在版面當(dāng)中,因此要注意圖片與圖片之間的位置關(guān)系,圖片在版面當(dāng)中的編排會(huì)影響到版面的視覺(jué)效果,有些圖片在版面當(dāng)中分布的過(guò)于雜亂,版面也會(huì)顯得雜亂無(wú)主題,統(tǒng)一圖片分布,可以使得版面顯得整齊。3.2.2圖形形狀的應(yīng)用在版式設(shè)計(jì)中,圖形的不同運(yùn)用可以改變整個(gè)畫(huà)面的節(jié)奏與情感。圖形可以是方形的,也可以是自由形的。根據(jù)版面的需求決定需要排列的圖形的形狀,方形的運(yùn)用使畫(huà)面更穩(wěn)定,增強(qiáng)了畫(huà)面理性的感覺(jué)。自由形可以是任何形狀,比如:圓形、植物的外形、抽象形態(tài)等,表現(xiàn)出一種活躍的畫(huà)面氣氛。方形圖形方形圖式,是圖片中最基本、最簡(jiǎn)單、最常見(jiàn)的表現(xiàn)形式。它能完整地傳達(dá)訴求主題,富有直接性、親和性。構(gòu)成后的版面穩(wěn)重、安靜、嚴(yán)謹(jǐn)、大方,較容易與讀者溝通。

方形圖被四周邊框限定,顯得冷靜、理性而具有條理性。

圓形圖給人親切舒服感。為了強(qiáng)調(diào)版面效果,用白色線框在圖片四周劃定,與周?chē)h(huán)境和標(biāo)題字相呼應(yīng),使版面整體協(xié)調(diào)。圖50四邊形圖形的編排圖51自由形圖形的編排3.2.3圖片的應(yīng)用和排列圖片在版面中的位置直接影響到版面的構(gòu)圖布局,版面中的上下左右及對(duì)角線的四角都是視線的焦點(diǎn)。根據(jù)視覺(jué)焦點(diǎn)合理編排圖片,使得整個(gè)版面主題明確、層次清晰,具有強(qiáng)烈的視覺(jué)沖擊力。(1)圖片的位置

圖片放置的位置,直接關(guān)系到版面的構(gòu)圖布局。恰倒好處地安排圖片,版面的視覺(jué)沖擊力就會(huì)明顯地表露出來(lái)。圖52圖片的位置關(guān)系圖53圖片的位置關(guān)系圖片的大小面積直接影響著整個(gè)版面的視覺(jué)傳達(dá)。一般把主要傳達(dá)信息的圖片進(jìn)行放大,其他次要的圖片縮小,可以使畫(huà)面整個(gè)結(jié)構(gòu)清晰,主次分明。(見(jiàn)圖55)(2)圖片的面積圖55圖片的面積

擴(kuò)大圖形的面積,能產(chǎn)生版面的震撼力,能在瞬間傳達(dá)其內(nèi)涵.

圖的面積小,會(huì)產(chǎn)生精密細(xì)致的感覺(jué)。

把同樣大小尺寸的圖片并列編排,顯得理性且有說(shuō)服力。同時(shí),左右邊的大小圖片放置,產(chǎn)生鮮明的對(duì)比關(guān)系。大圖形情感強(qiáng)烈,小圖形精密。(3)圖片的數(shù)量版面中圖片數(shù)量的多少也直接影響到閱讀者的興趣。如果一個(gè)版面上連一張圖片都沒(méi)有,使得整個(gè)版面變得枯燥無(wú)趣。添加幾張圖片以后增添了版面跳躍率,使原本無(wú)趣的畫(huà)面恢復(fù)活力,變得生動(dòng)而具有層次。(見(jiàn)圖56~圖57)圖57圖片的數(shù)量圖56圖片的數(shù)量

十多張圖片安排在一個(gè)版面中,使讀者有了瀏覽的興趣,具有經(jīng)久耐看的功效,受眾大多樂(lè)意接受這一訴求方式。圖片的組合就是把多張圖片安排在同一張版面上,它包括塊狀組合與散點(diǎn)組合。塊狀組合強(qiáng)調(diào)了圖片與圖片之間的直線、垂直線和水平線的分割,文字與圖片相對(duì)獨(dú)立,使組合后的圖片整體大方,有秩序化條理。在編排的過(guò)程中需要注意的是主次安排,它主要表現(xiàn)為文字與圖片的組合、圖片與圖片的組合。(4)圖片的組合

圖片按照水平與垂直線的規(guī)整組合,具有節(jié)奏的韻律美。

圖片打散與重新組合,使版面設(shè)計(jì)意識(shí)感強(qiáng),從而使觀眾獲得視覺(jué)的審美享受。

把不同角度的圖片組合在一張圖中,形成一個(gè)整體,這已成為當(dāng)今設(shè)計(jì)師們所追求的版面構(gòu)成效果。a

c

圖58圖片的組合b

d

(5)圖片的方向圖59圖片的方向圖60圖片的方向圖片的方向性,主要表現(xiàn)在圖片本身的畫(huà)面元素。方向感強(qiáng)則動(dòng)勢(shì)強(qiáng),產(chǎn)生的視覺(jué)感應(yīng)就強(qiáng),反之則會(huì)平淡無(wú)奇。圖片的方向可以通過(guò)圖片上人物的姿勢(shì)、視線等來(lái)獲得,在選擇圖片時(shí)應(yīng)該注意到版式的需要。(見(jiàn)圖59~圖60)

圖片的正三角形編排,把讀者的視線引向主題,形式感強(qiáng)勁。

圖片的傾斜方向,引領(lǐng)讀者關(guān)注主題,渲染出一種輕松、愉快的氣氛。在編排圖片時(shí),還應(yīng)該注意圖片的上下位置關(guān)系。如圖61中,將年長(zhǎng)的人物頭像放在偏上的位置,畫(huà)面顯得合理自然,如果顛倒兩者的上下關(guān)系,就會(huì)顯得不禮貌,如圖62所示。(6)圖片的上下關(guān)系圖61圖片的上下關(guān)系圖62圖片的上下關(guān)系3.2.4圖片的去底和特寫(xiě)圖片的去底,簡(jiǎn)單地說(shuō)就是去掉圖片的背景,使圖形獨(dú)立呈現(xiàn)的一種方式。能輕松、靈活的運(yùn)用圖像,使畫(huà)面空間感更強(qiáng)烈,設(shè)計(jì)范圍更廣泛。照片去底不僅可以去除多余復(fù)雜的背景,使畫(huà)面主體更突出,而且去底后的照片可以更和諧的與整個(gè)版面設(shè)計(jì)元素相結(jié)合,形成整體、和諧的視覺(jué)效果。(見(jiàn)圖63)圖63去底圖

圖片退底與背景產(chǎn)生協(xié)調(diào)感,顯得別致獨(dú)特。圖64特寫(xiě)圖片人們經(jīng)常在處理照片的時(shí)候會(huì)對(duì)照片進(jìn)行一定的裁切,使照片的視覺(jué)中心突出。在一張普通的照片上你也許看不到它的精彩,但是經(jīng)過(guò)特寫(xiě)拉近畫(huà)面,進(jìn)行合理裁切以后,形成新的畫(huà)面效果。(見(jiàn)圖64)

3.2.4圖片與文字混排圖片與文字是版面中主要的編排元素,通常不會(huì)以單獨(dú)的形式出現(xiàn)在版面上。圖片與文字的混排過(guò)程中常常會(huì)出現(xiàn)一些版面編排的問(wèn)題,以下主要介紹幾種常見(jiàn)的問(wèn)題。(1)注意圖片與文字間的距離關(guān)系圖65圖文間的距離圖66圖文間的距離圖65圖片與文字的統(tǒng)一在圖片與文字編排的版面中,應(yīng)注意版面的協(xié)調(diào)統(tǒng)一感。文字與圖形作為版面中重要的構(gòu)成元素,其版面的一致性直接影響著整個(gè)版面的視覺(jué)效果。因此,在版式中藥把文字與圖片的寬度統(tǒng)一起來(lái),所謂統(tǒng)一不是將版面中的所有元素都采用同樣的編排形式,這樣會(huì)造成版面的疲勞感,在統(tǒng)一中求變化是版式設(shè)計(jì)的要點(diǎn)。在統(tǒng)一圖片與文字的編排過(guò)程中,應(yīng)避免不徹底的處理方式,造成版面散亂,失去美感。(2)注意圖片與文字的統(tǒng)一(上)文字與圖片沿上邊線對(duì)齊,整個(gè)版面看起來(lái)協(xié)調(diào)統(tǒng)一。(中)文字與圖形沿下邊線對(duì)齊,整個(gè)版面看起來(lái)協(xié)調(diào)統(tǒng)一。(下)文字與圖片上下均沒(méi)有對(duì)齊,造成版面失去重心。圖66圖片與文字的位置關(guān)系圖片在版面編排的過(guò)程中應(yīng)注意與文字的位置關(guān)系,不能損壞文字的可讀性特征。如圖66下面的版面中,將圖片編排在一段文字的中間,打斷了文字的閱讀節(jié)奏,使整個(gè)版面失去連貫性。而且在一行文字中間,也不應(yīng)該在不合適的位置進(jìn)行圖片編排,可以考慮將圖片編排在文字段落的句首或者是句尾的位置上,避免打亂版面的閱讀視覺(jué)流程。(3)注意圖片與文字的位置關(guān)系

圖67圖片中文字的處理在版面中,文字是信息傳達(dá)的主要元素,在文字與圖片的混合編排中,文字往往起著解釋說(shuō)明的作用。如圖67上面一張版面中,右圖在字體顏色上選用不當(dāng),造成版面中文字信息不夠明確,最好采用黑色或者白色作為該圖的文字備選顏色。圖67中下面的版面中,右圖的文字編排在圖片的重要表現(xiàn)位置上,破壞了整張圖片的視覺(jué)傳達(dá)效果,不利于版面信息的傳達(dá)。(4)注意對(duì)圖片中文字的處理

教學(xué)實(shí)例——圖片與文字的編排關(guān)系的不同,產(chǎn)生的不同的版面視覺(jué)效果。1.家居時(shí)尚雜志版式設(shè)計(jì)圖68圖片與文字是版式設(shè)計(jì)中的主要構(gòu)成元素,根據(jù)版面中圖片與文字的編排方式的不同,給人不一樣的視覺(jué)效果與心理感受。

如圖68中,版面采用了出血圖的編排方式進(jìn)行版面編排。文字編排在圖片的右邊空白處,具有強(qiáng)烈的視覺(jué)效果,達(dá)到了信息傳達(dá)的目的。該版面是一張雜志的展開(kāi)圖,從版面的左右頁(yè)面可以看出,打破常規(guī)的左右頁(yè)面對(duì)稱(chēng)的比例關(guān)系,使整個(gè)版面形成強(qiáng)烈的比例關(guān)系,具有強(qiáng)烈的視覺(jué)效果。圖70圖692.商業(yè)DM版面在商務(wù)企業(yè)雜志版面中,對(duì)于文字與圖形的編排具有明確的版面要求,一般不會(huì)采用較花哨的版面編排形式。在圖69中,版面利用出血圖的編排方式進(jìn)行視覺(jué)傳達(dá),使版面具有強(qiáng)烈的視覺(jué)效果。從版面的文字來(lái)看,文字采用過(guò)于輕浮的字體,使整個(gè)版面給人不協(xié)調(diào)的視覺(jué)效果。圖70是經(jīng)過(guò)修改后的版面,選用與效果相匹配的字體,從而呈現(xiàn)堅(jiān)硬的版面效果。將文字的紅色部分也協(xié)調(diào)到讀者會(huì)注意的“20”這個(gè)數(shù)字位置上。根據(jù)版面信息內(nèi)容對(duì)公司名字進(jìn)行放大,從而達(dá)到吸引人們注意的版面效果。

設(shè)計(jì)點(diǎn)評(píng)通過(guò)對(duì)前面字體與圖形的版面構(gòu)成的學(xué)習(xí),了解了字體與圖形在版面構(gòu)成中的主要表現(xiàn)形式,以及對(duì)整個(gè)版面構(gòu)成的影響。下面我們來(lái)看版式設(shè)計(jì)中,字體與圖形排列對(duì)整個(gè)版式產(chǎn)生什么樣的影響。圖71點(diǎn)評(píng):右圖為雜志版面的一個(gè)跨頁(yè),整個(gè)版面采用上下圖片與空白的對(duì)比關(guān)系,帶給畫(huà)面足夠的空間層次。文字間的大小對(duì)比,突出主題。左邊文字采用右對(duì)齊與左右均齊的排列方式,使得整個(gè)文字排列很規(guī)則,版面整潔,給人信賴(lài)的感覺(jué),符合該廣告版式主題的要求。圖71圖73圖72圖72~圖73點(diǎn)評(píng):左圖為兩張招貼設(shè)計(jì)。根據(jù)文字排列的不同,在版式上給人視覺(jué)上的感覺(jué)也有所不同。圖72,文字采用傾斜的排列方式,使畫(huà)面形成一種非對(duì)稱(chēng)的平衡效果,具有強(qiáng)烈的視覺(jué)沖擊力,整個(gè)版面具有動(dòng)感、方向感、節(jié)奏感。圖73,文字采用了齊中的排列形式,使版面主題規(guī)則的排列在圖片上,突出主題。給人簡(jiǎn)潔大方、高格調(diào)的視覺(jué)感受。圖74圖75圖74點(diǎn)評(píng):該圖為一副雜志版面設(shè)計(jì)。從版面上看,整個(gè)版面采用圖片與文字的組合,文字編排上運(yùn)用了左對(duì)齊、右對(duì)齊與左右均齊的三種編排形式,使文字表現(xiàn)豐富。由于左頁(yè)面的文字信息比較少,采用這樣的編排顯得整個(gè)版面較空洞,與右頁(yè)面飽滿的版面相比,使得整個(gè)雜志版面左輕右重,失去了版面的平衡感,使整個(gè)版面看上去不協(xié)調(diào)。圖75點(diǎn)評(píng):該圖為一張招貼設(shè)計(jì),其中文字采用了兩種形式出現(xiàn)在版面上,一種是可識(shí)別性文字,另一種是非識(shí)別性文字。文字的圖形化主要以點(diǎn)、線、面的形式增添畫(huà)面的層次感與活躍感。圖中主要文字為可閱讀性文字,傳

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論