（中職）Flash CS6動(dòng)畫(huà)制作（第2版）3.2教學(xué)課件（）

（中職）FlashCS6動(dòng)畫(huà)制作（第2版）3.2教學(xué)課件（工信版）項(xiàng)目三Flash網(wǎng)站設(shè)計(jì)與制作

任務(wù)2掌握Flash網(wǎng)站美工設(shè)計(jì)任務(wù)目標(biāo)12了解網(wǎng)頁(yè)平面構(gòu)成熟悉網(wǎng)頁(yè)色彩搭配3掌握網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格任務(wù)訓(xùn)練1

了解

Flash網(wǎng)頁(yè)平面構(gòu)成網(wǎng)頁(yè)以獨(dú)特的信息表達(dá)方式和強(qiáng)大的交互性，使網(wǎng)頁(yè)設(shè)計(jì)在平面構(gòu)成的創(chuàng)意上受到限制和挑戰(zhàn)。在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，運(yùn)用平面構(gòu)成原理和藝術(shù)表現(xiàn)形式相結(jié)合能夠使網(wǎng)頁(yè)效果更加豐富。任務(wù)訓(xùn)練1

了解

Flash網(wǎng)頁(yè)平面構(gòu)成（1）平面構(gòu)成的形式表現(xiàn)平面構(gòu)成的原理已經(jīng)廣泛適用于不同設(shè)計(jì)領(lǐng)域，在網(wǎng)頁(yè)設(shè)計(jì)中也不例外。分割構(gòu)成

自由分割比例分割任務(wù)訓(xùn)練1

了解

Flash網(wǎng)頁(yè)平面構(gòu)成（2）對(duì)稱構(gòu)成對(duì)稱通常分為上下、左右或者反射等幾種基本的對(duì)稱形式，但僅限于此不免單調(diào)乏味，所以在網(wǎng)頁(yè)設(shè)計(jì)時(shí)要在基本形式的基礎(chǔ)上添加靈活的運(yùn)用，才能達(dá)到意相不到的效果，以下是網(wǎng)頁(yè)中常用的幾種對(duì)稱形式。任務(wù)訓(xùn)練1

了解

Flash網(wǎng)頁(yè)平面構(gòu)成（2）對(duì)稱構(gòu)成左右對(duì)稱

中軸對(duì)稱回旋對(duì)稱任務(wù)訓(xùn)練1

了解

Flash網(wǎng)頁(yè)平面構(gòu)成（3）平衡構(gòu)成

在設(shè)計(jì)的時(shí)候，平衡是非常重要的考慮因素，通過(guò)平衡可以讓人們?cè)跒g覽網(wǎng)頁(yè)時(shí)產(chǎn)生視覺(jué)的滿足感。平衡構(gòu)成一般分為對(duì)稱平衡和非對(duì)稱平衡兩種。非對(duì)稱平衡對(duì)稱平衡任務(wù)訓(xùn)練1

了解

Flash網(wǎng)頁(yè)平面構(gòu)成2．平面構(gòu)成的紋理表現(xiàn)紋理是網(wǎng)頁(yè)中重要的視覺(jué)特征，其實(shí)還是來(lái)源于色彩。在網(wǎng)頁(yè)設(shè)計(jì)時(shí)，采用不同的紋理，搭配對(duì)應(yīng)的內(nèi)容，能夠給瀏覽者留下深刻的印象，尤其是紙質(zhì)、木紋等圖案，會(huì)更具真實(shí)感。發(fā)散和密集的構(gòu)成也可以增加網(wǎng)頁(yè)的空間感。任務(wù)訓(xùn)練1

了解

Flash網(wǎng)頁(yè)平面構(gòu)成肌理構(gòu)成密集構(gòu)成發(fā)散構(gòu)成任務(wù)訓(xùn)練1

了解

Flash網(wǎng)頁(yè)平面構(gòu)成3．平面構(gòu)成的藝術(shù)表現(xiàn)重復(fù)、漸變和空間構(gòu)成這些屬于色彩構(gòu)成的方式，也適用于網(wǎng)頁(yè)設(shè)計(jì)中。通過(guò)這些方式的運(yùn)用，可以使網(wǎng)頁(yè)具有豐滿、穩(wěn)重、整體的視覺(jué)感觀。任務(wù)訓(xùn)練1

了解

