版式設計中點、線、面的構成,版式設計中的元素包括點、線、面，它們都各自具有各自的形象，各不相同。要創造出形式多樣的形象可以使用以下幾種方法創造基本形來實現。,1,在版面構成中，通過基本形的組合，可產生形與形之間的多種組合關系，這種關系主要有：1.分離：形與形之間不接觸，有一定距離。2.接觸：形與形之間邊緣正好相切。3.復疊：形與形之間是復疊關系，由此產生上下前后左右的空間關系。4.透疊：形與形之間透明性的相互交疊，但不產生上下前后的空間關系。,2,5.結合：形與形之間相互之間結合成為較大的新形狀。6.減缺：形與形之間相互覆蓋，覆蓋的地方被剪掉。7.差疊（交疊）：形與形之間相互交疊，交疊的地方產生新的形。8.重合：形與形之間相互重合，變為一體。,3,一、版式設計（formatdesign）的概念二、版式設計的原則三、版式的基本類型四、版式設計的原理空間的編排構成五、版式設計的視覺流程六、版式設計的形式法則七、版式設計中的文字編排構成八、版式設計中的圖片編排構成九、現代版式設計的發展趨勢,4,在視覺心理學家的研究表明，視覺運動是有規律的。一般表現為：一條垂直線在頁面上，會引導視線作上下的視覺流動；水平線會引導視線向左右的視覺流動；斜線比垂直線、水平線有更強的視覺訴求力，按線的方向作運動；矩形的視線流動是向四方發射的；圓形的視線流動是輻射狀的；三角形則隨著頂角之方向使視線產生流動；各種圖形從大到小漸層排列時，視線會強烈地按照排列方向流動。,五、版式設計的視覺流程,5,這種視覺在空間的流動線為“虛線”。正因為它虛，所以設計時容易被忽略。而有經驗的設計師卻非常重視并善于運用這條貫穿版面的主線，可以說，視覺流程運用的好壞，是設計師技巧是否成熟的表現。,版式設計的視覺流程是一“種“空間的運動”，是視線隨各元素在空間沿一定軌跡運動的過程。,視覺流程的概念,6,視覺的一般流向,2視覺流程的一般規律,左右,上下,7,視覺注意力在平面中的分布,8,當然，這種視覺流程規律并不是一成不變的，設計師也可根據具體的需要重新設計新的視覺流程。一些有創造性的設計師，在設計時，他們常用“阻止”、不常用的程序去考慮設計作品的視覺敘述，以抓住主動因素讓觀者按照自己的誘導移向下一個內容。所以，觀者的注意完全被設計師左右。這樣，設計師所要傳達的信息情感主動的傳遞與觀者，從而取得最佳的視覺傳播目的。,9,3.1視覺流程的邏輯性各視覺要素在版式設計中的安排，要符合人們觀察事物的心理順序和思維活動的邏輯順序。例如圖片所提供的信息比文字更具直觀性的特點，把它作為廣告版面的視覺中心，比較符合人們在觀察、認識事物過程中先感性后理性的順序。,3視覺流程運動中應注意的事項,10,節奏作為一種形式的審美要素，不僅能提高人們的視覺興趣，而且在形式結構上也利于視線的運動。它在構成要素之間位置上要造成一定的節奏關系，使其有長有短，有急有緩，有疏有密，有曲有直形成心理的節奏，以提高觀眾的閱讀興趣。,3.2視覺流程的節奏性,11,通過對版式中視覺元素的編排，左右人們的視線，使其按照設計意圖進行順序流動，用以捕捉觀眾的視覺注意力。,3.3視覺流程的誘導性,12,4版式設計的視覺流程形式,4.1單向視覺流程4.2曲線視覺流程4.3焦點視覺流程4.4反復視覺流程4.5導向視覺流程4.6散點視覺流程4.7最佳視域,13,4.1單向視覺流程（直線視覺流程）,單向視覺流程使版面的流動線更為簡明，直接地訴求主題內容，有簡潔而強烈的視覺效果。其表現為三種方向關系：豎向視覺流程堅定、直觀的感覺。橫向視覺流程給人穩定、恬靜之感。斜向視覺流程以不穩定的動態引起注意。,14,曲線是相對于直線的一種形式，有一定的弧度，包括弧線和折線，指各個視覺要素隨弧線或回旋線而運動變化形成的的視覺流程是曲線視覺流程。曲線視覺流程不如直線視覺流程直接明了，但更具有韻味、節奏和曲線美。曲線視覺流程的形式微妙而復雜，可概括為兩種形式：,4.2曲線視覺流程,15,弧線形（C形）視覺流程：有擴張感和方向感。弧線形視覺流程，使頁面具有很強的擴張性。回旋形（S形）視覺流程：兩個相反的弧線產生矛盾回旋線。回旋形勢覺流程在平面中可增加深度和動感，使頁面產生更多層次，空間感增強。,16,焦點是視覺心理的焦點，在具體的處理上，一般沿著視覺焦點的傾向與力度，來發展視線的進程，集合瀏覽者的視線，完成視覺心理上的焦點建造。可以理解為：其一，以強烈的形象或文字占據頁面某個位置，或文字獨具版面某個部位或完全充斥爭辦、其焦點的位置因具體畫面而定。在視覺流程上，首先是從版心焦點開始然后順眼形象的方向與力度傾向來發展實現的進程。其二，向心、離心的視覺運動也焦點是覺流程的表現、焦點的誘導六城市主體更為鮮明突出而強烈。,4.3焦點視覺流程,17,每個頁面中都有一個視覺焦點，這是需要重點處理的對象。焦點是否突出，和頁面版式編排、圖文的位置、色彩的運用有關，同時也與對“焦點”著力描寫有關。在視覺心理作用下，焦點視覺流程的運用使主題更為鮮明、強烈。按照主從關系的順序，使放大的主題形象成為視覺焦點，以此來表達主題思想。,18,指版面中相同或相似的視覺要素作規律、秩序、節奏的逐次運動。其運動流程不如單向、曲線和焦點流程運動強烈，但更富韻律和秩序美。,4.4反復視覺流程,19,通過誘導性視覺元素，主動引導讀者視線向一定方向作順序運動，按照由主及次的順序，把頁面各構成要素依次串聯起來，形成一個有機整體，使重點突出，條理清晰，發揮最大的信息傳達功能。視覺導向元素有多種，有虛有實，表現多樣。如：文字導向、手勢導向、形象導向以及視線導向等。,4.5導向視覺流程,20,4.5.1文字導向“請按這里”、“點擊進入”等文字，是通過語義的表達產生理念上的導向作用。另外，也可以對文字進行圖形化處理，對瀏覽者產生自覺的視覺導向作用。,21,4.5.2手勢導向手勢導向比文字導向更容易理解，且更具有一種親和力。,22,4.5.3形象導向同手勢導向一樣容易理解，較常采用的形象為箭頭。形象導向具有簡潔明確的特點。,23,4.5.4視線導向一組人物、動物面向同一方向，會因共同的視線而一致起來。不同的物品方向一致，也可以產生統一感。如果將頁面中人物的視線對著物品，就會引導瀏覽者的視線集中到物品上。充分利用視線導向，可以使視覺元素之間的聯系加強，結構更加緊湊。,24,4.6散點視覺流程,指版面各視覺要素之間成自由分散狀態的編排。散狀排列強調感性、自由隨機性、偶合性，強調空間和動感，追求新奇、刺激的心態，常表現為一種較隨意的編排形式。這種編排方式在國外平面設計中十分流行,而在國內還偏重于相對規則、理性的版式效果。面對自由散點的版面，我們的視線隨版面圖像、文字作或上或下或左或右的自由移動閱讀的過程。這種閱讀過程不如直線、弧線等流程快捷，但更生動有趣，具有輕松隨意與慢節奏感。,25,版式設計中的重要信息或視覺流程的停留點安排在注目價值高的位置（即最佳視閾）。版面中不同的視域，注目程度不同，給人心理上的感受也不同。一般而言，上部給人輕快、漂浮、積極、高昂之感；下部給人壓抑、沉重、限制、低矮、穩定的印象；左側，感覺輕便、自由、舒展，富于活力；右側，感覺緊促、局限卻又莊重之感。版面中最重要的信息，應安排在注目率最高的頁面位置，這個位置便是頁面的最佳視域。,4.7最佳視閾,26,六、版式設計的形式法則,版式設計離不開藝術表現，美的形式原理是規范形式美感的基本法則。它是通過重復與交錯、節奏與韻律、對稱與均衡、對比與調和、虛實與留白等形式美構成法則來規劃版面，把抽象美的觀點及內涵訴諸讀者，并從中獲得美的教育和感受，它們之間是相輔相成、互為因果的，既對立又統一地共存于一個版面之中。,27,6.1單純與秩序6.2對比與調和6.3對稱與均衡6.4節奏與韻律6.5虛實與留白,28,6.1單純與秩序,單純化有兩個概念：基本形的簡練。編排結構的簡明、單純。把握好這兩點是設計中的元素產生強烈視覺沖擊力與整體感的前提。,29,設計之前，面對一大堆圖片和文案資料，必須進行理性思考，采用邏輯思維的方法，對圖片資料進行大膽取舍，以設計出條例清晰、形式感強的視覺流程。如設計水平、垂直、傾斜和焦點的視覺流程形式，這些形式有助我們實現形式的單純化。單純化可使版面獲得完整感、秩序感、清晰感，最終實現良好的視覺效果；反之，則雜亂不堪，造成視覺傳達的障礙。秩序是指有條理、不混亂的情況。含有整齊守規則之意。版式設計中的秩序是指其中的各視覺元素有組織有規律的排列。它使版面具有單純的結構和井然有序的組織。實質上、編排越單純，版面整體性就越強、視覺沖擊力就越大；反之，編排流程秩序越復雜，整體形式及視覺沖擊力就起弱。所以強調秩序，首先得強調中純的結構。,30,對比是差異性的強調，是將相同或相異的視覺元素做強弱對照編排所運用的形式手法，也是版面設計中取得強烈視覺效果最重要的手法。在版式設計中，無論是字與字、形與形、形與空間等，無處不存在對比關系。歸納起來有：主次、大小、明暗、黑白、強弱、粗細、疏密、高低、遠近、硬軟、曲直、濃淡、動靜、銳鈍、輕重等對形式，它們彼此之間相互滲透、并存。通常，在同一版面中，多種對比關系交融在一起。在對比關系中，對比越清晰鮮明，視覺效果就越強烈。,6.2對比與調和,31,調和是在類似或不同類的視覺元素之間尋找相互協調的因素，也是在對比的同時產生調和。所一，許多版面常表現為既對比又調和，兩者相互作用，不可分割。對比與調和，對比為強差異，產生沖突；調和為尋找共同點，緩和矛盾。兩者互為因果，共同營造版面的形式美感。,32,對稱與均衡是一對統一體，常表現為既對稱又均衡，它們都是求取視覺心理上的靜止和穩定感。關于對稱與均衡可以從兩個方面來分析，即：對稱均衡和非對稱均衡。對稱均衡是指版面中心兩邊或四周的形具有相同公約量而形成的靜止狀態，也成為絕對對稱均衡。另外，上下或左右基本相等而略有變化，又稱相對對稱均衡。對絕對稱均衡給人更莊重、嚴肅之感，是高格調的表現，是古典主義版面設計風格的表現。但處理不好，易單調、呆板。,6.3對稱與均衡,33,非對稱均衡是指版面中等量不等形，而求取心理上“量”的均衡狀態。非對稱均衡比對稱均衡更靈活生動，富于變化，是較為流行的均衡手段，有現代感的特征。,34,沃爾特佩特1說：“所有的藝術都在不斷地向著音樂的境界努力。”節奏與韻律來自于音樂概念，也是版面設計常用的形式。節奏是均勻的重復，是在不斷重復中產生頻率節奏的變化，如心臟的跳動、季節的更替等都可視為是一種節奏。節奏的重復使單純的更單純、統一的更統一。另外，節奏變化小的為弱節奏，例如舒緩的小夜曲，變化大的為強節奏，如激烈的搖滾樂。,6.4節奏與韻律,35,韻律不是簡單的重復，而是比節奏要求更高的律動，就象音樂一樣，充滿情趣，好似重復之中有高音、低音的變化。版面設計中的韻律，是指其中的視覺要素（圖形、文字、色彩）在組織上合乎某種規律時所給與受眾的視覺和心理上的節奏感。靜態版面的韻律感主要建立在比例、輕重、緩急、反復、漸變等為基礎的形式規律之上。韻律是通過節奏的變化而產生的，如變化太多失去秩序時，也就破壞了韻律的美。,36,6.5虛實與留白,版面中的“虛”，可以是空白，也可是細弱的文字、圖形或色彩，這要依具體版面而定。為了強調主體，可有意搞其它部分削弱為虛，甚至以留白來襯托主體的實，所以、田白是版面“虛”處理中科特殊的手法。版面中的虛實關系為以虛襯實，實由虛托。,37,留白是指版面中未配置任何圖文的空間。在閱讀時，讀者一般將興趣投入到文字和圖片上，至于空間的留白，卻往往被忽略。從美學的意義上講，留白與文字和圖片具有同等重要的意義。沒有空白就難已很好地表現文字和圖片。在中國傳統美學中有“形得之于形外”和“既白當黑，既黑當白”之說。版面中巧妙得當地留白，是為了更好地烘托主題，渲染氣氛。版面留白量的多少，需根據所表現的具體內容和空間環境而定。譬如，報刊雜志一類信息量大的讀物，空白少；而休閑抒情類的讀物或廣告，版面的留白率則高。,38,形式法則是創造美感畫面的主要手法。所有形式原，在表面上皆具又不同的特點和作用，但在實際應用上都是相關注而共同為用的。在上述法則中，從單純與秩序中，可獲得整體與完美的組織；從對稱與均衡中，可獲得穩定的因素；在韻律和節奏里，則可產生樂感和情調。同時，對比產生強調的效應，和諧是統一整體的要素；而留白則位版面獲得莊重和空間感。可以說，編排的形式法則，既幫助設計師克服了設計中的盲目性，亦為設計作品提供了強省力的依據，豐富設計的內涵。,39,第一步：深入理解資料：在版面設計之前，需要對文字、圖形進行必要的理解和分析，為后期設計風格和排列方式等提供必要的思維理論依據。第二步：對信息進行分類：把理解的文字段分成層級和內容，把圖片歸納成幾個類別和大小，并為其分配相應的空間和大小位置。第三步：勾畫思路草圖：把前面理解和分類的文字段進行初步整合，用草圖勾畫各種方案，在基本規格拍板上建立一個叫可行的形勢和結構，把構想進行視覺形象化。,版式設計的基本步驟,40,第四步：初排元素關系：完成草稿后，資料進土電腦實質性的初排、檢驗圖片、文字元素占用的基本空間，對文字屬性、版面顏色等元素進行系