1、版面設計基礎大綱一 前言 1. 版面設計的基礎知識 2. 案例觀摩二 第一部分:選擇樣式 1. 第一課:樣式的效果 2. 第二課:文字及照片的跳躍率 3. 第三課:網格拘束率及版面率 4. 第四課:構成的三種類型及字體印象三 第二部分:調整形式 1. 第一課:造形的八原則:形態,明確主題,分開副主題 2. 第二課:造形的八原則:群化(組合化) 3. 第三課:創造形式的決竅(節奏,對比,重點,比例,平衡，融合) 版面設計的基礎知識版面設計包括: 樣式與造形版面設計里邊要掌握樣式和造型是它的根本,那么簡單介紹一下,版面設計包括樣式和造形樣式和造形各包括八個要素,八個原則樣式八要素:視覺度 圖片率

2、文字的跳躍率 照片的跳躍率 網格拘束率 版面率 構成的三種類型 字體印象造形的八原則: 明確主題 分開副主題 群化(組合) 曖昧給人不安的感覺 整理流向 空白是主題領地 抑制四角 利用版心線樣式的作用是:選擇一個正確的樣式決定版設計的大部分；調整形態能增加信任度案例觀摩一: 比較下面兩幅圖片看誰可以找出正確答案問: 在廣告的AB中,哪個是價廉的化妝品A案例觀摩一: 比較下面兩幅圖片看誰可以找出正確答案問: 在廣告的AB中,哪個是價廉的化妝品B案例觀摩二: 比較同一個人的名片A和B,哪一張看上去更有信賴感?A案例觀摩二: 比較同一個人的名片A和B,哪一張看上去更有信賴感?B案例總結總結: 選擇適

3、合的樣式,版面設計就能成功一大半,占75%以上.第一部分:選擇樣式第一課:樣式的效果樣式的八要素:視覺度 圖版率 文字的跳躍率 照片的跳躍率 網格拘束率 版面率 構成的三種類型 字體印象 第一部分:選擇樣式 第一課:樣式的效果基本的概念樣式的效果包括兩個部分:視覺度圖版率視覺度有兩個重要的概念: 視覺要素和文字要素視覺要素:相對于文字要素的圖片,表格等圖像表現. 1.增強視覺要素,產生輕快,親和力2.以文為中心,顯得高格調,冷漠,堅硬的印象.并不是說視覺度越高越好,與內容相吻合的”度”是很重要的AB將風格不同的雜志組合在一起,形成主題不明確的奇怪的版面第一課: 樣式的效果 之 入門案例分析二圖

4、片第一課: 樣式的效果 之 入門案例分析二右邊,我們就看得清楚,主題相符的文字與圖片結合的效果.總結:錯誤的樣式不能正確傳達信息總結分析一組名片A表達很利落的完成工作,值得信任第一課: 樣式的效果 之 入門案例分析三B 擴大名字,放大字體可以提高能量感,表現非常自信 第一課: 樣式的效果 之 入門案例分析三C 放大空白,縮小字體,高品質的感覺,文字采用居中式,給人高格調的印象,有內涵，與B正好相反 第一課: 樣式的效果 之 入門案例分析三看圖片A和B第一課: 樣式的效果 之 視覺度提高視覺度可以產生親和力 案例一A 總結 兩個圖片對比,中間加入插圖,一目了然,簡單的變化,視覺要素超到決定性的作

5、用.第一課: 樣式的效果 之 視覺度提高視覺度可以產生親和力 案例一加上圖片后,顯得更生動活躍第一課: 樣式的效果 之 視覺度提高視覺度可以產生親和力 案例二將名片視覺化后的效果在名片上加入插圖,會增加它的趣味性下面看傳統的名片和新式的名片第一課: 樣式的效果 之 視覺度提高視覺度可以產生親和力 案例三傳統的名片新式的名片 總結看上面的名片,都附有插圖,看到圖片,就會讓人聯想這個公司的形象,可以留下很好的印象第一課: 樣式的效果 之 視覺度提高視覺度可以產生親和力 案例三廣告中不可少的視覺要素看圖A,B,C第一課: 樣式的效果 之 視覺度提高視覺度可以產生親和力 案例四AB僅僅插入圖片C調整后

6、這樣讓人覺得更有品質看下面的圖片第一課: 樣式的效果 之 視覺度提高視覺度可以產生親和力 案例五 總結文字很多,插圖雖小,按形狀來安排文字,覺得有一種自由的信息.第一課: 樣式的效果 之 視覺度提高視覺度可以產生親和力 案例五問題:看圖片,你覺得什么樣的圖片能給你留下較深的印象第一課: 樣式的效果 之 視覺度提高視覺度可以產生親和力 案例六下面就是看圖后在大腦里留下的印象排序 總結靜物相對表現力就會下降.在設計時要用心選擇圖片宣傳的重點第一課: 樣式的效果 之 視覺度提高視覺度可以產生親和力 案例六第一課: 樣式的效果 之 圖版率圖版率:占據版面的圖(圖片)和文章的面積比圖版率是版面樣式中的重

7、要要素第一課: 樣式的效果 之 圖版率案例一只有文字的版面十分擁擠看下面的圖片A和BAB第一課: 樣式的效果 之 圖版率案例一總結加上圖片,充滿生趣第一課: 樣式的效果 之 視覺度和圖版率的區別 先看圖結論 右邊的圖片全是圖片,圖片率為100%左邊的圖片是文字加圖片,圖版率占到10%的份量,這種是小說排版,一般報紙的圖片率是30%左右.圖版率是相對文章,圖所占的比例視覺度是視覺的表現力的強弱第一課: 樣式的效果 之 圖版率案例二沒有文字的版面顯得空洞看圖A,BAB第一課: 樣式的效果 之 圖版率案例二總結A.表現得太安靜B.左上角加上文字,讓讀都與圖像有了交流,增加了活力.第一課: 樣式的效果 之 視覺度與圖版率復習視覺度和圖版率已學習完畢下面看一些圖片復習一下.A總結左邊的圖片是視覺度增加,右邊是圖版率增加B總結左邊加入插圖,增強視覺度,用插圖做背景,積極溝通.中間是原圖,左圖在中間圖基礎上加工右邊只展示了產品,不用人物,適合重視汽車的性能和車型的人C總結左邊的圖片視覺度高右邊的