版面設(shè)計(jì)形式法則.ppt

《版面設(shè)計(jì)形式法則.ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《版面設(shè)計(jì)形式法則.ppt（103頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

版面設(shè)計(jì)形式原理 變化與統(tǒng)一 形式美構(gòu)成總法則 比例分割重復(fù)節(jié)奏與韻律對(duì)比對(duì)稱均衡力場(chǎng)方向空間重心統(tǒng)一變異與秩序虛實(shí)與留白 一 比例 比例是形的整體與部分以及部分與部分之間數(shù)量的一種比率 比例常常表現(xiàn)出一定的數(shù)列 等差數(shù)列 等比數(shù)列 黃金比等 長度比 寬度比 面積比等 能與其他造型要素產(chǎn)生同樣的功能和極佳的意境 版面的分割 若在其中加入數(shù)列或按某種比例進(jìn)行分割 將可獲得更富規(guī)律性的整齊美感 黃金比能求得最大的限度的和諧 使版面被分割的不同部分產(chǎn)生相互聯(lián)系 比例 是正方形的兩倍 用途廣泛 組合十分方便 是高度合理化的單位形 也叫疊席矩形 比例 1 732 矩形稍顯細(xì)長 常用于豎型用書 如散文 詩集等較為浪漫的版面形式 2比例 1 414 2矩形也稱德國標(biāo)準(zhǔn)比 樸素大方 被廣泛用在需要折疊使用的書籍 報(bào)紙的規(guī)格上 良好的比例是設(shè)計(jì)中藝術(shù)修養(yǎng)與審美情趣的綜合及靈活運(yùn)用的結(jié)果 但不可生搬硬套 二 分割 分割是一種最基本的 隨處可見的板式原理 版面的分割是為了創(chuàng)建出有序的視覺層次 分割就是用虛實(shí)的線 字體 圖片 將版面分成若干單元 進(jìn)行填充 運(yùn)用分割將版面合理規(guī)劃應(yīng)用 分割是一種重要的構(gòu)圖方法 分割或者叫做在整體中各個(gè)部分的配置 它給版面帶來主題清晰 層次分明的感受 一方面制造形式上的比例 節(jié)奏 另一方面制造視覺區(qū)域 保證信息的有效傳達(dá) 在版面中 前景可以明暗強(qiáng)烈對(duì)比 中景用中和的黑白對(duì)比 背景應(yīng)該柔和清淡 經(jīng)驗(yàn)告訴我們 這種三分法提高了整體的藝術(shù)效果 其簡單的分割法往往比復(fù)雜的設(shè)計(jì)更可取 加強(qiáng)整體的結(jié)構(gòu)組織和方向視覺秩序 應(yīng)當(dāng)考慮基本形式 水平分割 垂直分割 斜向分割 曲線分割 三 對(duì)比 對(duì)比是差異性的強(qiáng)調(diào) 對(duì)比的因素存在于相對(duì)的兩要素之間相異的性質(zhì) 它包括大小 明暗 黑白 強(qiáng)弱 粗細(xì) 疏密 高低 遠(yuǎn)近 硬軟 直曲 濃淡 動(dòng)靜 銳鈍 輕重 正反 單雙的對(duì)比 大小對(duì)比 輕重對(duì)比 對(duì)比必須清晰鮮明 一目了然 不能模棱兩可 對(duì)比的最基本要素是顯示主從關(guān)系和統(tǒng)一變化的效果 正反對(duì)比 四 重復(fù)與交錯(cuò)在版面構(gòu)成中 不斷重復(fù)使用相同的基本形或線 使設(shè)計(jì)產(chǎn)生安定 整齊 規(guī)律的統(tǒng)一 四 重復(fù)與交錯(cuò)但重復(fù)構(gòu)成后的視覺感受有時(shí)容易顯得呆板 平淡 缺乏趣味性的變化 所以 我們?cè)诎婷嬷锌砂才乓恍┙诲e(cuò)與重疊 打破版面呆板 平淡的格局 五 節(jié)奏與韻律節(jié)奏是按照一定的條例 秩序 重復(fù)連續(xù)地排列 形成一種律動(dòng)形式 它有等距離的連續(xù) 也有漸變 大小 長短 明暗 形狀 高低等的排列構(gòu)成 利用圖形大小的漸變 體現(xiàn)出節(jié)奏美 韻律就好比是音樂中的旋律 不但有節(jié)奏更有情調(diào) 它能增強(qiáng)版面的感染力 開闊藝術(shù)的表現(xiàn)力 在節(jié)奏中注入美的因素和情感 個(gè)性化 就有了韻律 在版面設(shè)計(jì)中 韻律可以在文字筆畫的重復(fù)中 以及字行和行距的空白的重復(fù)中找到 并且以有組織有變化的相互交替在一個(gè)平面的整體中產(chǎn)生不尋常的美觀 采用文字條 逐步漸變到版面主題 進(jìn)而達(dá)到一種優(yōu)美旋律的追求 韻律感令人心情輕松穩(wěn)定 六 對(duì)稱 兩個(gè)同一形的并列與均齊 實(shí)際上就是最簡單的對(duì)稱形式 對(duì)稱的形式有左右對(duì)稱 上下對(duì)稱 放射對(duì)稱 以對(duì)稱點(diǎn)為源 反轉(zhuǎn)對(duì)稱 其特點(diǎn)是穩(wěn)定 莊嚴(yán) 整齊 秩序 安寧 沉靜 它是版面中心被強(qiáng)調(diào)的高格調(diào)表現(xiàn) 古典主義版面設(shè)計(jì)中應(yīng)用較多 以中軸線為軸心的左右對(duì)稱構(gòu)成的版面 形成一種曲線的秩序美 均衡是一種有變化的平衡 它運(yùn)用等量不等形的方式來表現(xiàn)矛盾的統(tǒng)一性 揭示內(nèi)在的 含蓄的秩序和平衡 達(dá)到一種靜中有動(dòng)或動(dòng)中有靜的條理美和動(dòng)態(tài)美 七 均衡 利用虛實(shí)氣勢(shì)達(dá)到呼應(yīng) 和諧一致 造成視覺上的均衡 均衡的形式富于變化 趣味 具有靈巧 生動(dòng)活潑 輕快的特點(diǎn) 八 變異與秩序 變異是規(guī)律的突破 是一種在整體效果中的局部突變 這一突變之異 往往就是整個(gè)版面最具動(dòng)感 最引人關(guān)注的焦點(diǎn) 也是其含義延伸或轉(zhuǎn)折的始端 變異的形式有規(guī)律的轉(zhuǎn)移 規(guī)律的變異 可依據(jù)大小 方向 形狀的不同來構(gòu)成特異效果 秩序美是構(gòu)成版面的靈魂 它是一種組織美的編排 能體現(xiàn)版面的科學(xué)性和條理性 構(gòu)成秩序美的原理有對(duì)稱 均衡 比例 韻律 多樣統(tǒng)一等 在秩序美中溶入變異之構(gòu)成 可使版面獲得一種活潑動(dòng)情的效果 九 虛實(shí)與留白 中國傳統(tǒng)美學(xué)上有 計(jì)白守黑 這一說法 就是指編排的內(nèi)容是 黑 也就是實(shí)體 細(xì)弱的文字 圖形或色彩是白 版面中的空白如同人的呼吸 使版面產(chǎn)生生氣 活力 節(jié)奏 停頓等等 作為圖形的襯托 表現(xiàn)確實(shí)的形象 在版面構(gòu)成中 巧妙地留白 講究空白之美 是為了更好地襯托主題 集中視線和造成版面的空間層次 留白是版面未放置任何圖文的空間 它是 虛 的特殊表現(xiàn)手法 空間的形狀和銜接的方式也就是字行之間和平面四周留出的空白 其形狀 大小 方向和運(yùn)動(dòng)的比例關(guān)系決定著版面設(shè)計(jì)的質(zhì)量和深度 留白的感覺是一種輕松 最大的作用是引人注意 十 力場(chǎng)與網(wǎng)格 力場(chǎng) 是一種在人們心理的感應(yīng)下虛擬的空間 在版面的范圍內(nèi) 通過點(diǎn)狀 線狀和塊面的分割和限定 使版面充滿空靈的 流動(dòng)的 并形成一個(gè)具有生命力的 場(chǎng) 平面的上半部分引起人們一種輕松 飄動(dòng)和自由的想象 越是往上看 這種感覺就越強(qiáng)烈 平面的下半部分給人完全相反的印象 壓抑 束縛 受限制但是穩(wěn)定和沉重 這種高與低的特性是人類眼睛在平面上受到萬有引力影響的內(nèi)在經(jīng)驗(yàn) 網(wǎng)格 20世紀(jì)起源于瑞士 也是平面構(gòu)成中骨架的概念 并得以發(fā)展與延伸 網(wǎng)格分為可見的和不可見的 可見的網(wǎng)格清晰 具有條理性 但有呆板的感覺 如果設(shè)計(jì)師在統(tǒng)一網(wǎng)格的風(fēng)格中 進(jìn)行一些破格或變異的設(shè)計(jì) 運(yùn)用網(wǎng)格作為版面編排的程序 形成不可見的網(wǎng)格 會(huì)有意想不到的效果 這種自由方式的構(gòu)造 能使版面更豐富 更創(chuàng)新 更活潑 十一 中心 十二 方向 版面設(shè)計(jì)中 由文字組成的行表現(xiàn)為線的形式 由字行集合成的行組以及圖片 它們的形狀和結(jié)構(gòu)一般也表現(xiàn)為某種運(yùn)動(dòng)的方向 水平和垂直給平面以安靜和固定的感覺 相反 傾斜比較來說具有動(dòng)感 表現(xiàn)出從一端向另一端移動(dòng)的感覺 當(dāng)然 除此之外還有很多樣式的運(yùn)動(dòng)方向 它們不是接近水平和垂直 就是近似傾斜 其表現(xiàn)力也與近似的運(yùn)動(dòng)方向一致 對(duì)于版面要素過多又過于雜亂的情況 可以用規(guī)律的網(wǎng)格骨架統(tǒng)一整理 形成多樣統(tǒng)一的基調(diào) 方向上的統(tǒng)一也是解決畫面雜亂的很好手段 水平 垂直與傾斜組合起來使用 如水平中有垂直 或者水平和垂直中有傾斜 能使版面產(chǎn)生對(duì)比 帶來豐富和生動(dòng)的效果 5偏心型 圖文半分型 1標(biāo)準(zhǔn)型 2標(biāo)題型 3全圖型 底紋型 4中軸型 6交叉型 7傾斜型 8文字型 9指示型 10重復(fù)型 11網(wǎng)格型 12散點(diǎn)型 13曲線型 14三角型 15圓型 版面設(shè)計(jì)的基本類型 1標(biāo)準(zhǔn)型最常見的一種編排形式 常用于一般書籍 雜志 報(bào)刊等 插圖在最佳視線內(nèi) 順著視覺流程向下 依次是標(biāo)題 說明文 標(biāo)語 商標(biāo) 企業(yè)名稱等 這種方式有良好的安定感 也符合人們認(rèn)識(shí)事物的邏輯順序 標(biāo)準(zhǔn)型版面可以分為豎排型 傳統(tǒng)型 和橫排型 現(xiàn)代型 兩種 豎排文字從右到左 上到下 符合中國傳統(tǒng)閱讀習(xí)慣 在中國臺(tái)灣和香港地區(qū)的現(xiàn)代設(shè)計(jì)中運(yùn)用較多 橫排式是從左到右編排的 這種方式更為通俗化 2標(biāo)題型版面上標(biāo)題為先 順著視覺流程向下 依次是標(biāo)語 說明文 插圖 商標(biāo) 企業(yè)等 這種形式適用于提高產(chǎn)品或企業(yè)知名度 訴求的重心在標(biāo)題上 這時(shí)的標(biāo)題形式 字體 色彩是整個(gè)編排中的重點(diǎn)部分 3全圖型 底紋型 用一張圖片占據(jù)整個(gè)版面 在圖片的適當(dāng)位置直接嵌入標(biāo)題 文字等 此時(shí)圖本身的藝術(shù)質(zhì)量至關(guān)重要 精度 色彩準(zhǔn)確度 圖形的趣味性要求較高 這個(gè)類型的版面形式大方 舒展 是商品廣告和雜志廣告常用的類型 這類編排具有良好的平衡感 對(duì)中軸線兩側(cè)各要素進(jìn)行大小 深淺 冷暖等的對(duì)比 變化 才能呈現(xiàn)動(dòng)感 水平排列穩(wěn)定安詳 垂直排列沖動(dòng)向上 4中軸型是一種對(duì)稱的構(gòu)成形態(tài) 標(biāo)題 圖片 說明文與標(biāo)志 圖形基本對(duì)稱放于軸心線兩邊 版面上的中軸線可以是有形的 也可以是無形的 5偏心型 圖文半分型 把插圖安排在版面的左側(cè)或右側(cè) 余下的一側(cè)放文字說明等內(nèi)容 也可以上下半分 有圖片的部分感性活力 放文字的部分理性靜止 一般人視線往往先落在版面的左上側(cè) 所以圖片安置在左側(cè)或上側(cè) 適當(dāng)用點(diǎn) 線穿插 可以讓被分割的兩部分和諧起來 6交叉型版面中的兩個(gè)構(gòu)成要素 一個(gè)構(gòu)成要素疊放于另一個(gè)上面進(jìn)行交叉 可以是十字交叉 也可以是一定角度的傾斜交叉 這種編排產(chǎn)生前后層次感 增加版面的視覺深度 交叉中心成為視覺中心 7傾斜型這是一種有很強(qiáng)動(dòng)感的類型 圖中的要素或主體呈傾斜狀放置 讀者視線隨傾斜角度動(dòng) 不管是圖片還是文字塊在版面上做傾斜的編排 整體的效果都具有動(dòng)感 8文字型以文字為主體構(gòu)成的版面 圖片僅為版面的點(diǎn)綴 在這里 文字的字體 大小 色彩是設(shè)計(jì)的首要因素 文字型的編排是否有吸引力 取決于廣告文案的感染力 文字自身的結(jié)構(gòu)美當(dāng)作畫面的圖形要素進(jìn)行編排 也構(gòu)成文字型的特點(diǎn) 9指示型用指示性的形象把讀者的視線引導(dǎo)到要重點(diǎn)表現(xiàn)的商品目標(biāo)上 指引方式可以通過箭頭 手指 透視線 聚焦等各種方式 這樣的編排方式受 最佳視域 和 視覺流程 的約束很小 可以根據(jù)設(shè)計(jì)的內(nèi)容來決定把版面的重心放在哪個(gè)位置上 這種類型的編排改變了視覺流程的走向 但一定要將訴求重心以極其簡明的表達(dá)安排在指示終點(diǎn)處 使視覺流程終點(diǎn)與表現(xiàn)要點(diǎn)相吻合 這樣才能取得良好的視覺效果 10重復(fù)型將同一視覺要素在版面上作重復(fù)編排 重復(fù)的內(nèi)容可以是圖片也可以是標(biāo)題或標(biāo)志等 重復(fù)有強(qiáng)調(diào)的作用 可以讓被重復(fù)的部分給人留下深刻印象 不過 要注意節(jié)奏與韻律的作用 不要流于呆板 11網(wǎng)格型將全部或部分版面作棋盤式分割 版面被分成若干等面積的幾何形態(tài) 這種方式適合于版面上需要安排許多份量相同的單元 如介紹一組產(chǎn)品等 將圖片或者圖形 文字 納入網(wǎng)格中 利用網(wǎng)格將版面上過于雜亂的要素進(jìn)行整理 12散點(diǎn)型將各種構(gòu)成要素在版面上作不規(guī)則分散狀 也稱自由型的編排 這種貌似隨意的分散 其實(shí)內(nèi)涵上往往包含設(shè)計(jì)的精心構(gòu)置 在編排時(shí)注意節(jié)奏 疏密 均衡感 總體感要有統(tǒng)一的氣氛 要做到形散神不散 13曲線型對(duì)重點(diǎn)物體作曲線型或插圖與文稿的排列為曲線形的構(gòu)圖 14三角型文字或圖形編排成三角形 正三角形富有穩(wěn)定感 逆三角形有動(dòng)感 用正三角形時(shí)注意避免呆板 而用逆三角形時(shí)注意平衡 15圓型將插圖處理成圓形 半圓形 同時(shí)在文字編排上作相應(yīng)變形 圓形給人莊重完美的感覺 不過圓形過于圓滿 有時(shí)用半圓形可獲得更好的視覺效果 5偏心型 圖文半分型 1標(biāo)準(zhǔn)型 2標(biāo)題型 3全圖型 底紋型 4中軸型 6交叉型 7傾斜型 8文字型 9指示型 10重復(fù)型 11網(wǎng)格型 12散點(diǎn)型 13曲線型 14三角型 15圓型 雜志