版面設(shè)計(jì)基礎(chǔ)第一課課件

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

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

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

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

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

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

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