版式設(shè)計-版式設(shè)計文圖設(shè)計原則ppt課件

1、n多頁面的編排設(shè)多頁面的編排設(shè)計要求把頁面之計要求把頁面之間的有機聯(lián)系反間的有機聯(lián)系反映出來，這里主映出來，這里主要的問題是頁面要的問題是頁面之間和頁面內(nèi)的之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)秩序與內(nèi)容的關(guān)系。系。 n方法有哪些？方法有哪些？復(fù)習(xí)、新授：文字版式：復(fù)習(xí)、新授：文字版式：二、文圖設(shè)計原則二、文圖設(shè)計原則2019年8月5日注意視覺流程導(dǎo)向素材的收集及元素位置 1. ？導(dǎo)向 具有一種親和力。2019年8月5日2. ？導(dǎo)向？導(dǎo)向簡潔明確簡潔明確2019年8月5日3. ？導(dǎo)向 l 視線流程的順序，還要受到人的生理及心理的影響。由于眼睛的水平運動比垂直運動快，因而在視察視覺物象時，容易先注意水平方

2、向的物象，然后才注意垂直方向的物象。人的眼睛對于畫面左上方的觀察力優(yōu)于右上方，對右下方的觀察力又優(yōu)于左下方，因而，一般廣告設(shè)計均把重要的構(gòu)成要素安排在？。文字版式文字版式一、文字設(shè)計的要求：一、文字設(shè)計的要求：1 1？文字排列組合的好壞，直接文字排列組合的好壞，直接影響著版面的視覺傳達效果。影響著版面的視覺傳達效果。因而，文字設(shè)計是增強視覺因而，文字設(shè)計是增強視覺傳達效果，提高作品的訴求傳達效果，提高作品的訴求力，賦予版面審美價值的一力，賦予版面審美價值的一種重要構(gòu)成技術(shù)。種重要構(gòu)成技術(shù)。這是一個帶有圖形的文字版面，也許你認為這樣也不錯了 但是是不是太平淡了呢？改一下文字的位置和大小，效果又會

3、怎么樣呢？看下圖 或者是這樣也可以，看下圖 2.？3.？一般對主題文字處理采用裝飾化手法，一般對主題文字處理采用裝飾化手法，文字保留可識別性的同時盡量增添與其含義相一致的美感。文字保留可識別性的同時盡量增添與其含義相一致的美感。 2、線 線：由于線具有不同的特征，便富于線在視覺上的多樣性。起到界定，分割畫面，引導(dǎo)，指示作用。線的性格：1、直線簡潔明確、干脆利落。 1、A 水平方向的線，令人產(chǎn)生開闊、平靜、安定、永無止境的感覺。 1、B垂直方向的線令人產(chǎn)生蓬勃向上、崇高的情緒。線的性格：2、曲線柔和、豐富、流暢。線的性格：3、斜線令人動蕩不安，富有現(xiàn)代感和速度感。 線不但具有其情感上的因素，具有

4、方向性、流動性、延續(xù)性及遠近感。且它所產(chǎn)生的空間深度和廣度，為版面構(gòu)成帶來了廣闊的思維空間。線的空間構(gòu)成線的空間構(gòu)成 運用同心放射的原理所構(gòu)成的版面。 由不同方向向同一中心聚集，這種向心式的構(gòu)成方式，往往是版面主題的位置所在。線的構(gòu)成1、線的分割通過不同比例的空間分割，版面產(chǎn)生各種各樣的空間對比效果與節(jié)奏感，“線的排列也會使分欄更清晰、更具條例，從而增強了信息的易讀性。線的構(gòu)成2、線框的空間約束 3、面面與點相比，它是一個平面中相對較大的元素，點強調(diào)位置關(guān)系，面強調(diào)形狀和面積，這里的面積是指畫面不同色彩間的比例關(guān)系。電商廣告的面：強調(diào)更多畫面不同色彩間的比例關(guān)系。不同形態(tài)面的視覺特征： 面的應(yīng)

