平面構(gòu)成設(shè)計(jì)課件

第1章平面構(gòu)成設(shè)計(jì)

教學(xué)目標(biāo)：網(wǎng)頁(yè)設(shè)計(jì)不只是軟件編程，其界面設(shè)計(jì)是人機(jī)交互范疇的一個(gè)重要內(nèi)容，是一個(gè)關(guān)乎數(shù)字圖形界面藝術(shù)設(shè)計(jì)的問(wèn)題。學(xué)習(xí)界面設(shè)計(jì)要從平面構(gòu)成學(xué)習(xí)起，掌握根本的構(gòu)成規(guī)律。通過(guò)對(duì)本章的學(xué)習(xí)，學(xué)員能應(yīng)用平面構(gòu)成規(guī)律來(lái)設(shè)計(jì)一個(gè)好的網(wǎng)頁(yè)界面布局。教學(xué)要求:掌握點(diǎn)、線、面的平面造型規(guī)律；掌握穩(wěn)定性、秩序性、律動(dòng)性、統(tǒng)一和變化；掌握重復(fù)、漸變、比照、發(fā)散、特異。7/16/202311.1平面構(gòu)成設(shè)計(jì)概述

網(wǎng)頁(yè)的界面設(shè)計(jì)的好壞直接影響視覺(jué)效果，界面設(shè)計(jì)涉及平面構(gòu)成和色彩搭配。本節(jié)介紹網(wǎng)頁(yè)界面的平面設(shè)計(jì)根底，包括構(gòu)成的根本要素，形態(tài)美的法那么和邏輯構(gòu)成規(guī)律。1.1.1形的根本要素1.點(diǎn)的構(gòu)成點(diǎn)即相對(duì)較小而集中的形。點(diǎn)有集中視線，緊縮空間，引起注意的功能。在造型活動(dòng)中，點(diǎn)常用來(lái)表現(xiàn)強(qiáng)調(diào)和節(jié)奏。

7/16/202322.線的構(gòu)成線即相對(duì)細(xì)長(zhǎng)的形。線有位置、長(zhǎng)度和方向，線有各種形狀并各具特點(diǎn)。從造型意義上看，線是最富個(gè)性和活力的要素。在平面造型中，線被廣泛地用于表現(xiàn)形體結(jié)構(gòu)，不同線型自身的變化，以及線的多種組織方法，賦予作品多樣化的藝術(shù)風(fēng)格。3.面的構(gòu)成面表現(xiàn)為二次元的形。面在平面構(gòu)成中具有舉足輕重的地位。點(diǎn)與線的擴(kuò)張或組織排列都會(huì)導(dǎo)致面的產(chǎn)生。現(xiàn)實(shí)中，一般概念為“點(diǎn)〞的雨滴，飄落地上會(huì)聚集成“面〞。地面上的草呈線型特征，遠(yuǎn)望去卻有面的觀感。7/16/202331.1.2形態(tài)美的準(zhǔn)那么與邏輯構(gòu)成1.形態(tài)美的準(zhǔn)那么1)穩(wěn)定性2)秩序性3)律動(dòng)性4)統(tǒng)一與變化形式美與人類文明的開(kāi)展與物質(zhì)生產(chǎn)技術(shù)進(jìn)化程序密切相關(guān)?？梢哉f(shuō)，形式美是一定歷史時(shí)期的“沉淀物〞。這沉淀過(guò)程，包括感性向理性，必然向自由的開(kāi)展。因此，形式美不是一成不變的法那么。

7/16/202342.邏輯構(gòu)成的形式邏輯構(gòu)成，就是經(jīng)過(guò)對(duì)構(gòu)成的根本要素加以理性分析，然后依一定的數(shù)學(xué)、邏輯原那么排列、組合，創(chuàng)造新的構(gòu)成形式。邏輯構(gòu)成的規(guī)律性，包括重復(fù)、近似、漸變、發(fā)散、特異等。

1.1.3本章案例簡(jiǎn)介本章中通過(guò)2個(gè)案例，來(lái)講解網(wǎng)頁(yè)的平面構(gòu)成設(shè)計(jì)的方法及技巧?！案驹赜?xùn)練〞講解一個(gè)學(xué)校網(wǎng)站主頁(yè)的設(shè)計(jì)案例，分析了運(yùn)用構(gòu)圖根本元素表達(dá)畫(huà)面的制作技巧；“電影網(wǎng)站首頁(yè)〞案例主要講解的是運(yùn)用形態(tài)美的準(zhǔn)那么和邏輯構(gòu)成表達(dá)畫(huà)面的制作技巧。7/16/20235本節(jié)知識(shí)點(diǎn):點(diǎn)線面是平面構(gòu)成的最根本元素,具有不同的視覺(jué)特征，點(diǎn)線面的應(yīng)用及相互間組合能在畫(huà)面產(chǎn)生不同的藝術(shù)效果。在設(shè)計(jì)中應(yīng)注意畫(huà)面元素的取舍和加強(qiáng)。7/16/202381.3實(shí)訓(xùn)二:圖形形式的創(chuàng)造-電影網(wǎng)站首頁(yè)

案例說(shuō)明：本節(jié)為電影網(wǎng)站首頁(yè)設(shè)計(jì)案例。電影網(wǎng)站首頁(yè)包含標(biāo)志、網(wǎng)站橫幅、導(dǎo)航、目錄和正文局部。在效果圖設(shè)計(jì)中充分運(yùn)用形態(tài)美準(zhǔn)那么和構(gòu)成規(guī)律，力求畫(huà)面諧調(diào)，突出主題，個(gè)性鮮明。效果圖如下:

