浅谈知名国际品牌化妆品网站设计解析

国际一线化妆品品牌是如何打造自己的官网的？在这个行业里，名牌效应是否也会蔓延至网站的展示上？能不能打动我们的腰包？光看不过瘾，最要紧的是从飞屋睿UIdesign的点评中学到知识。来看看有哪些设计师不能错过的。

潮流和过气都在这里了。排名不分先后，但好看的我都抢不及要和大家推荐，不好看的只是我个人短见，吸取教训以备日后设计学习的资粮。

1、Givenchy（纪梵希）

点评：

大牌的影响力果然表现得淋漓尽致！黑白灰色调，低调，甚至谈不上奢华，背景使用的是灰白的纹理。大量运用视频，让用户身临其境。时尚大片黑白调处理，精致，充满想象力，鼠标滑过才会显示出照片的色调。等待加载界面采用一种电子钟的展示方式，新颖别致。每件产品展示都采用遮罩层，表达方式简洁、有力、生动。大牌能做到这样才算大牌，设计里有小聪明，也有欲言又止的张力。

2、ESTEE LAUDER（雅诗兰黛）

点评：

这是小编个人很喜欢的界面。分层画面，背景采用化妆品本身的柔美质地，在其上才突出人物和文字形象。整个画面构成非常和谐，文字稍稍溢出背景，场面被扩宽。首页采用的是目前很流行的大图背景滚屏，利用大图滚屏达到产品传递的目的。色彩始终以蓝紫色为主。浮动导航于屏幕上方。简洁优雅。对于大牌做的优秀的案例，我们还可以学学他们对于图片的处理方式。

3、DIOR（迪奥）

点评：

好吧，我要说其实DIOR还可以做得更好。画面足够简洁，采用卡片式布局。依然是黑白灰，但和纪梵希相比，少了层次，创意上略逊一筹。彩妆的图片处理得很精致，但是组合搭配上好像太平淡。总的来说，就有点类似糖水片一样，好看，但就是好看而已。

4、BOBBI BROWN（芭比波朗）

点评：

网页设计很简洁，采用了线条作为装饰，将其他无用的装饰一律去掉。白色背景，图片色彩强烈醒目。文字等其他按钮使用黑色。强调色采用荧光粉。简洁而直白。虽然简单，但也不失平淡，布局结构使人产生一种稳定感。设计师对网站的整体布局把握非常到位，首尾衔接也十分巧妙。例如导航跟随下拉动作后的变化，箭头背景跟随首页大图背景的更换而相应变化样式，尽量保持页面的干净利落。动效的加入自然，独具匠心。

5、CLINIQUE（倩碧）

点评：

虽然同样是使用了线条，但明显倩碧的官网设计不如芭比波朗的。首先说配色，倩碧的配色主色是绿色，而下面的图片背景采用了大面积的渐变，渐变色有紫色、红色、蓝色甚至还有棕色。这样就偏离了主色所营造的氛围，色彩非常凌乱。其次再说线条，由于这里也大量采用了线条，那么线条感就势必非常重要，但是我们可以看到网站中还出现了矩形实心按钮，还有红色的圆形标识。虽然倩碧在努力保持着画面的简洁感，但是这种凌乱仍然掩饰不住的暴露无遗。

6、L’OREAL Paris（巴黎欧莱雅）

点评：

这类风格的设计已经过时，虽然我们观者目前还能想象得到到当年网站设计拿出来时被人啧啧称赞的样子。图片眼花缭乱，首页内容丰富，让人不知从哪里开始看起。网站的每个小细节都长得不错，但全部加在一起就发现有问题。

7、AVON（雅芳）

点评：

和欧莱雅一样在设计方面已经过时，值得称道的地方不多，配色上更为用心。没那么乱，但是离乱也不远了。

8、AVENE（雅漾）

点评：

这个网站的配色其实是非常谨慎的，除了图片以外，整个要件都突出了主色调，暖暖的橘色。但是网站缺乏活力，这种活力并不是从浏览量方面来说，而是整体的氛围和感觉。显得低调得有点过于保守。没有出彩的地方，但也没有错。也许是布局不够大气所致。

9、SK-II

点评：

看到这个会想到成千上万默默无闻的企业官网，如果不是图片上出现了化妆品的图片，也就默默把它给忽视了。色彩也中规中矩，布局也不逾矩。正儿八经的绕道妖艳、缤纷。也许这是产品本身的品牌气质。

10、Revlon（露华浓）

点评：

网站的首页继承了从杂志封面设计中借鉴的布局，具足个性化特色，与绝大多数网站布局都不一样。网站的结构也很合理，整体风格协调。只是在产品展示图片太小，影响力不够。背景色采用的黑色，我个人认为太过显得暗。虽然突出了红色，但给整个画面一种刻意的压抑。

11、Benefit（贝玲妃）

点评：

贝玲妃的包装设计是非常俏皮的，但是网站设计呢？品牌为了统一VI标识，一般而言都会将网站设计与其他印刷品设计统一起来。但是我个人认为贝玲妃的包装设计特色是没有必要运用到网站上去的。独立看网站，会以为来到了幼儿产品网站，或者是儿童天地。很童话，很绚烂，但让这个产品在格局上下降不止一个档次，加上网站本身的配图也不够精细，色彩凌乱。想把产品包装气质运用到网页，不是一定要靠网页的基本组件。给它一个粉红色镶框，未必让产品具有跳脱俏皮的性格特点。反而应该让网站本身保持冷静简单，而在用图上着力渲染。

友情宣传：网站是一个需要持续输入营养的具有生命力的东西，如果你也有网站，不妨联系飞屋（ifeiwu.com）诊断一下现有网站的问题，准备更新换代吧。