5、用在設(shè)計中很多，它的可塑性較強，善于表現(xiàn)不同的情感，一般的講，由什么類型的線組成的面，它就具有該種線的特征。 （3） 抽象型的面：根據(jù)塊面的形態(tài)、內(nèi)外部線條表達不同的視覺感受：柔和、自然、活潑(4)偶然形的面如：水和油墨，混合墨灑產(chǎn)生的偶然形等，比較自然生動，有人情味。（4群化的面能夠產(chǎn)生層次感， 面的形式：（1文字面:單個文字放大,版面比例大形成的面;大量細小段落文字以塊狀出現(xiàn)形成的面。（2圖形面：以線繪制成某一形狀通過填色形成的面；直接使用圖片作為背景或者插圖形成的面。（3空白面：版面設(shè)計中留出的空白。 方形使人感覺穩(wěn)重、厚實、堅強而深沉。（2圖形面：以線繪制成某一形狀通過填色形成的面；直

6、接使用圖片作為背景或者插圖形成的面。 圓圓形形使使人人感感覺？覺？（3空白面：版面設(shè)計中留出的空白。Why?點線面結(jié)合的構(gòu)成 點線面是相互依存，相互滲透的關(guān)系，所以絕對的由點組成的板式有太花、太碎、不夠集中的感覺，絕對的曲線組成的板式有單薄、零碎的感覺，同樣絕對是面構(gòu)成的板式有呆板之感。因此均等的點線面同樣不利于主題的表現(xiàn)，喪失了整體的設(shè)計風(fēng)格。點、線、面能使畫面有空間感，使畫面不會過于單調(diào)。 版面點線面構(gòu)圖的討論版面點線面構(gòu)圖的討論:平均對待產(chǎn)生的平均對待產(chǎn)生的“花的版面，應(yīng)避免面積相等的花的版面，應(yīng)避免面積相等的呆板呆板一大一小的兩組，形成對比變化效果一大一小的兩組，形成對比變化效果缺少張

7、力，過于內(nèi)斂，有疲乏無力之感缺少張力，過于內(nèi)斂，有疲乏無力之感版面產(chǎn)生向外擴張的力感，比原來版面產(chǎn)生向外擴張的力感，比原來顯得更大氣有動感。顯得更大氣有動感。感覺版面過于感覺版面過于“擠擠”、“堵堵”、“動感抵動感抵消消” 圖形上移，減少，流出版面下部足夠的空間，向下圖形上移，減少，流出版面下部足夠的空間，向下運動的要素有了活動的余地，形成版面上重下輕、上滿運動的要素有了活動的余地，形成版面上重下輕、上滿下空，版面更顯輕松、愉快。下空，版面更顯輕松、愉快。版面缺少變化版面缺少變化通過穿插、錯落處理，版面通過穿插、錯落處理，版面的空白、虛實更好的空白、虛實更好版面缺少變化版面缺少變化通過穿插、參

8、差、色彩處理，通過穿插、參差、色彩處理，產(chǎn)生版面的空白、呼應(yīng)效果產(chǎn)生版面的空白、呼應(yīng)效果版面變化缺少版面變化缺少通過移動線條位置，出現(xiàn)變通過移動線條位置，出現(xiàn)變化，顯得靈活效果更好化，顯得靈活效果更好新授：文字版式：二、文圖設(shè)計原則新授：文字版式：二、文圖設(shè)計原則 1、親密性：將相關(guān)的項組織在一起，移動這些項，使他們的物理位置相互靠近，相關(guān)的項將被看做凝聚為一體的一個組，而不是一堆彼此無關(guān)的片段。 ps 親密性：孤立的元素不應(yīng)存在親密性. 上面三項之間的間隔是一樣的，說明這三個組之間存在某種關(guān)系，輔助信息則相距很遠，馬上可以意識到他不是同一類，即使是在你沒看清楚之前。由此保證讀者確實得到正確的