Flash網(wǎng)頁(yè)平面構(gòu)成重復(fù)構(gòu)成空間構(gòu)成漸變構(gòu)成任務(wù)訓(xùn)練2熟悉Flash網(wǎng)頁(yè)色彩搭配在構(gòu)思設(shè)計(jì)Flash網(wǎng)頁(yè)過(guò)程中可以模仿但不能千篇一律，在設(shè)計(jì)中要能夠看到新的創(chuàng)意與不同意境的表達(dá)，同樣的事物不同的人看到的和感受到的，以及想要表達(dá)的思路是不盡相同的，因此要激發(fā)創(chuàng)意思維，特別是空間想象思維是非常關(guān)鍵的。這就需要有較好的審美視覺(jué)，了解基本的配色原則。認(rèn)識(shí)色彩除了客觀方面還有主觀方面，色彩信息作用于人的視覺(jué)器官，通過(guò)視覺(jué)神經(jīng)傳入大腦后，與以往的記憶及經(jīng)驗(yàn)產(chǎn)生聯(lián)想，從而形成一系列的色彩心理反應(yīng)。下面是幾種Flash網(wǎng)頁(yè)的配色：任務(wù)訓(xùn)練2熟悉Flash網(wǎng)頁(yè)色彩搭配1．冷、暖感覺(jué)的配色圖3-2-15藍(lán)色色調(diào)網(wǎng)頁(yè)示例圖3-2-16綠色色調(diào)調(diào)網(wǎng)頁(yè)示例任務(wù)訓(xùn)練2熟悉Flash網(wǎng)頁(yè)色彩搭配2．輕、重感覺(jué)的配色圖3-2-17輕色調(diào)網(wǎng)頁(yè)示例圖3-2-18重色調(diào)網(wǎng)頁(yè)示例任務(wù)訓(xùn)練2熟悉Flash網(wǎng)頁(yè)色彩搭配

3．興奮、舒適的配色圖3-2-19活躍色調(diào)網(wǎng)頁(yè)示例圖3-2-20舒適色調(diào)網(wǎng)頁(yè)示例

任務(wù)訓(xùn)練2熟悉Flash網(wǎng)頁(yè)色彩搭配4．活潑、莊重的配色圖3-2-21活潑色調(diào)網(wǎng)頁(yè)示例圖3-2-22嚴(yán)肅色調(diào)網(wǎng)頁(yè)示例任務(wù)訓(xùn)練2熟悉Flash網(wǎng)頁(yè)色彩搭配5．絢麗、樸實(shí)的配色圖3-2-23絢麗色調(diào)網(wǎng)頁(yè)示例圖3-2-24樸實(shí)色調(diào)網(wǎng)頁(yè)示例任務(wù)訓(xùn)練2熟悉Flash網(wǎng)頁(yè)色彩搭配6．兒童、成人的配色圖3-2-25兒童色調(diào)網(wǎng)頁(yè)示例圖3-2-26成人色調(diào)網(wǎng)頁(yè)示例任務(wù)訓(xùn)練3掌握Flash網(wǎng)頁(yè)的設(shè)計(jì)風(fēng)格

1．平面風(fēng)格圖3-2-27平面風(fēng)格網(wǎng)頁(yè)示例這類網(wǎng)頁(yè)風(fēng)格的設(shè)計(jì)是通過(guò)色塊或位圖等元素的展現(xiàn)形成二維的畫(huà)面效果

任務(wù)訓(xùn)練3掌握Flash網(wǎng)頁(yè)的設(shè)計(jì)風(fēng)格2．矢量風(fēng)格這類網(wǎng)頁(yè)風(fēng)格的設(shè)計(jì)是通過(guò)矢量圖像組合而成，網(wǎng)頁(yè)的圖像效果可以任意縮放而不會(huì)影響展示效果，是動(dòng)畫(huà)網(wǎng)站中常見(jiàn)到的一種設(shè)計(jì)風(fēng)格

圖3-2-28矢量風(fēng)格網(wǎng)頁(yè)示例任務(wù)訓(xùn)練3掌握Flash網(wǎng)頁(yè)的設(shè)計(jì)風(fēng)格圖3-2-29像素風(fēng)格網(wǎng)頁(yè)示例3．像素風(fēng)格這類網(wǎng)頁(yè)風(fēng)格的設(shè)計(jì)是通過(guò)圖標(biāo)風(fēng)格的圖像制作，更強(qiáng)調(diào)鮮明的輪廓，亮麗的色彩，同時(shí)造型比較卡通，受到很多用戶的喜愛(ài)。

任務(wù)訓(xùn)練3掌握Flash網(wǎng)頁(yè)的設(shè)計(jì)風(fēng)格4．三維風(fēng)格三維是指在平面二維坐標(biāo)系中增加了一個(gè)方向向量，構(gòu)成空間在網(wǎng)頁(yè)中的運(yùn)用。三維風(fēng)格中的立體空間效果，能夠在突出主題的同時(shí)，無(wú)限延伸視線

圖3-2-30三維風(fēng)格網(wǎng)頁(yè)示例任務(wù)小結(jié)本節(jié)主要介紹Flash美工設(shè)計(jì)相關(guān)的知識(shí)，包括Flash網(wǎng)頁(yè)的平面構(gòu)成，色彩搭配和風(fēng)格設(shè)計(jì)等，希望對(duì)讀者進(jìn)行Flash網(wǎng)站設(shè)計(jì)時(shí)有一定啟發(fā)幫助。模擬實(shí)訓(xùn)一、實(shí)訓(xùn)目的1．了解