國際一線化妝品品牌是如何打造自己的官網(wǎng)的？在這個行業(yè)里,，名牌效應(yīng)是否也會蔓延至網(wǎng)站的展示上,？已經(jīng)深深被化妝品廣告撼動過腰包的我們，是否也依然會繼續(xù)為它們在WEB端的創(chuàng)意買單,？看看總沒有錯,，最要緊的是從中學(xué)起來。有什么是設(shè)計師不能錯過的,？你看看就知道了,。潮流和過氣都在這里了。排名不分先后,，但好看的我都搶不及要和大家推薦,，不好看的只是我個人短見，吸取教訓(xùn)以備日后設(shè)計學(xué)習(xí)的資糧,。

1,、Givenchy（紀(jì)梵希）

點評：

大牌的影響力果然表現(xiàn)得淋漓盡致！黑白灰色調(diào),，低調(diào),，甚至談不上奢華，背景使用的是灰白的紋理,。大量運用視頻,，讓用戶身臨其境,。時尚大片黑白調(diào)處理，精致,，充滿想象力,，鼠標(biāo)滑過才會顯示出照片的色調(diào)。等待加載界面采用一種電子鐘的展示方式,，新穎別致,。每件產(chǎn)品展示都采用遮罩層，表達方式簡潔,、有力,、生動。大牌能做到這樣才算大牌,，設(shè)計里有小聰明,，也有欲言又止的張力。

2,、ESTEE LAUDER（雅詩蘭黛）

點評：

這是小編個人很喜歡的界面,。分層畫面，背景采用化妝品本身的柔美質(zhì)地,，在其上才突出人物和文字形象,。整個畫面構(gòu)成非常和諧，文字稍稍溢出背景,，場面被擴寬,。首頁采用的是目前很流行的大圖背景滾屏，你也可以擁有大圖背景滾屏網(wǎng)站,，利用大圖滾屏達到產(chǎn)品傳遞的目的,。色彩始終以藍紫色為主。浮動導(dǎo)航于屏幕上方,。簡潔優(yōu)雅,。對于大牌做的優(yōu)秀的案例，我們還可以學(xué)學(xué)他們對于圖片的處理方式,。

3、DIOR（迪奧）

點評：

好吧,，我要說其實DIOR還可以做得更好,。畫面足夠簡潔，采用卡片式布局,。依然是黑白灰,，但和紀(jì)梵希相比，少了層次,，創(chuàng)意上略遜一籌,。彩妝的圖片處理得很精致,，但是組合搭配上好像太平淡?？偟膩碚f,，就有點類似糖水片一樣，好看,，但就是好看而已,。

4、BOBBI BROWN（芭比波朗）

點評：

網(wǎng)頁設(shè)計很簡潔,，采用了線條作為裝飾,，將其他無用的裝飾一律去掉。白色背景,，圖片色彩強烈醒目,。文字等其他按鈕使用黑色。強調(diào)色采用熒光粉,。簡潔而直白,。雖然簡單，但也不失平淡,，布局結(jié)構(gòu)使人產(chǎn)生一種穩(wěn)定感,。設(shè)計師對網(wǎng)站的整體布局把握非常到位，首尾銜接也十分巧妙,。例如導(dǎo)航跟隨下拉動作后的變化,，箭頭背景跟隨首頁大圖背景的更換而相應(yīng)變化樣式，盡量保持頁面的干凈利落,。動效的加入自然,，獨具匠心。

5,、CLINIQUE（倩碧）

點評：

雖然同樣是使用了線條,，但明顯倩碧的官網(wǎng)設(shè)計不如芭比波朗的。首先說配色,，倩碧的配色主色是綠色,，而下面的圖片背景采用了大面積的漸變，漸變色有紫色,、紅色,、藍色甚至還有棕色。這樣就偏離了主色所營造的氛圍,，色彩非常凌亂,。其次再說線條，由于這里也大量采用了線條,，那么線條感就勢必非常重要,，但是我們可以看到網(wǎng)站中還出現(xiàn)了矩形實心按鈕,，還有紅色的圓形標(biāo)識。雖然倩碧在努力保持著畫面的簡潔感,，但是這種凌亂仍然掩飾不住的暴露無遺,。

