赏析|看看国际一线品牌化妆品网站长成什么样

原文出处: ifeiwu-@飞屋睿UIdesign

国际一线化妆品品牌是如何打造自己的官网的?在这个行业里,名牌效应是否也会蔓延至网站的展示上?已经深深被化妆品广告撼动过腰包的我们,是否也依然会继续为它们在WEB端的创意买单?看看总没有错,最要紧的是从中学起来。有什么是设计师不能错过的?你看看就知道了。潮流和过气都在这里了。排名不分先后,但好看的我都抢不及要和大家推荐,不好看的只是我个人短见,吸取教训以备日后设计学习的资粮。

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

网站是一个需要持续输入营养的具有生命力的东西,如果你也有网站,不妨联系我们诊断一下现有网站的问题,准备更新换代吧!

原文发布于微信公众号 - php(phpdaily)

原文发表时间:2015-08-21

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Python中文社区

Python发射导弹的正确方式

專 欄 ❈ Toby,Python中文社区专栏作者,目前供职于国内最大的医药大数据平台,任数据分析组长。关注自然语言处理,英文密码学,医药统计学。 博客: h...

19010
来自专栏知晓程序

用它发一封「微信情书」,给喜欢的人送上最浪漫告白

今天,知晓程序(微信号 zxcx0101)为大家推荐的一款名叫「本信」的小程序,它不仅可以让你体验一把写信的乐趣,还能指定收信人在具体的时间、地点才能查看。

890
来自专栏java一日一条

超级有趣的五个404错误页面设计

曾几何时,当你输入错误链接时,很多网站都会显示幽默的图片或短语来提醒你该网页不存在,但这样的日子已经一去不复返了。在一个新的互联网时代,GIF 就是新的文字,而...

312
来自专栏华章科技

这11个免费学习的网站,个个堪称神器,不收后悔!

导读:神奇的网站有很多,今天推荐11个和学习有关的,而且都是免费的,希望对大家有所帮助。

672
来自专栏理论坞

设计工具 ps、Ai和 Sketch 对比评测:各有所长

新入门的设计师肯定很好奇,Photoshop、Illustrator 和 Sketch 三款软件到底哪个好?我到底从哪里开始学?今天我们这里将给你一个好的说法。

954
来自专栏SEO

「知识」2018年搜索引擎优化指南

2748
来自专栏我和PYTHON有个约会

大牧夜话——爬虫篇-预告片PYTHON爬虫-江湖夜话

应大家的要求,最近打算整理一下PYTHON爬虫的东东,希望能对入门的童鞋们有所助益!本人技术一般水平有限,如有不妥请联系或者私信本人,互相进步。 内容会同步在...

682
来自专栏理论坞

电商设计中的极简设计

电子商务经过了几年的发展已经逐渐成熟,并且已经发展出了自己的模式和风格。但是对于电商的设计风格大多数人还停留在最初的用商品堆砌+文字信息+各种乱七八糟的效果。而...

442
来自专栏腾讯社交用户体验设计

相册的逆袭:Qzone5.5动画诞生记 - 腾讯ISUX

1534
来自专栏腾讯社交用户体验设计

个性萌宠诞生记-动作篇

871

扫码关注云+社区