版式設計-視覺流程設計ppt課件.ppt

1、,版 式 設 計,版式設計,版式設計 版式設計,版式設計,版式設計 版式設計,版式設計 版式設計,版式設計,版式設計,版式設計 版式設計,平面構(gòu)成色彩構(gòu)成,版式設計 版式設計,版式設計,版式設計 版式設計 版式設計,版式設計 版式,版式設計,版式設計 版式設計 版式設計版式設計 版式設計,版式設計,版式設計 版式設計,平面構(gòu)成色彩構(gòu)成,版式設計,平面構(gòu)成色彩構(gòu)成,平面構(gòu)成色彩構(gòu)成,版式設計,版式設計,版式設計,版式設計,版式設計,版式設計,1,LAYOUT DESIGN 編排設計,視覺流程,第6講,2,視覺流程,視覺流程設計：安排觀者視覺注意力運動路徑的設計活動，就是一種視覺流程設計。,3,4

2、,普通讀者的閱讀視覺習慣,5,6,古人的閱讀視覺習慣,7,視覺流程設計的分類： 單向視覺流程， 曲線視覺流程， 導向視覺流程， 反復視覺流程， 重心視覺流程， 散點視覺流程。,8,1 單向視覺流程,？,9,單向視覺流程利用視覺習慣建立視覺流程 使版面的流動更加簡明，一般按照視覺習慣從左到右，從上到下由主到次，具有邏輯性的、有次序的排列引導讀者快速閱讀。這種流程具體分為： 橫向流程 豎向流程,10,單向視覺流程。文字編排選擇了最符合閱讀習慣的排列方式，所有文字信息均由上至下順序排列，依據(jù),11,標題、細部信息以及圖片按照由上至下的視覺順序依次排列，使整個版面的信息排列清晰而有序，閱讀毫不費力,1

3、2,13,單向視覺流程： 特點：傳達速度快、給人簡潔有力之感 適合：客觀、理性的內(nèi)容,14,2、斜向視覺流程,是一種動態(tài)的構(gòu)圖，視線一般從左上角向右下角移動，或者從右上角向左下角移動，給人動態(tài)的不穩(wěn)定感及速度感。 特別適合一些運動、速度的題材以及一些風格化的表現(xiàn),15,斜向視覺流程。照片形成的斜向動勢決定了文字排列的方向，使一般的設計不同一般,斜向視覺流程。強烈的空間感,16,17,3、曲線視覺流程,？,18,曲線視覺流程：將編排設計中的各視覺要素隨弧線或旋線進行運動化的編排構(gòu)成，成為曲線視覺流程。,給人以節(jié)奏韻律感或優(yōu)雅柔美的感受，營造輕松隨意的閱讀氣氛。,19,20,21,4、導向視覺流程

4、,？,22,導向視覺流程：通過點、線、箭頭或具體形象的方向性等元素，由主及次的引導讀者視線向一定方向順序運動的方式。,23,典型的導向視覺流程。明度劇烈反差的版面，由于被一條光滑的曲線所貫穿，使畫面渾然一體。,24,導向視覺流程。箭頭的強烈指向?qū)е掠^看者的視線被動地遵照箭頭指示的方向瀏覽信息。,25,26,5 反復視覺流程,？,27,反復視覺流程：將相同或相似的視覺要素、做規(guī)律、秩序、有節(jié)奏的編排處理，這種視覺流程的設計方法，我們稱為反復視覺流程。,28,29,包裝的版式設計相對其他商業(yè)設計往往要求實現(xiàn)更高的傳達速度，以應對超市貨架上無數(shù)商品的競爭。因此多數(shù)包裝都會采用將品牌字體、品名、廣告語

5、等三四個核心要素經(jīng)過組合、重疊或與圖形、色塊等進行群組，形成鮮明、獨特的視覺中心，作為區(qū)隔其他商品的視覺特征。,6 重心視覺流程,30,31,7 散點視覺流程,？,32,散點視覺流程：在編排設計中，將圖與圖、圖形與文字呈現(xiàn)一種非常自由、分散、無序的極具個性化的編排，我們稱為散點視覺流程設計,非常規(guī)、無序的、極其個性化的形式，閱讀時有很大的自主性，視線隨意地畫面中流動。給人以凌亂、活躍、調(diào)動、自在的視覺體驗。適宜感性、個性化的題材。,33,曲線視覺流程，版面中的圖文信息有趣的依照螺線形的動勢排列，極具形式感,散點視覺流程。平衡美也許是其中唯一的排版標準，自由、隨意、個性化的排版風格彰顯無疑，讀者在其中獲得最大的閱讀自由,34,35,網(wǎng)絡公司產(chǎn)品介紹手冊。把標題文字與照片群組構(gòu)成第一層信息，圓角矩形內(nèi)的紅色小標題與段落文字形成第二層信息，右側(cè)大量說明文字與簡單圖例構(gòu)成第三層信息