網(wǎng)頁設(shè)計第一章

傳智播客

高級平面網(wǎng)頁設(shè)計人才培訓(xùn)專家!網(wǎng)頁設(shè)計中的版式與配色（第一章）主講：李晨郵箱：kiorylee@第一章——形態(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)要素：點、線、面，各自特性及相互間的關(guān)系，依照美的形式法則再創(chuàng)造新的形象及新的組合秩序，形成既來源于生活又高于客觀情境的新的視覺映象，從而達(dá)到設(shè)計的要求。

平面造型的特點

平面構(gòu)成的造型特點是把現(xiàn)實中三度體（高寬深）世界的物像以二度體（高和寬）的方式傳達(dá)的視覺語言，它有以下幾個特點：

a.它是形象的高度概括。

b.具有抽象性。

c.由感性直覺作為基本參考元素，并通過理性思考和主觀意識而進行的藝術(shù)創(chuàng)造。

d.平面構(gòu)成通過視覺語言的創(chuàng)造作用于人的心理和生理狀態(tài)第一節(jié)——形態(tài)的概念在平構(gòu)設(shè)計中的視覺形態(tài)可分為三類：◆1.具象形態(tài)（現(xiàn)實形態(tài)）。

具象形態(tài)指生活中的自然形，如山川、動物、植物等。◆2.抽象形態(tài)抽象形指幾何概念上的形，按大小、長短、曲直等分為方形、圓形、角形、不規(guī)則形等。6◆3.設(shè)計形態(tài)具備多元性.現(xiàn)實形態(tài)和抽象形態(tài)集結(jié)設(shè)計理念的加入形式法則的運用作用于內(nèi)容和實際應(yīng)用第二節(jié)——形態(tài)的知覺與心理◆視覺與心理視覺心理源于現(xiàn)實的經(jīng)驗。視覺，在平面設(shè)計中，指不同的形態(tài)作用于人的心理直覺。

從形態(tài)上——圓，活潑、跳躍活潑、跳躍、靈動的圓型在網(wǎng)頁設(shè)計中的應(yīng)用方，莊重、穩(wěn)定、剛直角，尖銳、沖突。莊重、穩(wěn)定、剛直、大氣的矩形在設(shè)計中的應(yīng)用尖銳、沖突、具有不安定和速度感的三角型多用于科技感強烈的設(shè)計題材中曲線：柔美，流暢，動感。自然形：自然，親切，隨和，生動柔美，流暢，動感的曲線自然，親切，隨和，生動的自然形練習(xí)作業(yè)

作業(yè)要求：1、制作黑白位圖裝飾畫，Photoshop創(chuàng)建800×800像素的圖片。2、利用我們剛才學(xué)到的對于型態(tài)的認(rèn)識與理解，、創(chuàng)作一組簡單的型態(tài)組合裝飾圖，但要圍繞活潑和具有運動感這一主題。3、型態(tài)種類不能少于兩種。第二章——色彩的基礎(chǔ)理論色彩的基本概念

色彩是由光的刺激而產(chǎn)生的一種視覺效應(yīng)。光是產(chǎn)生色的原因，色是光感覺的結(jié)果。顏色分無彩色和有彩色兩大類。無彩色是指黑，白，灰系統(tǒng)色。有彩色是指除了非彩色以外的所有色彩，如，紅、綠藍(lán)等。

