版式設(shè)計一課件

1、網(wǎng)頁設(shè)計中的版式與配色（第一章）主講：薛麗婭第一章形態(tài)的基礎(chǔ)理論平面構(gòu)成的概念 構(gòu)成的概念形成于1913-1917年，是現(xiàn)代藝術(shù)興起的流派之一，講求的是形態(tài)間的組合關(guān)系，即藝術(shù)家主觀性的考察宏觀和微觀世界，探求各事物間的組合關(guān)系及組合規(guī)律，然后再按照自己的理解直觀抽象地表現(xiàn)客觀世界。 平面構(gòu)成是藝術(shù)構(gòu)成的一部分，也是學(xué)習(xí)設(shè)計的基礎(chǔ)，主要研究的是視覺形象在平面上的組合形式，即通過理解平面設(shè)計中的基本形態(tài)要素：點(diǎn)、線、面，各自特性及相互間的關(guān)系，依照美的形式法則再創(chuàng)造新的形象及新的組合秩序，形成既來源于生活又高于客觀情境的新的視覺映象，從而達(dá)到設(shè)計的要求。 2平面造型的特點(diǎn) 平面構(gòu)成的造型特點(diǎn)是把

2、現(xiàn)實(shí)中三度體（高寬深）世界的物像以二度體（高和寬）的方式傳達(dá)的視覺語言，它有以下幾個特點(diǎn)： a.它是形象的高度概括。 b.具有抽象性。 c.由感性直覺作為基本參考元素，并通過理性思考和主觀意識而進(jìn)行的藝術(shù)創(chuàng)造。 d.平面構(gòu)成通過視覺語言的創(chuàng)造作用于人的心理和生理狀態(tài)3第一節(jié)形態(tài)的概念 在平構(gòu)設(shè)計中的視覺形態(tài)可分為三類：1.具象形態(tài)（現(xiàn)實(shí)形態(tài)）。 具象形態(tài)指生活中的自然形，如山川、動物、植物等。42.抽象形態(tài) 抽象形指幾何概念上的形，按大小、長短、曲直等分為方形、圓形、角形、不規(guī)則形等。5第二節(jié)形態(tài)的知覺與心理視覺與心理視覺心理源于現(xiàn)實(shí)的經(jīng)驗(yàn)。視覺，在平面設(shè)計中，指不同的形態(tài)作用于人的心理直覺。

3、從形態(tài)上圓，活潑、跳躍7活潑、跳躍、靈動的圓型在網(wǎng)頁設(shè)計中的應(yīng)用8莊重、穩(wěn)定、剛直、大氣的矩形在設(shè)計中的應(yīng)用10尖銳、沖突、具有不安定和速度感的三角型多用于科技感強(qiáng)烈的設(shè)計題材中11曲線：柔美，流暢，動感。自然形：自然，親切，隨和，生動，野性12自然，親切，隨和，生動的自然形14作業(yè)要求： 1、制作黑白位圖裝飾畫，Photoshop創(chuàng)建800800像素的圖片。 2、利用我們剛才學(xué)到的對于型態(tài)的認(rèn)識與理解，創(chuàng)作一組簡單的型態(tài)組合裝飾圖，但要圍繞活潑和具有運(yùn)動感這一主題。 3、型態(tài)種類不能少于兩種。上機(jī)任務(wù)151、色彩的心理聯(lián)想2、色彩表示的意義3、色彩運(yùn)用的效果 當(dāng)我們看到不同的顏色時，心理會受

4、到不同顏色的影響而發(fā)生變化、而產(chǎn)生一些聯(lián)想。不同的色彩又可以表達(dá)了不同的含義。不同的色彩運(yùn)用又會得到不同的效果第一節(jié)色彩的分析17心理聯(lián)想：興奮、熱烈、激情、喜慶、高貴、緊張、奮進(jìn)、辟邪、危險表示的意義：自由、血、火、勝利運(yùn)用的效果：刺激、興奮、強(qiáng)烈煽動效果心理聯(lián)想：愉快、激情、活躍、熱情、精神、活潑、甜美表示的意義：陽光、火、美食運(yùn)用的效果：活潑、愉快、有朝氣18心理聯(lián)想：光明、希望、愉悅、陽光、明朗、動感、歡快表示的意義：陽光、黃金、收獲運(yùn)用的效果：華麗、富麗堂皇心理聯(lián)想：舒適、和平、新鮮、青春、希望、安寧、溫和表示的意義：和平、春天、青年運(yùn)用的效果：友善、舒適19心理聯(lián)想：寧靜、悠遠(yuǎn)、寒