6、L’OREAL Paris（巴黎歐萊雅）

點評：

這類風(fēng)格的設(shè)計已經(jīng)過時,，雖然我們觀者目前還能想象得到到當(dāng)年網(wǎng)站設(shè)計拿出來時被人嘖嘖稱贊的樣子,。圖片眼花繚亂，首頁內(nèi)容豐富,，讓人不知從哪里開始看起,。網(wǎng)站的每個小細(xì)節(jié)都長得不錯，但全部加在一起就發(fā)現(xiàn)有問題,。

7,、AVON（雅芳）

點評：

和歐萊雅一樣在設(shè)計方面已經(jīng)過時，值得稱道的地方不多,，配色上更為用心,。沒那么亂，但是離亂也不遠了,。

8,、AVENE（雅漾）

點評：

這個網(wǎng)站的配色其實是非常謹(jǐn)慎的，除了圖片以外,，整個要件都突出了主色調(diào),，暖暖的橘色。但是網(wǎng)站缺乏活力,，這種活力并不是從瀏覽量方面來說,，而是整體的氛圍和感覺。顯得低調(diào)得有點過于保守,。沒有出彩的地方,，但也沒有錯。也許是布局不夠大氣所致,。

9,、SK-II

點評：

看到這個會想到成千上萬默默無聞的企業(yè)官網(wǎng)，如果不是圖片上出現(xiàn)了化妝品的圖片,，也就默默把它給忽視了,。色彩也中規(guī)中矩，布局也不逾矩,。正兒八經(jīng)的繞道妖艷、繽紛,。也許這是產(chǎn)品本身的品牌氣質(zhì),。

10,、Revlon（露華濃）

點評：

網(wǎng)站的首頁繼承了從雜志封面設(shè)計中借鑒的布局，具足個性化特色,，與絕大多數(shù)網(wǎng)站布局都不一樣,。網(wǎng)站的結(jié)構(gòu)也很合理，整體風(fēng)格協(xié)調(diào),。只是在產(chǎn)品展示圖片太小,，影響力不夠。背景色采用的黑色,，我個人認(rèn)為太過顯得暗,。雖然突出了紅色，但給整個畫面一種刻意的壓抑,。

11,、Benefit（貝玲妃）

點評：

貝玲妃的包裝設(shè)計是非常俏皮的，但是網(wǎng)站設(shè)計呢,？品牌為了統(tǒng)一VI標(biāo)識,，一般而言都會將網(wǎng)站設(shè)計與其他印刷品設(shè)計統(tǒng)一起來。但是我個人認(rèn)為貝玲妃的包裝設(shè)計特色是沒有必要運用到網(wǎng)站上去的,。獨立看網(wǎng)站,，會以為來到了幼兒產(chǎn)品網(wǎng)站，或者是兒童天地,。很童話,，很絢爛，但讓這個產(chǎn)品在格局上下降不止一個檔次,，加上網(wǎng)站本身的配圖也不夠精細(xì),，色彩凌亂。想把產(chǎn)品包裝氣質(zhì)運用到網(wǎng)頁,，不是一定要靠網(wǎng)頁的基本組件,。給它一個粉紅色鑲框，未必讓產(chǎn)品具有跳脫俏皮的性格特點,。反而應(yīng)該讓網(wǎng)站本身保持冷靜簡單,，而在用圖上著力渲染。

網(wǎng)站是一個需要持續(xù)輸入營養(yǎng)的具有生命力的東西,，如果你也有網(wǎng)站,，不妨聯(lián)系我們診斷一下現(xiàn)有網(wǎng)站的問題，準(zhǔn)備更新?lián)Q代吧,！