平面設(shè)計(jì)專題：版式設(shè)計(jì)基礎(chǔ)知識(shí)

1、亨特來PPT課件工作室,,,,,,04 版式設(shè)計(jì)的基本步驟,01 版式設(shè)計(jì)的基本概念,02 版式設(shè)計(jì)的基本原則,03 版式設(shè)計(jì)的基本類型,1.1 版式設(shè)計(jì)的定義,包裝設(shè)計(jì),版式設(shè)計(jì)：又稱為版面設(shè)計(jì)、編排設(shè)計(jì)，它是按照一定的視覺表達(dá)內(nèi)容的需要和審美的規(guī)律，結(jié)合各種平面設(shè)計(jì)的具體特點(diǎn)運(yùn)用各種視覺要素，將各種文字、圖形及其他視覺形象元素加以組合編排，進(jìn)行表現(xiàn)的一種視覺傳達(dá)的設(shè)計(jì)方法。它涉及到報(bào)紙、刊物、書籍（畫冊(cè)）、產(chǎn)

2、品樣本、掛歷、招貼畫、唱片封套和網(wǎng)頁(yè)頁(yè)面等平面設(shè)計(jì)各個(gè)領(lǐng)域。版式設(shè)計(jì)是設(shè)計(jì)專業(yè)的必修課程，也是基礎(chǔ)課程，是現(xiàn)代設(shè)計(jì)家必須具有的藝術(shù)修養(yǎng)和技術(shù)知識(shí)。,1.2 版式設(shè)計(jì)三大視覺要素 (1)文字：主題內(nèi)容(標(biāo)題、正文、注解等)離不開文字，通過文字獲得主要信息。設(shè)計(jì)者需掌握中外字體的一般常識(shí)，不同的字體給人的心理感受不一樣，美的字體能使讀者感到愉悅,幫助閱讀和理解。 (2)圖形和圖像：圖片在版面設(shè)計(jì)中，占有很大的比

3、重，視覺沖擊力比文字強(qiáng)85%。但這并非語言或文字表現(xiàn)力減弱了，而是說圖片在視覺傳達(dá)上能輔助文字，幫助理解，更可以使版面立體、真實(shí)。,1.2 版式設(shè)計(jì)三大視覺要素,文字版中加入圖形圖片立即引起視覺流程的變化圖形的形式、大小、數(shù)量——影響讀者注意力主題借助圖形、圖片來增強(qiáng)文字說服力，提高閱讀興趣。,1.2 版式設(shè)計(jì)三大視覺要素,(3)色彩：色彩較之圖文對(duì)人的心理影響更為直接，具有更感性的識(shí)別性能?，F(xiàn)代商業(yè)設(shè)計(jì)對(duì)色彩的應(yīng)用更上升至“色彩行銷

4、”的策略，成為商品促銷、品牌塑造的重要手段。,1.2 版式設(shè)計(jì)三大視覺要素,,04 版式設(shè)計(jì)的基本步驟,01 版式設(shè)計(jì)的基本概念,02 版式設(shè)計(jì)的基本原則,03 版式設(shè)計(jì)的基本類型,2.1 基本原則——主題與導(dǎo)讀,鮮明主題的誘導(dǎo)力：目的：清晰的條理性，最佳形式感，最佳訴求效果。價(jià)值：吸引注意力，易解。,2.2 基本原則——形式與內(nèi)容統(tǒng)一,前提：形式符合主題思想內(nèi)容。 常見現(xiàn)象：形式脫離內(nèi)容，缺乏藝術(shù)表現(xiàn)，空洞

5、和刻板。,2.3 基本原則——強(qiáng)化整體布局,圖與圖、圖與文在編排結(jié)構(gòu)及色彩上做整體設(shè)計(jì)。 獲得整體性的方法： 　 (1)加強(qiáng)整體的結(jié)構(gòu)組織方向視覺秩序，如水平結(jié)構(gòu)、垂直結(jié)構(gòu)、傾斜結(jié)構(gòu)、曲線結(jié)構(gòu)等。 (2)加強(qiáng)文案的集合性，將文案中多種信息組合成塊狀，增強(qiáng)版面文字的條理性和清晰的導(dǎo)讀性。 (3)加強(qiáng)展開頁(yè)的整體設(shè)計(jì)。無論是連頁(yè)、跨頁(yè)、折頁(yè)，或是展開頁(yè)的設(shè)計(jì)，均為同一視線下展示的版面，因此加強(qiáng)整體性

6、可以獲得更加良好的視覺效果。,2.4 基本原則——技術(shù)與藝術(shù)的統(tǒng)一,,設(shè)計(jì)者應(yīng)結(jié)合現(xiàn)代各種工藝，進(jìn)行作品的創(chuàng)作，否則設(shè)計(jì)作品將會(huì)在現(xiàn)行技術(shù)下無法實(shí)施。,,技術(shù)與藝術(shù)的統(tǒng)一,,04 版式設(shè)計(jì)的基本步驟,01 版式設(shè)計(jì)的基本概念,02 版式設(shè)計(jì)的基本原則,03 版式設(shè)計(jì)的基本類型,3.1 版面設(shè)計(jì)的編排形式法則,3.1.1 單純與秩序 也就是基本形的簡(jiǎn)練和編排結(jié)構(gòu)的簡(jiǎn)明、單純。運(yùn)用理性和邏輯思維，對(duì)圖文

