《網(wǎng)站模板設(shè)計(jì)》第5單元 化妝品網(wǎng)站

第5單元化妝品網(wǎng)站知識(shí)要點(diǎn)能力要求關(guān)聯(lián)知識(shí)化妝品網(wǎng)站的配色掌握色彩的三個(gè)特性色相、明度、純度網(wǎng)站元素的制作掌握畫筆的應(yīng)用、元素的制作和構(gòu)圖畫筆、變形文字、加載進(jìn)度條、網(wǎng)站標(biāo)識(shí)導(dǎo)航的制作掌握?qǐng)D案的填充定義圖案、填充圖案教學(xué)要求

5.1化妝品網(wǎng)站概述

化妝品是女性的最愛，當(dāng)然雖然男性的與時(shí)俱進(jìn)，現(xiàn)在男性化妝品也層出不窮，但是在銷量、產(chǎn)品種類上與女性化妝品相比相差甚遠(yuǎn)。所以制作化妝品網(wǎng)站考慮其受眾群體還是較多女性。打開化妝品網(wǎng)頁，第一視覺就是里面有一個(gè)長相精致的美女，皮膚白皙、細(xì)膩、水嫩得像是脫了殼的蛋清?？吹竭@樣的皮膚，讓人最先想的的是綢緞，擁有這樣的皮膚，當(dāng)然是化妝品的功勞，所以化妝品網(wǎng)站主角的皮膚非常重要，并與網(wǎng)站的主題，背景相適應(yīng)，感性而高貴。第5單元化妝品網(wǎng)站

5.1化妝品網(wǎng)站概述國內(nèi)化妝品市場百花競開，爭奇斗艷。而化妝品網(wǎng)站的制作更是別出心裁，化妝品網(wǎng)站的制作要考慮受眾群體外，還要注意網(wǎng)站的功能性需要，風(fēng)格，顏色搭配以及里面一些元素的設(shè)計(jì)和制作技巧。化妝品網(wǎng)站在配色方面多為女性的色彩，比較常用的是淡粉色、玫紅、明黃、白色、淡藍(lán)色等。而里面的元素設(shè)計(jì)一般來說離不開花、水、蝴蝶等女性比較鐘愛的元素或者比較能體現(xiàn)女性的元素。第5單元化妝品網(wǎng)站5.2首頁的制作

案例說明：

本案例主要講述一個(gè)化妝品網(wǎng)站的制作過程。制作主色調(diào)采用淡粉色，淡粉色最能體現(xiàn)柔美的女性，在布局上可以不用太統(tǒng)一，因?yàn)榕跃腿缜€富有變化。這樣就更能體現(xiàn)主題。本案例共制作了4個(gè)頁面，分別是首頁、主頁、產(chǎn)品展示頁、內(nèi)容頁。主要采用畫筆，鋼筆，文字，定義圖案，自定義形狀工具，填充圖形，圖層樣式等技術(shù)手法，在設(shè)計(jì)的時(shí)候仍然注重了頁面的空間效果和層次，本案例的首頁效果如圖5.1所示。第5單元化妝品網(wǎng)站5.1網(wǎng)站首頁5.2.1制作步驟

具體制作步驟詳見教材。第5單元化妝品網(wǎng)站5.3主頁

案例說明：

本案例的制作主要涉及到新的知識(shí)點(diǎn)有：文字變形技術(shù)，圖案的定義方法和填充圖案，主頁最終的效果如圖5.2所示。

第5單元化妝品網(wǎng)站5.2主頁5.3.1制作步驟

具體制作步驟詳見教材。第5單元化妝品網(wǎng)站5.4產(chǎn)品展示頁的制作

案例說明：

本案例主要用畫筆制作一個(gè)水波效果，美女如剛出水的芙蓉，產(chǎn)品展示主要采用一個(gè)相框式效果出現(xiàn)，產(chǎn)品展示頁的最終效果如圖5.3所示。第5單元化妝品網(wǎng)站5.3產(chǎn)品展示頁5.4.1制作步驟

具體制作步驟詳見教材。第5單元化妝品網(wǎng)站5.5內(nèi)容頁的制作

案例說明：

在產(chǎn)品展示頁的基礎(chǔ)上，內(nèi)容頁就是產(chǎn)品展示頁的產(chǎn)品詳細(xì)說明，比如對(duì)產(chǎn)品的型號(hào)，結(jié)構(gòu)，功能等進(jìn)行詳細(xì)的介紹。內(nèi)容頁的制作仍然在產(chǎn)品展示頁的基礎(chǔ)上進(jìn)行制作的，最終效果如圖5.4所示。第5單元化妝品網(wǎng)站5.4內(nèi)容頁5.5.1制作步驟

具體制作步驟詳見教材。第5單元化妝品網(wǎng)站風(fēng)格顏色搭配132根據(jù)受眾群體來進(jìn)行分類選擇配色：例如以女性為主選擇女性喜歡的色彩，如淡粉色、玫紅、明黃、白色、淡藍(lán)色等。里面的元素設(shè)計(jì)離不開花、水、蝴蝶等女性比較鐘愛的元素或者比較能體現(xiàn)女性的元素。以相近顏色達(dá)到過渡效果、或相反的顏色達(dá)到對(duì)比。版式比較活，不受拘束，可以進(jìn)行一些大膽、突破、創(chuàng)新的設(shè)計(jì)?；瘖y、：色彩鮮明、搭配產(chǎn)品圖片體現(xiàn)其公司文化和其產(chǎn)品定位。（時(shí)裝發(fā)布,T臺(tái)走秀）版式設(shè)計(jì)第5單元化妝品網(wǎng)站5.6本單元小結(jié)本單元首先講述了化妝品網(wǎng)站的制作特點(diǎn)和制作思路，然后講述整個(gè)網(wǎng)站的制作過程，化妝品的信息主要是通過人物，背景，修飾效果體現(xiàn)、傳達(dá)出來，整個(gè)網(wǎng)站設(shè)計(jì)簡潔，重點(diǎn)突出，色彩搭配時(shí)