式設(shè)計視覺流程設(shè)計學習教案

1、會計學1式設(shè)計視覺式設(shè)計視覺(shju)流程設(shè)計流程設(shè)計第一頁，共37頁。LAYOUT DESIGN LAYOUT DESIGN 編排編排(binpi)(binpi)設(shè)計設(shè)計 視覺(shju)流程第6講第1頁/共37頁第二頁，共37頁。視覺視覺(shju)流程流程視覺流程設(shè)計：安排(npi)觀者視覺注意力運動路徑的設(shè)計活動，就是一種視覺流程設(shè)計。第2頁/共37頁第三頁，共37頁。第3頁/共37頁第四頁，共37頁。普通讀者的閱讀普通讀者的閱讀(yud)(yud)視覺習慣視覺習慣第4頁/共37頁第五頁，共37頁。第5頁/共37頁第六頁，共37頁。古人的閱讀視覺古人的閱讀視覺(shju)(shju)

2、習慣習慣第6頁/共37頁第七頁，共37頁。視覺流程(lichng)設(shè)計的分類：單向視覺流程(lichng)，曲線視覺流程(lichng)，導向視覺流程(lichng)，反復視覺流程(lichng)，重心視覺流程(lichng)，散點視覺流程(lichng)。第7頁/共37頁第八頁，共37頁。1 1 單向單向(dn xin)(dn xin)視覺流程視覺流程？第8頁/共37頁第九頁，共37頁。單向視覺流程單向視覺流程利用視覺習慣建立利用視覺習慣建立(jinl)視覺流視覺流程程 使版面的流動更加簡明，一般按照視覺習慣從左到使版面的流動更加簡明，一般按照視覺習慣從左到右，從上到下由主到次，具有邏輯性的

3、、有次序的右，從上到下由主到次，具有邏輯性的、有次序的排列引導讀者快速閱讀。這種流程具體分為：排列引導讀者快速閱讀。這種流程具體分為：橫向流程橫向流程豎向流程豎向流程第9頁/共37頁第十頁，共37頁。單向視覺單向視覺(shju)流程。文字編排選擇了最符合閱讀習慣的排列方式，所有文字信息均由上至下順序排列，依據(jù)流程。文字編排選擇了最符合閱讀習慣的排列方式，所有文字信息均由上至下順序排列，依據(jù)第10頁/共37頁第十一頁，共37頁。標題、細部信息以及圖片按照標題、細部信息以及圖片按照(nzho)由上至下的視覺順序依次排列，使整個版面的信息排列清晰而有序，閱讀毫不費力由上至下的視覺順序依次排列，使整個

4、版面的信息排列清晰而有序，閱讀毫不費力第11頁/共37頁第十二頁，共37頁。第12頁/共37頁第十三頁，共37頁。單向視覺流程：單向視覺流程：特點：傳達速度快、給人簡潔有力之感特點：傳達速度快、給人簡潔有力之感適合適合(shh)：客觀、理性的內(nèi)容：客觀、理性的內(nèi)容第13頁/共37頁第十四頁，共37頁。2 2、斜向視覺、斜向視覺(shju)(shju)流程流程是一種動態(tài)的構(gòu)圖，視線一般從左上角向右下角移動，或者從右上角向左下角移動，給人動態(tài)的不穩(wěn)定感及速度感。特別適合(shh)一些運動、速度的題材以及一些風格化的表現(xiàn)第14頁/共37頁第十五頁，共37頁。斜向視覺流程。照片形成斜向視覺流程。照片形

5、成(xngchng)的斜向動勢決定了文字的斜向動勢決定了文字排列的方向，使一般的設(shè)計不同一般排列的方向，使一般的設(shè)計不同一般斜向視覺流程斜向視覺流程(lichng)。強烈的空間感。強烈的空間感第15頁/共37頁第十六頁，共37頁。第16頁/共37頁第十七頁，共37頁。3、曲線(qxin)視覺流程？第17頁/共37頁第十八頁，共37頁。曲線視覺流程：將編排曲線視覺流程：將編排設(shè)計中的各視覺要素設(shè)計中的各視覺要素(yo s)隨弧線或旋線隨弧線或旋線進行運動化的編排構(gòu)成進行運動化的編排構(gòu)成，成為曲線視覺流程。，成為曲線視覺流程。給人以節(jié)奏韻律感或優(yōu)雅柔美(ru mi)的感受，營造輕松隨意的閱讀氣氛。

6、第18頁/共37頁第十九頁，共37頁。第19頁/共37頁第二十頁，共37頁。第20頁/共37頁第二十一頁，共37頁。4、導向(do xin)視覺流程？第21頁/共37頁第二十二頁，共37頁。導向視覺流程：導向視覺流程：通過點、線、箭通過點、線、箭頭或具體形象的頭或具體形象的方向方向(fngxing)(fngxing)性等元素，由主性等元素，由主及次的引導讀者及次的引導讀者視線向一定方向視線向一定方向(fngxing)(fngxing)順序順序運動的方式。運動的方式。第22頁/共37頁第二十三頁，共37頁。典型的導向視覺流程。明度劇烈反差典型的導向視覺流程。明度劇烈反差(fnch)的版面，由于被