7、資料進(jìn)行大膽取舍，創(chuàng)建清晰的形式感。單純化可使版面獲得完整、秩序、明了感和良好的視覺效果；反之，則雜亂不堪，造成視覺傳達(dá)的障礙。3.1.2 對(duì)比與調(diào)和 對(duì)比，是將相同或相異的視覺元素作強(qiáng)弱對(duì)照編排所運(yùn)用的形式手法。簡(jiǎn)潔明快的對(duì)比關(guān)系是獲得強(qiáng)烈視覺效果的重要手段。 調(diào)和，是指內(nèi)容與形式的調(diào)和，版面各部位、各視覺元素之間尋求相互協(xié)調(diào)的因素，也是在對(duì)比的同時(shí)尋求調(diào)和。 對(duì)比強(qiáng)調(diào)差異，產(chǎn)生沖突；調(diào)和尋求共同

8、點(diǎn)，緩和矛盾。,3.1 版面設(shè)計(jì)的編排形式法則,3.1.3 對(duì)稱與均衡 對(duì)稱與均衡是一對(duì)統(tǒng)一體，常表現(xiàn)為既對(duì)稱又均衡，實(shí)質(zhì)上都是求取視覺心理上的靜止和穩(wěn)定感。關(guān)于對(duì)稱與均衡可以從兩方面來分析，即：對(duì)稱均衡與非對(duì)稱均衡。,,絕對(duì)對(duì)稱均衡給人莊重、嚴(yán)肅之感，是高格調(diào)的表現(xiàn)，是古典主義版面設(shè)計(jì)風(fēng)格的表現(xiàn)，但處理不好容易單調(diào)、呆板。,,絕對(duì)對(duì)稱均衡,3.1 版面設(shè)計(jì)的編排形式法則,3.1.3 對(duì)稱與均衡 對(duì)稱與均衡是

9、一對(duì)統(tǒng)一體，常表現(xiàn)為既對(duì)稱又均衡，實(shí)質(zhì)上都是求取視覺心理上的靜止和穩(wěn)定感。關(guān)于對(duì)稱與均衡可以從兩方面來分析，即：對(duì)稱均衡與非對(duì)稱均衡。,,上下或左右基本相等而略有變化，又稱相對(duì)對(duì)稱均衡。,相對(duì)對(duì)稱均衡,,3.1 版面設(shè)計(jì)的編排形式法則,3.1.3 對(duì)稱與均衡 對(duì)稱與均衡是一對(duì)統(tǒng)一體，常表現(xiàn)為既對(duì)稱又均衡，實(shí)質(zhì)上都是求取視覺心理上的靜止和穩(wěn)定感。關(guān)于對(duì)稱與均衡可以從兩方面來分析，即：對(duì)稱均衡與非對(duì)稱均衡。,,非對(duì)稱均衡是指版

10、面中等量不等形，而求取心理上“量”的均衡狀態(tài)。非對(duì)稱均衡比對(duì)稱均衡更靈活生動(dòng)，富于變化，是較為流行的均衡手段，具有現(xiàn)代感的特征。,非對(duì)稱均衡,,3.1 版面設(shè)計(jì)的編排形式法則,3.1.4 節(jié)奏與韻律 所有的藝術(shù)都在不斷地向著音樂的境界努力?！薄譅柼?佩特 節(jié)奏與韻律來自音樂的概念，也是版式設(shè)計(jì)常用的形式。節(jié)奏是均勻的重復(fù)，是在不斷重復(fù)中產(chǎn)生頻率節(jié)奏的變化，節(jié)奏是延續(xù)輕快的感覺。如舒緩的小夜曲，又如激烈的搖滾

11、樂。無論圖形、文字或色彩等視覺要素，在組織上合乎某種規(guī)律時(shí)所給予視覺和心理上的節(jié)奏感覺，即是韻律。主要建立在以比例、輕重、緩急或反復(fù)、漸變?yōu)榛A(chǔ)的規(guī)律形式上。,3.1 版面設(shè)計(jì)的編排形式法則,3.1.4 節(jié)奏與韻律,畫面中的韻律感,3.1 版面設(shè)計(jì)的編排形式法則,3.1.5 虛實(shí)與留白 版面中的“虛”，可為空白，也可為細(xì)弱的文字、圖形或色彩，主要依具體版面而定。為了強(qiáng)調(diào)主體，可有意將其它部分削弱為虛，甚至以留白來襯托主體

