萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 國際一線品牌化妝品網站都長什麼樣?

國際一線品牌化妝品網站都長什麼樣?

   潮流和過氣都在這裡了。排名不分先後,但好看的我都搶不及要和大家推薦,不好看的只是我個人短見,吸取教訓以備日後設計學習的資糧。

  1、Givenchy(紀梵希)

國際一線品牌化妝品網站都長什麼樣? 三聯

  點評:

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

  2、ESTEE LAUDER(雅詩蘭黛)

  點評:

  這是小編個人很喜歡的界面。分層畫面,背景采用化妝品本身的柔美質地,在其上才突出人物和文字形象。整個畫面構成非常和諧,文字稍稍溢出背景,場面被擴寬。首頁采用的是目前很流行的大圖背景滾屏,利用大圖滾屏達到產品傳遞的目的。色彩始終以藍紫色為主。浮動導航於屏幕上方。簡潔優雅。對於大牌做的優秀的案例,我們還可以學學他們對於圖片的處理方式。

  3、DIOR(迪奧)

ifeiwulog150227-06

  點評:

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

  4、BOBBI BROWN(芭比波朗)

ifeiwulog150227-08
ifeiwulog150227-09

  點評:

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

  5、CLINIQUE(倩碧)

ifeiwulog150227-10

  點評:

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

  6、L’OREAL Paris(巴黎歐萊雅)

ifeiwulog150227-11

  點評:

  這類風格的設計已經過時,雖然我們觀者目前還能想象得到到當年網站設計拿出來時被人啧啧稱贊的樣子。圖片眼花缭亂,首頁內容豐富,讓人不知從哪裡開始看起。網站的每個小細節都長得不錯,但全部加在一起就發現有問題。

  7、AVON(雅芳)

  點評:

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

  8、AVENE(雅漾)

ifeiwulog150227-13

  點評:

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

  9、SK-II

  點評:

  看到這個會想到成千上萬默默無聞的企業官網,如果不是圖片上出現了化妝品的圖片,也就默默把它給忽視了。色彩也中規中矩,布局也不逾矩。正兒八經的繞道妖艷、缤紛。也許這是產品本身的品牌氣質。

  10、Revlon(露華濃)

  點評:

  網站的首頁繼承了從雜志封面設計中借鑒的布局,具足個性化特色,與絕大多數網站布局都不一樣。網站的結構也很合理,整體風格協調。只是在產品展示圖片太小,影響力不夠。背景色采用的黑色,我個人認為太過顯得暗。雖然突出了紅色,但給整個畫面一種刻意的壓抑。

  11、Benefit(貝玲妃)

  點評:

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

  友情宣傳:網站是一個需要持續輸入營養的具有生命力的東西,如果你也有網站,不妨聯系飛屋(ifeiwu.com)診斷一下現有網站的問題,准備更新換代吧!

copyright © 萬盛學電腦網 all rights reserved