第四章-版式設(shè)計的視覺要素

1、2021/3/261第四章 版式設(shè)計的視覺要素2021/3/262第一節(jié) 點、線、面一、點 在版面中,任何一個單獨(dú)而細(xì)小的形象可以稱之為點,點的面積是相對比較而言的,比如在版面中一個文字、一個商標(biāo)、一個按鈕、一個LOGO等都可稱為點。 另外點的形狀并不一定指圓,也可以是其它的幾何形體,點是相對線和面存在的視覺元素。2021/3/2632021/3/2642021/3/265 點排列的形狀、方向、大小、位置、聚集、發(fā)散,能夠給人帶來不同的心理感受和視覺沖擊、向心原理、向心原理、2021/3/266點在版面中心會給人靜止而穩(wěn)重的感覺;2021/3/2672021/3/268如果點在版面的左方或右方

2、會產(chǎn)生向中心運(yùn)動的趨勢;2021/3/269 2021/3/2610 2021/3/2611在上方或下方會產(chǎn)生上升或下降的趨勢。2021/3/2612 2021/3/2613 2021/3/2614 2021/3/26152.線 線是決定版面現(xiàn)象的基本要素。線的總體形狀有 垂直、水平、傾斜、幾何曲線、自由線幾種。 線的性格特征、2021/3/2616斜線具有動蕩和速度的感覺2021/3/2617曲線給人流暢、柔美的性格特征2021/3/2618平行線表現(xiàn)出規(guī)律、平穩(wěn);2021/3/2619垂直線具有莊嚴(yán)、挺拔、力量、向上的感覺;2021/3/26202021/3/26212021/3/2622

3、 線可以串聯(lián)各種視覺要素,可以分割畫面和圖像文字,使畫面具有節(jié)奏感;2021/3/2623線的放射、粗細(xì)、漸變的排列可以體現(xiàn)三維空間的感覺。2021/3/26242021/3/2625陰影也能造成空間感2021/3/26263.面 版式設(shè)計中的面比點、線的視覺沖擊力更大。它大體分為:幾何型的面（方、圓、三角、多邊形）、有機(jī)切面（弧形的相交或相切得出）、不規(guī)則的面。面的排列要考慮形狀與面積的對比,間隔和面積的對比,面積與面積的對比等因素,這樣版式設(shè)計才能產(chǎn)生動感。2021/3/2627 穩(wěn)重、大方且不失優(yōu)美2021/3/2628 動感、張力,視覺沖擊力強(qiáng)2021/3/2629 垂直、水平的面等距

4、離的排列產(chǎn)生穩(wěn)重,簡單的感覺。 不同面積、不同位置排列產(chǎn)生活潑,跳躍的感覺。 處理好不同形狀的面之間的相互關(guān)系和整體的和諧程度, 才能設(shè)計出充滿美感、藝術(shù)、實用的版式作品。2021/3/2630垂直、水平的面等距離的排列產(chǎn)生穩(wěn)重,簡單的感覺。 2021/3/2631 2021/3/2632 不同面積、不同位置排列產(chǎn)生活潑,跳躍的感覺。2021/3/26334.版式設(shè)計中的空間構(gòu)成 版式設(shè)計中應(yīng)該能體現(xiàn)視覺的空間感,而不應(yīng)僅僅是二維效果的體現(xiàn),只有這樣才能保持作品的生命力。（1）通過比例展示空間 2021/3/2634（2）通過黑,白,灰的關(guān)系展示空間 黑色給人往后退的效果,往往被用作背景。 白

5、色給人往前的感覺,往往被用在要突出的元素上。 灰色則象中間層,處于黑白對比之間。 2021/3/2635 2021/3/2636（3）通過位置關(guān)系展示空間 2021/3/2637（4）最佳的視點（重點） 一個成功的視覺流程應(yīng)該是符合一般視覺原理和讀者普遍的認(rèn)識心理的,這樣的視覺流程才具有邏輯性強(qiáng),主次分明的特點。 黃金分割黃金分割是造型藝術(shù)中的一種分割法則。亦稱黃金分割率,簡稱黃金率,即兩個長度的總和與較長一條的比值,恰好等于較長一段與較短一段的比值,應(yīng)用時一般取1.618,被稱為黃金比。2021/3/2638黃金比最早是由古代希臘人發(fā)現(xiàn)的,直到19世紀(jì)被歐洲人認(rèn)為是最美、最諧調(diào)的比例。黃金比