5、冷表示的意義：希望、寧靜、悠遠(yuǎn)、寒冷運(yùn)用的效果：希望、寧靜、寒冷心理聯(lián)想：清爽、開朗、理智、沉靜、深遠(yuǎn)、傷感、寂靜表示的意義：天空、海洋、信念運(yùn)用的效果：冷靜、智慧、開闊20心理聯(lián)想：高貴、神秘、豪華、思念、悲哀、溫柔、女性表示的意義：懺悔、女性運(yùn)用的效果：神秘感、女性化心理聯(lián)想：深沉、莊重、成熟、穩(wěn)定、堅定、壓抑、悲觀表示的意義：夜、高雅、死亡運(yùn)用的效果：氣魄、高貴、男性化21心理聯(lián)想：潔凈、明朗、清晰、透明、純真、虛無、簡潔表示的意義：貞潔、光明運(yùn)用的效果：純潔、清爽心理聯(lián)想：沉著、平易、曖昧、內(nèi)向、消極、失望、抑郁表示的意義：質(zhì)樸、陰天運(yùn)用的效果：普通、平易22特色鮮明24搭配合理25實(shí)

6、例尋找色彩搭配色相環(huán)27 沒有一種單一的設(shè)計元素會比顏色效果更能夠吸引人。顏色能夠吸引人的注意力，表達(dá)一種情緒，并傳達(dá)一種潛在的信息。那么什么樣的顏色搭配才是最適合的呢？關(guān)鍵是顏色之間的關(guān)系。因?yàn)樯士偛皇菓{空存在的，它總是和周圍其它顏色一起出現(xiàn)，并相互作用。 毫無聯(lián)系的配色對于初學(xué)者來說比較難掌握，那么，什么是有聯(lián)系的配色呢？最常用的方法就是利用PS里的馬賽克來尋找基色。28確定基色之后，我們便可以通過色彩搭配的一些定式來找尋色彩搭配。1.單色：沒有色相的變化，通過明暗對比產(chǎn)生顏色搭配。這是最常用，也是效果非常好的一種配色方案。292.近似色：一種色相環(huán)上的顏色任意兩邊的顏色都是近似色。這樣

7、搭配可以產(chǎn)生一種漂亮的、低對比的和諧效果。303. 補(bǔ)色：色相環(huán)的對立面。補(bǔ)色有很強(qiáng)的對比效果。兩種互為補(bǔ)色的顏色應(yīng)用在一起，可以傳達(dá)一種活力、興奮的效果。314.分裂補(bǔ)色：基色對面是其補(bǔ)色，而補(bǔ)色的鄰近色我們一般稱之為分裂補(bǔ)色。這種搭配會讓畫面很生動，但是一定要注意使用的比例。32網(wǎng)頁配色中的忌諱1、控制顏色的數(shù)量：不要將所有顏色都用到，盡量控制在三種色彩以內(nèi)。2、背景和前文的對比盡量要大：以便突出主要文字內(nèi)容，背景色一般采用素淡清雅的顏色。(絕對不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。3、保持網(wǎng)站所有頁面色彩風(fēng)格一致，盡量避免同一主題網(wǎng)站使用若干種不相干的配色。33練習(xí)作業(yè) 作

8、業(yè)要求： 1、根據(jù)所給素材圖片，制作簡單的書籍封面或插圖。 2、利用我們剛才學(xué)到的對于型態(tài)和色彩的認(rèn)識和理解，選擇單色配色或者基色及其鄰近色搭配，并且要求整體色調(diào)統(tǒng)一。 3、色彩不能少于兩種，合理的添加文字標(biāo)題，說明等。34第三章版式設(shè)計（一）視覺度的基本概念 相對于文字，圖像的要素（插圖、照片等）產(chǎn)生的視覺的強(qiáng)度叫做視覺度。 外觀和影響力越強(qiáng)烈，視覺度就越高。明快的插圖給人最強(qiáng)烈的印象，視覺度就高，一般來說，照片的視覺度比插圖低，特別是云海類的風(fēng)景照片，視覺度就更低。35視覺度的比較AB36AB37AB38AB39AB40要素AB 空白量（版面率） 照片類型（視覺度）性格多少低高格調(diào)高、高級活力、低廉41視覺度高的畫面，充滿活力。42視覺度高的畫面，視覺沖擊力強(qiáng)。43視覺度低的畫面，高雅，體現(xiàn)品位。44視覺度低的畫面，高雅，體現(xiàn)品位。45視覺度適中的畫面，活潑也不失檔次與品位。46視覺度高的畫面，視覺沖擊力強(qiáng)。視覺度低的畫面，高雅，體現(xiàn)品位。47練習(xí)作業(yè) 作業(yè)要求： 1、在所給素材圖片中選擇