9、信息 如果1、2、項想跟第3項也有所區(qū)分呢？如何區(qū)分親密度的？有什么問題？如何修改？親密性小節(jié) 親密性目的：實現(xiàn)組織性。 如何實現(xiàn)：微微瞇起你的眼睛，統(tǒng)計你的眼睛停頓次數(shù)來數(shù)一數(shù)頁面上有多少個元素，看看哪些孤立的元素可以歸在一組建立更近的親密性，使之成為一個視覺單元。 要避免的問題： 不要在元素之間留出同樣大小的空白，除非各組同屬一個子集。二、文圖設(shè)計原則二、文圖設(shè)計原則2 2、對齊、對齊 2、對齊：任何元素都不能再頁面上隨意安、對齊：任何元素都不能再頁面上隨意安放。每一項都應(yīng)當(dāng)與頁面上的某個內(nèi)容存放。每一項都應(yīng)當(dāng)與頁面上的某個內(nèi)容存在某種視覺聯(lián)系。在某種視覺聯(lián)系。 PS找一條明確的對齊線，并

10、堅持以它為基準(zhǔn)。檢查每一個元素，確保它與頁面上的另外某個元素存在某種視覺聯(lián)系。ps對齊小節(jié) 對齊目的：使頁面統(tǒng)一而且有條理。要讓頁面上的所有元素看上去統(tǒng)一、有聯(lián)系而且彼此相關(guān)，需要在各個獨立的元素之間存在某種視覺紐帶。 如何實現(xiàn)：應(yīng)當(dāng)總能在頁面上找出與之對齊的元素，盡管這兩個對象的物理位置可能相距很遠。 要避免的問題：避免在頁面上混合使用多種對齊方式。二、文圖設(shè)計原則二、文圖設(shè)計原則3 3、反復(fù)、反復(fù)3、反復(fù)：設(shè)計的某些方面需要在整個作品、反復(fù)：設(shè)計的某些方面需要在整個作品中重復(fù)。中重復(fù)。這是設(shè)計人員常用來控制讀者視線的一種這是設(shè)計人員常用來控制讀者視線的一種視覺技巧，以使讀者的注意力盡可能長

11、地視覺技巧，以使讀者的注意力盡可能長地保持在頁面上。保持在頁面上。如果哪個元素引起了你的興趣，就可以拿來用作重復(fù)元素，也許是圖片，或者某種文字。把元素抽取為圖片很有意思也很有效，足球比賽提取什么？即使沒有重復(fù)整個足球，所有的一切仍然應(yīng)該是一個整體。不要把重復(fù)用的太濫，盡量“采用多樣性實現(xiàn)統(tǒng)一”，如果一個重復(fù)元素很明顯如下圖中的圓，那么可以采用多種不同方式重復(fù)這個圓，而不是簡單重復(fù)。重復(fù)小節(jié)重復(fù)目的：統(tǒng)一，并增強視覺效果。如何實現(xiàn)：需要把現(xiàn)有的一致性更向前推進一步。可不可以將某些元素作為頁面的一部分，在每個頁面、標(biāo)題下使用一條線？多粗？需要突出文字嗎？要避免的問題：避免太多地重復(fù)一個元素，太多會讓人討厭。二、文圖設(shè)計原則二、文圖設(shè)計原則4 4、對比、對比 4、對比：如果兩個項不完全相同，就應(yīng)、對比：如果兩個項不完全相同，就應(yīng)當(dāng)使之不同，而且應(yīng)當(dāng)是截然不同。當(dāng)使之不同，而且應(yīng)當(dāng)是截然不同。 ps不要擔(dān)心一些不要擔(dān)心一些項很小，如右項很小，如右圖文字，不僅圖文字，不僅可以與更大的可以與更大的項形成對比，項形成對比，還能留出更多還能留出更多的空白的空白讀者的眼睛總是隨著頁面上任何人或動物的眼睛看過去，所以要確保將讀者的目