6、廣泛用于造型藝術(shù)中,具有美學(xué)價值,尤其在工藝美術(shù)和工業(yè)設(shè)計的長和寬的比例(如書籍開本)設(shè)計中容易引起美感,故稱為黃金分割。2021/3/2639 蒙德里安 紅黃藍(lán)（研究色彩和比例間的美）2021/3/2640霓虹燈2021/3/2641九宮格九宮格, ,九宮格的源頭可是我們中國人發(fā)明的一種構(gòu)圖模式,但巧的是它與黃金分割有著驚人的理論聯(lián)系,畫面的上下左右用黃金分割來做出4條線,我們驚奇的發(fā)現(xiàn)這就是我國古人所說的九宮格, 2021/3/2642 人們發(fā)現(xiàn)在九宮格的4條線交匯的4個點是人們的視覺 最敏感的地方,在國外的攝影理論里把這4個點稱為 “趣味中心”。顧名思義,被反復(fù)證明的是當(dāng)被攝主體 處于或

7、發(fā)布在這4個點附近最容易得到“眼球”。2021/3/2643 2021/3/2644 2021/3/2645 2021/3/2646第二節(jié)第二節(jié) 文字要素文字要素一、文字設(shè)計的要求一、文字設(shè)計的要求 文字是人類文化的重要組成部分。無論在何種視覺媒體中, 文字和圖片都是其兩大構(gòu)成要素。文字排列組合的好壞, 直接影響著版面的視覺傳達(dá)效果。因此, 文字設(shè)計是增強(qiáng)視覺傳達(dá)效果,提高作品的訴求力, 賦予版面審美價值的一種重要構(gòu)成技術(shù)。2021/3/2647 特別提醒: 這部分工作應(yīng)該是人腦完成的工作,電腦是無法代替的。 文字版面的設(shè)計同時也是創(chuàng)意的過程, 創(chuàng)意是設(shè)計者的思維水準(zhǔn)的體現(xiàn), 是評價一件設(shè)計作

8、品好壞的重要標(biāo)準(zhǔn)。 在現(xiàn)代設(shè)計領(lǐng)域,一切制作的程序由電腦代勞,使人類的勞動僅限 于思維上,這是好事,可以省卻了許多不必要的工序,為創(chuàng)作提供了更好的條件。但在某些必要的階段上,我們應(yīng)該記住:人,才是設(shè)計的主體。 2021/3/2648 1.提高文字的可讀性 文字的主要功能是在視覺傳達(dá)中向大眾傳達(dá)作者的意圖和各種信息,要達(dá)到這一目的必須考慮文字的整體訴求效果,給人以清晰的視覺印象。因此,設(shè)計中的文字應(yīng)避免繁雜零亂,使人易認(rèn),易懂,切忌為了設(shè)計而設(shè)計,忘記了文字設(shè)計的根本目的是為了更好,更有效的傳達(dá)作者的意圖,表達(dá)設(shè)計的主題和構(gòu)想意念。 2021/3/2649 舉例如下讓你想表達(dá)的內(nèi)容清晰,醒目。讓

9、閱覽者一開始就可以明白你的意思 避免使用不清晰的字體,否則容易使閱覽者產(chǎn)生反感和麻煩（除非你需要這種效果） 2021/3/2650恰當(dāng)?shù)倪x擇你所需要的字體但是,經(jīng)過特別的處理,你可以使用一些本來并不合適的字體,比如注意文字在編排時的方向,注意安排閱覽者的視線2021/3/2651 如果: 那么,你可以做成這樣 或者是這樣也可以 最后一點,通常情況下,你應(yīng)該 2021/3/2652 2.文字的位置要符合整體要求 文字在畫面中的安排要考慮到全局的因素,不能有視覺上的沖突。否則在畫面上主次不分,很容易引起視覺順序的混亂。而且作品的整個含義和氣氛都可能會被破壞,這是一個很微妙的問題,需要去體會。不要指

10、望電腦能幫你安排好,它有時候會幫你的倒忙。細(xì)節(jié)的地方也一定要注意,1個像素的差距有時候會改變你整個作品的味道。2021/3/2653 安排好文字和圖形之間的交叉錯合,既不要影響圖形的觀看, 也不能影響文字的閱覽。 如果你不小心做成了這樣（有意安排這種效果的不在此例） 2021/3/2654文字一定不要全部都頂著畫面的邊角,這樣看起來很不專業(yè) 再說一點細(xì)節(jié)上應(yīng)該注意的問題,這是容易忽視的地方,也是容易出問題的地方 這樣看起來就好一點了 2021/3/2655 3.在視覺上應(yīng)給人以美感 在視覺傳達(dá)的過程中,文字作為畫面的形象要素之一,具有傳達(dá)感情的功能,因而它必須具有視覺上的美感,能夠給人以美的感

11、受。字型設(shè)計良好,組合巧妙的文字能使人感到愉快,留下美好的印象,從而獲得良好的心理反應(yīng)。反之,則使人看后心里不愉快,視覺上難以產(chǎn)生美感,甚至?xí)層^眾拒而不看,這樣勢必難以傳達(dá)出作者想表現(xiàn)出的意圖和構(gòu)想。2021/3/2656這是一個帶有圖形的文字版面,也許你認(rèn)為這樣也不錯了 但是是不是太平淡了呢?改一下文字的位置和大小,效果又會怎么樣呢?看下圖 或者是這樣也可以,看下圖 2021/3/26574.在設(shè)計上要富于創(chuàng)造性 根據(jù)作品主題的要求,突出文字設(shè)計的個性色彩,創(chuàng)造與眾不同的獨(dú)具特色的字體,給人以別開生面的視覺感受,有利于作者設(shè)計意圖的表現(xiàn)。設(shè)計時,應(yīng)從字的形態(tài)特征與組合上進(jìn)行探求,不斷修改,