7/16/20239提示：網(wǎng)站橫幅選用能代表電影行業(yè)的圖片進(jìn)行合成處理。主色調(diào)選用藍(lán)色和灰色。各局部的位置和大小要注意主次和視覺(jué)效果。圖層的各種混合模式能產(chǎn)生不同的藝術(shù)效果。

知識(shí)拓展:〔1〕非對(duì)稱平衡構(gòu)圖〔2〕秩序〔3〕節(jié)奏〔4〕統(tǒng)一與變化〔5〕重復(fù)〔6〕漸變〔7〕比照〔8〕發(fā)散〔9〕特異

7/16/202310本節(jié)知識(shí)點(diǎn):在網(wǎng)頁(yè)設(shè)計(jì)中要能靈活運(yùn)用形態(tài)美的準(zhǔn)那么和邏輯構(gòu)成規(guī)律來(lái)表現(xiàn)主題和布局。畫(huà)面的穩(wěn)定性、秩序性、律動(dòng)性、統(tǒng)一與變化都屬于形態(tài)美的準(zhǔn)那么，可以通過(guò)對(duì)網(wǎng)頁(yè)中某一元素的重復(fù)、近似、漸變、發(fā)散和特異來(lái)實(shí)現(xiàn)。具體的設(shè)計(jì)手法不必拘泥一格。7/16/2023111.4本章小結(jié)本章主要介紹網(wǎng)頁(yè)界面的設(shè)計(jì)根底，包括構(gòu)成的根本要素，形態(tài)美的法那么和邏輯構(gòu)成規(guī)律。根本要素主要介紹點(diǎn)線面，形態(tài)美的法那么主要介紹畫(huà)面的穩(wěn)定性、秩序性、律動(dòng)性、統(tǒng)一和變化，邏輯構(gòu)成規(guī)律主要介紹重復(fù)、漸變、比照、發(fā)散、特異。舉了兩個(gè)典型的案例。讀者只要稍加練習(xí)，仔細(xì)加以體會(huì)，就能在網(wǎng)頁(yè)設(shè)計(jì)中恰當(dāng)運(yùn)用平面構(gòu)成知識(shí)，提高設(shè)計(jì)水準(zhǔn)。7/16/2023121.5習(xí)題1.選擇：〔1〕下面哪個(gè)特性不是直線所具有的？〔〕A.速度感B.緊張感C.女性感D.男性感〔2〕以下哪種直線具有平穩(wěn)、安定、廣闊、無(wú)限的特〔〕A.斜線B.水平線C.垂直線D.三種都有〔3〕具有強(qiáng)烈的上升與下落趨勢(shì)特性的直線是〔〕A.斜線B.水平線C.垂直線D.三種都有〔4〕下面哪個(gè)不屬于幾何形？〔〕A.圓形B.梨形C.四邊形D.三角形7/16/202313〔5〕下面哪個(gè)形狀最具有穩(wěn)定性〔〕A.正三角形B.圓形C.四邊形D.倒三角形〔6〕漸變是一種變化運(yùn)動(dòng)的規(guī)律,可分為〔〕A.大小漸變B.方向漸變C.虛實(shí)漸變D.三種都有〔7〕粗細(xì)、長(zhǎng)短、方向、黑白、方圓、曲直、規(guī)那么與不規(guī)那么等在畫(huà)面上能產(chǎn)生什么效果〔〕A.比照B.重復(fù)C.節(jié)奏D.秩序〔8〕通過(guò)以下哪種形式可以在畫(huà)面建立秩序感〔〕A.比例B.節(jié)奏C.比照D.三種都有7/16/2023142.填空〔1〕平面構(gòu)成的根本要素有______、______和______。〔2〕點(diǎn)在空間位置的變化會(huì)引起畫(huà)面______的變化。〔3〕點(diǎn)的有序運(yùn)動(dòng)產(chǎn)生______。〔4〕曲線使人感到優(yōu)美、輕快、柔和，富于旋律感。曲線可分為_(kāi)_____和______?！?〕線在空間的運(yùn)動(dòng)產(chǎn)生______?！?〕形態(tài)美的準(zhǔn)那么包含______、______、______和_____?！?〕平衡的形式可分為_(kāi)_____和______?！?〕邏輯構(gòu)成的重復(fù)可分為_(kāi)_____的重復(fù)和______的重復(fù)。7/16/2023153.實(shí)踐題〔1〕運(yùn)用點(diǎn)的位置變化設(shè)計(jì)個(gè)人網(wǎng)站主頁(yè)?！?〕直線給人速度感、緊張感，明確而銳利。從心理和生理角度看，直線具男性特征。運(yùn)用直線構(gòu)圖設(shè)計(jì)男式服裝網(wǎng)站主頁(yè)。〔3〕曲線使人感到優(yōu)美、輕快、柔和，富于旋律感。從生理和心理角度看，曲線有女性感。運(yùn)用曲線構(gòu)圖設(shè)計(jì)護(hù)膚品網(wǎng)站主頁(yè)?！?〕圓形有飽滿的視覺(jué)效果，具有圓弧因素的形，具有運(yùn)動(dòng)、和諧、柔美的觀感。運(yùn)用圓形構(gòu)圖設(shè)計(jì)音樂(lè)網(wǎng)站主頁(yè)。7/16/202316〔5