international-cosmetics-brand-website-1

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

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

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)诊断一下现有网站的问题,准备更新换代吧!

【飞屋同学的私家精品教程人气榜】

TOP 1:教你快速搞定大受欢迎的多边形背景!
《AI新手教程!教你简单快速地将图片变成多边形背景》

TOP 2:手把手教你找到免费优质的高清大图!
《私家好货!设计师的高清图库收藏夹(附使用技巧)》

TOP 3:让配色变得特别方便简单的新手教程!
《配色弱有救了!教你利用图片创建独有的色彩方案!》

原文地址:ifeiwu
作者:@飞屋睿UIdesign

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量91万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

点赞 1
收藏 2
继续阅读相关文章

发表评论 已发布 2

还可以输入 800 个字
 
 
载入中....
2 收藏