7、一條光滑的曲線所貫穿，使畫面渾然一體。的版面，由于被一條光滑的曲線所貫穿，使畫面渾然一體。第23頁/共37頁第二十四頁，共37頁。導向視覺流程。箭頭的強烈指向?qū)е聦蛞曈X流程。箭頭的強烈指向?qū)е?dozh)觀看者的視線被觀看者的視線被動地遵照箭頭指示的方向瀏覽信息。動地遵照箭頭指示的方向瀏覽信息。第24頁/共37頁第二十五頁，共37頁。第25頁/共37頁第二十六頁，共37頁。5 反復視覺(shju)流程？第26頁/共37頁第二十七頁，共37頁。反復視覺反復視覺(shju)流程流程：將相同或相似的視覺：將相同或相似的視覺(shju)要素、做規(guī)律要素、做規(guī)律、秩序、有節(jié)奏的編排、秩序、有節(jié)奏的編排

8、處理，這種視覺處理，這種視覺(shju)流程的設(shè)計方流程的設(shè)計方法，我們稱為反復視覺法，我們稱為反復視覺(shju)流程。流程。第27頁/共37頁第二十八頁，共37頁。第28頁/共37頁第二十九頁，共37頁。包裝的版式設(shè)計相對其他包裝的版式設(shè)計相對其他商業(yè)設(shè)計往往要求實現(xiàn)更商業(yè)設(shè)計往往要求實現(xiàn)更高的傳達速度，以應(yīng)對超高的傳達速度，以應(yīng)對超市貨架上無數(shù)商品的競爭市貨架上無數(shù)商品的競爭。因此多數(shù)包裝都會采用。因此多數(shù)包裝都會采用將品牌字體、品名、廣告將品牌字體、品名、廣告語等三四個核心要素經(jīng)過語等三四個核心要素經(jīng)過組合、重疊或與圖形、色組合、重疊或與圖形、色塊等進行塊等進行(jnxng)群組，群組

9、，形成鮮明、獨特的視覺中形成鮮明、獨特的視覺中心，作為區(qū)隔其他商品的心，作為區(qū)隔其他商品的視覺特征。視覺特征。6 重心(zhngxn)視覺流程第29頁/共37頁第三十頁，共37頁。第30頁/共37頁第三十一頁，共37頁。7 散點視覺(shju)流程？第31頁/共37頁第三十二頁，共37頁。散點視覺流程：散點視覺流程：在編排設(shè)計中，在編排設(shè)計中，將圖與圖、圖形將圖與圖、圖形與文字呈現(xiàn)與文字呈現(xiàn)(chngxin)一種一種非常自由、分散非常自由、分散、無序的極具個、無序的極具個性化的編排，我性化的編排，我們稱為散點視覺們稱為散點視覺流程設(shè)計流程設(shè)計非常規(guī)、無序的、極其個性非常規(guī)、無序的、極其個性化的

10、形式，閱讀時有很大的化的形式，閱讀時有很大的自主性，視線隨意地畫面中自主性，視線隨意地畫面中流動。給人以凌亂、活躍流動。給人以凌亂、活躍(huyu)、調(diào)動、自在的視、調(diào)動、自在的視覺體驗。適宜感性、個性化覺體驗。適宜感性、個性化的題材。的題材。第32頁/共37頁第三十三頁，共37頁。曲線視覺流程，版面中的圖文信息有趣的依照曲線視覺流程，版面中的圖文信息有趣的依照(yzho)(yzho)螺線形的動勢排列，螺線形的動勢排列，極具形式感極具形式感散點視覺流程。平衡美也許是其中唯一的排版標準，自由、隨意、個性化的排版風格彰顯無疑，讀者在散點視覺流程。平衡美也許是其中唯一的排版標準，自由、隨意、個性化的排版風格彰顯無疑，讀者在其中獲得其中獲得(hud)(hud)最大的閱讀自由最大的閱讀自由第33頁/共37頁第三十四頁，共37頁。第34頁/共37頁第三十五頁，共37頁。網(wǎng)絡(luò)公司產(chǎn)品介紹手冊。把標題文字與照片群組構(gòu)成網(wǎng)絡(luò)公司產(chǎn)品介紹手冊。把標題文字與照片群組構(gòu)成(guchng)第一層信息，圓角矩形內(nèi)的紅色小標題與段落文字形成第二層信息，右側(cè)大量說明文字與簡單圖例第一層信息，圓角矩形內(nèi)的紅色小標題與段落文字形成第二層信息，右側(cè)大量說明文字與簡單圖例構(gòu)成構(gòu)成(guchng)第三層信息。注意三層根據(jù)內(nèi)容主次、閱讀習慣等功能要素在版面中從左到右、從