12、反復(fù)琢磨,這樣才能創(chuàng)造出富有個性的文字,使其外部形態(tài)和設(shè)計格調(diào)都能喚起人們的審美愉悅感受。2021/3/2658 這是一個很普通的文字版面 那么加一點自己的感受在里面,對文字的大小、間距、透明度做些調(diào)整,就會是完全不同的效果了。 2021/3/2659 根據(jù)畫面或作品的要求,可以使用一些圖形化的文字（這可是漢字設(shè)計的一種新觀點）。注:所謂“文字圖形化”即將文字筆畫做合理的變形搭配,使之產(chǎn)生類似有機(jī)或無機(jī)圖形的趣味。強(qiáng)調(diào)字體本身的結(jié)構(gòu)美和筆畫美。比如、2021/3/2660 一開始好象總感覺文字在這里面的表現(xiàn)力有些蒼白了。對主題的表達(dá)沒有什么幫助。那么試一下改成這樣行不行 味道出來了嗎?在一定的

13、條件下,確實不能用電腦中提供的字體,必須要自己創(chuàng)造。這也是漢字魅力所在的地方。 2021/3/2661 5.更復(fù)雜的應(yīng)用 文字不僅要在字體上和畫面配合好,甚至顏色和部分筆畫都要加工,這樣才能達(dá)到更完整的效果。而這些細(xì)節(jié)的地方需要的是耐心和功力。記住一定要有自己的想法和感受在里面,如果想表達(dá)自己對作品的態(tài)度,就不要在文字上偷懶,這也是不能偷懶的地方。對作品而言,每一件作品都有其特有的風(fēng)格。在這個前提下,一個作品版面上的各種不同字體的組合,2021/3/2662一定要具有一種符合整個作品風(fēng)格的風(fēng)格傾向,形成總體的情調(diào)和感情傾向,不能各種文字自成一種風(fēng)格,各行其是?？偟幕{(diào)應(yīng)該是整體上的協(xié)調(diào)和局部的

14、對比,于統(tǒng)一之中又具有靈動的變化,從而具有對比和諧的效果。這樣,整個作品才會產(chǎn)生視覺上的美感,符合人們的欣賞心理。 除了以統(tǒng)一文字個性的方法來達(dá)到設(shè)計的基調(diào)外,也可以從方向性上來形成文字統(tǒng)一的基調(diào),以及色彩方面的心理感覺來達(dá)到統(tǒng)一基調(diào)的效果等等。2021/3/26632021/3/2664 個性照片文字合成表現(xiàn)及實例 第一種 表現(xiàn)手法另類的色調(diào) 2021/3/2665 2021/3/2666 第二種第二種 表現(xiàn)手法表現(xiàn)手法另類的文字搭配另類的文字搭配 2021/3/2667 2021/3/2668第三種第三種 表現(xiàn)手法表現(xiàn)手法獨(dú)特的版式獨(dú)特的版式 2021/3/2669 第四種 表現(xiàn)手法特殊的

15、邊框效果 2021/3/2670 2021/3/2671二、文字的裝飾性設(shè)計二、文字的裝飾性設(shè)計1.1.文字組圖文字組圖: :利用文字的排列形成圖形效果。 2021/3/2672 2021/3/2673 2021/3/2674 2021/3/26752021/3/26762021/3/26772021/3/26782021/3/26792021/3/26802021/3/26812021/3/26822.2.文字抽象表現(xiàn)文字抽象表現(xiàn): :把文字作為視覺符號使用,文字基本失去本身的閱讀性,可以把文字任意拆分、放大、扭曲、變形、顛倒等設(shè)計。2021/3/2683 2021/3/2684 2021/

16、3/26852021/3/26863.3.文字的裝飾化文字的裝飾化一般對主題文字處理采用裝飾化手法,文字保留可識別性的同時盡量增添與其含義相一致的美感。 2021/3/2687 2021/3/2688 2021/3/26892021/3/2690三、文字的綜合設(shè)計三、文字的綜合設(shè)計 綜合很多文字進(jìn)行設(shè)計, 主體文字能突出主要內(nèi)容, 主題突出,名稱突出, 合理安排文字格式, 圖文并茂,設(shè)計新穎。 2021/3/2691 2021/3/2692 2021/3/2693 2021/3/2694 2021/3/2695 2021/3/26962021/3/2697 2021/3/2698 2021/3/2699 2021/3/26100 2021/3/26101國外優(yōu)秀文字排版設(shè)計欣賞: 2021/3/26102 20