三原色——顯示器中一切顏色都來自三原色：紅、綠、藍(lán)[RGB]，其它的色彩都可以用這三種色彩調(diào)和而成。色彩的三要素[1]、色相：色相是指色彩的相貌,是區(qū)別色彩種類的名稱。[2]、飽和度也稱為純度：是指色彩的純凈程度。[3]、亮度：指色彩的明暗程度。第一節(jié)——色彩的分析1、色彩的心理聯(lián)想2、色彩表示的意義3、色彩運用的效果當(dāng)我們看到不同的顏色時，心理會受到不同顏色的影響而發(fā)生變化而產(chǎn)生一些聯(lián)想。不同的色彩又可以表達(dá)了不同的含義。不同的色彩運用又會得到不同的效果心理聯(lián)想：興奮、熱烈、激情、喜慶、高貴、緊張、奮進、辟邪、危險表示的意義：自由、血、火、勝利運用的效果：刺激、興奮、強烈煽動效果心理聯(lián)想：愉快、激情、活躍、熱情、精神、活潑、甜美表示的意義：陽光、火、美食運用的效果：活潑、愉快、有朝氣心理聯(lián)想：光明、希望、愉悅、陽光、明朗、動感、歡快表示的意義：陽光、黃金、收獲運用的效果：華麗、富麗堂皇心理聯(lián)想：舒適、和平、新鮮、青春、希望、安寧、溫和表示的意義：和平、春天、青年運用的效果：友善、舒適心理聯(lián)想：寧靜、悠遠(yuǎn)、寒冷表示的意義：希望、寧靜、悠遠(yuǎn)、寒冷運用的效果：希望、寧靜、寒冷心理聯(lián)想：清爽、開朗、理智、沉靜、深遠(yuǎn)、傷感、寂靜表示的意義：天空、海洋、信念運用的效果：冷靜、智慧、開闊心理聯(lián)想：高貴、神秘、豪華、思念、悲哀、溫柔、女性表示的意義：懺悔、女性運用的效果：神秘感、女性化心理聯(lián)想：深沉、莊重、成熟、穩(wěn)定、堅定、壓抑、悲觀表示的意義：夜、高雅、死亡運用的效果：氣魄、高貴、男性化心理聯(lián)想：潔凈、明朗、清晰、透明、純真、虛無、簡潔表示的意義：貞潔、光明運用的效果：純潔、清爽心理聯(lián)想：沉著、平易、曖昧、內(nèi)向、消極、失望、抑郁表示的意義：質(zhì)樸、陰天運用的效果：普通、平易第二節(jié)——網(wǎng)色設(shè)計中的配色原則[1]、特色鮮明：一個網(wǎng)站的用色必須要有自己的獨特風(fēng)格，這樣才能顯得個性鮮明，給瀏覽者留下深刻的印象。[2]、搭配合理：網(wǎng)頁設(shè)計雖然屬于平面設(shè)計的范疇，但它又與其他平面設(shè)計不同，它在遵從藝術(shù)規(guī)律的同時，還要考慮人的生理特點，色彩搭配一定要合理，給人一種和諧、愉快的感覺，避免采用純度很高的單一色彩，這樣容易造成視覺疲勞。[3]、講究藝術(shù)性：網(wǎng)站設(shè)計也是一種藝術(shù)活動，因此它必須遵循藝術(shù)規(guī)律，在考慮到網(wǎng)站本身的特點同時，按照內(nèi)容決定形式的原則，大膽進行藝術(shù)創(chuàng)新，設(shè)計出既符合網(wǎng)站要求，又有一定藝術(shù)特色的網(wǎng)站特色鮮明搭配合理藝術(shù)性實例——尋找色彩搭配色相環(huán)沒有一種單一的設(shè)計元素會比顏色效果更能夠吸引人。顏色能夠吸引人的注意力，表達(dá)一種情緒，并傳達(dá)一種潛在的信息。那么什么樣的顏色搭配才是最適合的呢？關(guān)鍵是顏色之間的關(guān)系。因為色彩總不是憑空存在的，它總是和周圍其它顏色一起出現(xiàn)，并相互作用。毫無聯(lián)系的配色對于初學(xué)者來說比較難掌握，那么，什么是有聯(lián)系的配色呢？最常用的方法就是利用PS里的馬賽克來尋找基色。確定基色之后，我們便可以通過色彩搭配的一些定式來找尋色彩搭配。1.單色：沒有色相的變化，通過明暗對比產(chǎn)生顏色搭配。這是最常用，也是效果非常好的一種配色方案。2.近似色：一種色相環(huán)上的顏色任意兩邊的顏色都是近似色。這樣搭配可以產(chǎn)生一種漂亮的、低對比的和諧效果。3.對比色（又稱補色）：色相環(huán)的對立面。補色有很強的對比效果。兩種互為補色的顏色應(yīng)用在一起，可以傳達(dá)一種活力、興奮的效果。4.分裂補色：基色對面是其補色，而補色的鄰近色我們一般稱之為分裂補色。這種搭配會讓畫面很生動，但是一定要注意使用的比例。網(wǎng)頁配色中的忌諱[1]、控制顏色的數(shù)量：不要將所有顏色都用到，盡量控制在三種色彩以內(nèi)。[2]、背景和前文的對比盡量要大：以便突出主要文字內(nèi)容，背景色一般采用素淡清雅的顏色。(絕對不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。[3]、保持網(wǎng)站所有頁面色彩風(fēng)格一致，盡量避免同一主題網(wǎng)站使用若干種不相干的配色。AnimalWorldWorldWildlifeGuideWorldSmallAnimalVeterinaryAssociation練習(xí)作業(yè)

作業(yè)要求：1、根據(jù)所給素材圖片，制作簡單的書籍封面或插圖。2、利用我們剛才學(xué)到的對于型態(tài)和色彩的認(rèn)識和理解，選擇單色配色或者基色及其鄰近色搭配，并且要求整體色調(diào)統(tǒng)一。3、色彩不能少于兩種，合理的添加文字標(biāo)題，說明等。傳智播客

第