12、的“實(shí)”，所以留白是版面“虛”處理中一種特殊的手法。版面中的虛實(shí)關(guān)系為以虛襯實(shí)，實(shí)由虛托。,3.2 版面設(shè)計(jì)的常見類型,3.2.1 上下分割型 整個(gè)版面分成上下兩部分，在上半部或下半部配置圖片（可以是單幅或多幅），另一部分則配置文字，安靜平穩(wěn)但稍顯呆板。因?yàn)閳D片部分感性而有活力，而文字則理性而靜止，多以圖片要選擇動(dòng)感活潑的，文字應(yīng)稍多些，從而調(diào)節(jié)版面效果。,,3.2 版面設(shè)計(jì)的常見類型,3.2.2 左右分割型

13、 整個(gè)版面分割為左右兩部分，分別配置文字和圖片。左右兩部分形成強(qiáng)弱對(duì)比時(shí)，造成視覺心理的不平衡。這僅是視覺習(xí)慣（左右對(duì)稱）上的問題，不如上下分割型的視覺流程自然如果將分割線虛化處理，或用文字左右重復(fù)穿插，左右圖與文會(huì)變得自然和諧。,3.2 版面設(shè)計(jì)的常見類型,3.2.2 左右分割型 由于視覺原因，圖片一般放置在左邊，右側(cè)配置小圖片或者文字。兩側(cè)明暗對(duì)比強(qiáng)烈效果會(huì)更好。,,3.2 版面設(shè)計(jì)的常見類型,3.2.3 傾斜

14、型 版面主體形象或多幅圖像作傾斜編排，造成版面強(qiáng)烈的動(dòng)感和不穩(wěn)定因素，產(chǎn)生動(dòng)感，引人注目。對(duì)于汽車或者較為呆板的產(chǎn)品宣傳，傾斜放置效果較生動(dòng)。,,3.2 版面設(shè)計(jì)的常見類型,3.2.4 中軸型,,3.2 版面設(shè)計(jì)的常見類型,將圖形作水平方向或垂直方向排列，文字配置在上下或左右。水平排列的版面，給人穩(wěn)定、安靜、平和與含蓄之感；垂直排列的版面，給人強(qiáng)烈的動(dòng)感。,3.2.5 三角型,3.2 版面設(shè)計(jì)的常見類型,3.2.6 滿

15、版型,,3.2 版面設(shè)計(jì)的常見類型,3.2.7 并置型,,04 版式設(shè)計(jì)的基本步驟,01 版式設(shè)計(jì)的基本概念,02 版式設(shè)計(jì)的基本原則,03 版式設(shè)計(jì)的基本類型,4.1 版面設(shè)計(jì)的基本步驟,1. 確定主題（需要傳達(dá)的信息）2. 尋找、收集用于表達(dá)信息的素材（含文字、圖形圖像）文字表達(dá)信息最直接、有效，應(yīng)該簡(jiǎn)潔、貼切應(yīng)該根據(jù)具體需要確定視覺元素的數(shù)量和色彩（黑白、彩色－色系）3. 確定版面視覺元素的布局（

16、類型）4. 使用圖形圖像處理軟件進(jìn)行制作,4.2 案例分析,,①,,錯(cuò)誤1：頁(yè)邊空白太少 裁切時(shí)稍有疏忽，文字就會(huì)被裁掉而影響閱讀。頁(yè)邊文字太多，看起來很不舒服。,修正方法：設(shè)定合適的頁(yè)邊距 擴(kuò)大頁(yè)面切口處的頁(yè)邊距，然后依據(jù)頁(yè)邊距調(diào)整文字的位置。,4.2 案例分析,,②,4.2 案例分析,,錯(cuò)誤2：不能不考慮訂口 訂口、文字與主要圖片中人物的手部發(fā)生重合如果是有折痕或有裝訂的宣傳樣本，這個(gè)部分的內(nèi)容就

17、會(huì)變得難看甚至看不到。,修正方法：不要把重要內(nèi)容放在訂口處 重新安排主要圖像的位置，避免訂口與重要內(nèi)容發(fā)生重合。在有中間折縫的印刷品中，需要考慮印刷品完成之后的效果，訂口處留有必要的空間,4.2 案例分析,③,4.2 案例分析,,錯(cuò)誤3：意圖不明確的布局 照片與人物介紹所安排的位置關(guān)系意圖不明確給人一種隨意處理或還未處理完的感覺。,修正方法：綜合同類性質(zhì)的要素 把性質(zhì)相近的同類要素盡量靠近安排，使它

18、們看上去是一組內(nèi)容。,4.2 案例分析,④,4.2 案例分析,,錯(cuò)誤4：不知道從哪里開始閱讀 Information這則補(bǔ)充信息的文字字號(hào)過大，看起來像是文章的標(biāo)題。如果想從這里吸引讀者，讀者則會(huì)迷惑，不知道怎樣來閱讀文章。,修正方法：按照文字字號(hào)的大小來控制內(nèi)容的先后順序 縮小并不十分重要的文字字號(hào)，將標(biāo)題設(shè)計(jì)成最顯眼的部分，使讀者能首先注意到這個(gè)部分。,4.2 案例分析,錯(cuò)誤被修正后，畫面看起來舒服很多,4.