网页设计也要时尚！学学大牌们的官网设计

每个顶级时尚大牌都有着鲜明的设计风格特征，这一点无论是从品牌的产品设计，或是广告宣传都可以看出。时尚大牌的官方网站，设计风格往往与品牌理念也是一致的。那么这些网站的设计是如何做到与品牌整体设计风格相结合的呢？

小摹为大家整理了20个知名时尚品牌的官方网站，一起来看看这些网站设计有哪些亮点吧。

1.GUCCI

GUCCI品牌的设计一向以时尚而不失高雅著称，无论是时装、皮具还是配饰、香水，都深受商务人士及明星青睐。GUCCI的官网也展示了其永恒而经典的品牌形象。独具质感的黄色系设计，不仅与其怀旧风格的产品特色相呼应，也凸显出了网站华丽的设计感。当鼠标停留在网站导航栏时，导航栏会切换为更易浏览的黑白配色，既保证了网站设计感不被破坏，同时又能最大化保证用户的阅读体验。

2.Louis Vuitton

LV一直以来都十分崇尚精致、品质、舒适的“旅行哲学”，这一理念不仅是LV产品的设计出发基础，也与其宣传广告和官网的设计息息相关。官网首页展示了LV 2020夏日系列，黑白按钮设计便于客户快速找到购买入口，配图以海岸为主题，不仅贴合夏日系列的主题，也很好地传达了品牌和旅行生活的密切关系。

3.Kate Spade

Kate Spade拥有手袋、服饰、鞋履、居家装饰等多个产品系列，喜欢在设计中使用丰富活泼的色彩，来诠释乐观积极的品牌定位。其官网设计也沿用了这一风格。最近Kate Spade推出了2020春季系列，官网首页Banner使用了充满生机的绿色作为主色调，人物搭配则选择了与网站设计相呼应的粉色系。整体设计明丽活泼，仿佛带来了一场斑斓多彩的春日冒险之旅。

4.YSL

法国奢侈品牌YSL，主要有时装、护肤品、香水、箱包、配饰等产品。整体设计风格自由、大胆。其官方网站使用了整幅海报作为首页，网页左侧使用简单的文字制作了折叠导航，没有任何多余的元素，无论是海报设计还是网站结构，都展示了YSL优雅率性的品牌风格。

5.Tom Ford

谈到了CHANEL和YSL，我们就不得不提到担任过这两个时尚品牌创意总监的Tom Ford。2005年，离开了CHANEL的Tom Ford创立了自己的同名品牌，用他一贯大胆挑逗的风格为时尚圈画上了一抹独特的色彩。Tom Ford品牌官网风格独树一帜，没有大屏海报，而是简单粗暴地使用整幅文字展示了活动信息。作品以无边框卡片的瀑布流形式展示，简洁的同时凸显作品本身的视觉冲击力。

6.Miu Miu

Miu Miu官网首页直接使用了2020秋冬大秀的视频作为背景，直入主题地展示了产品信息。Miu Miu本季新品整体风格偏暗，结合网站黑色背景和白色加粗字体元素，复古文艺而又带着一丝叛逆的气息。

7.Valentino

体验摹客在线原型设计立即体验

Valentino是意大利高级时装品牌。精美奢华，追求时尚与经典的融合，是品牌对于设计所保持的信念。这一信念在Valentino官网设计上也可见一斑。首页通过四幅风格迥异的海报来呈现出了四个不同的产品系列，Banner右下角设置了醒目的按钮，可以直接点击查看系列产品。底部指示器的变色设计，让整个网页增添了一丝俏皮的气息。

8.Le Labo Fragrances

在之前的文章中，我们介绍过Le Labo Fragrances有趣的官网。这个雅诗兰黛旗下的小众香水品牌，无论是品牌本身还是其官网设计，都极具质感。网站采用不可垂直滚动的单页，配合轮播图片展示产品。轮播内容的主副标题采用半透明的方式浮于图片下部。在众多时尚网站中，算是特立独行的设计了，值得各位设计师小伙伴学习。

9.Armani

著名奢侈品牌Armani以精简主义设计闻名于时尚圈。其官网采用了易于浏览的卡片式设计，配色高雅柔和，整体风格简洁大方。

10.MCM

看多了大牌网站的全屏海报，MCM的双栏布局就变得别具趣味。左右两张风格突出的图片，分别通往女士和男士两个不同产品分区。图片下方使用了大号字体对产品风格进行描述，并设置了选购入口按钮，没有多余的信息，便于浏览和选择。

11.Balenciaga

打开Balenciaga的官网，相信不少小伙伴都跟小摹一样，以为网速不好导致图片没有加载出来。网站使用醒目的线条和简约的设计来构造了一个简洁易于使用的网页。除了产品实物图片，没有任何宣传海报或点缀。虽然大家对这个官网的设计有褒有贬，但如果从给人留下的印象深刻程度来说，这个“Excel式”的网站一定可以拿满分了。

12.Burberry

提起英伦风，Burberry一定不能错过。这个拥有160年历史的品牌，其设计风格一直以来都带着浓郁的英伦风情，高贵、优雅、实用经典。Burberry的官网设计同样采用了经典实用的布局方式。首页使用轮播海报的方式展示了新品系列及活动，搭配白色文字，显得大方而优雅。

13.Tiffany

Tiffany官网的最大特色就是大量使用了其品牌代表色——蒂芙尼蓝。从Banner颜色，到导航栏等网站元素，再到产品图片的配色，蒂芙尼蓝无处不在。这种色彩十分讨巧，温和的色调不会被人第一时间排斥，且很难找到可以取代它的其他颜色。因此，网站在设计中大量使用了蒂芙尼蓝，也可以加深Tiffany的品牌印象。

14.Hermès

法国品牌Hermès，其风格倾向于活泼烂漫艺术化的法兰西情怀，品牌的热门商品丝巾，皮具，珠宝等也经常以艺术化的手法出现在广告中。其官网设计也不例外，网站交互流畅，首页的新款丝巾广告让人仿佛来到了电影《天使爱美丽》中带着浓郁法国气息的梦幻场景。

15.Fendi

创意十足、精致考究、新颖独到，向来是Fendi的设计特色。那么Fendi的官网设计是如何将实用与创意新颖相结合呢？Fendi在官网设计中同样使用了大牌钟爱的大幅下拉导航菜单和Banner轮播图，但在按钮、导航菜单等地方，都融入了活泼黄色元素，瞬间让官网也变得时尚精致起来。

16.Lanvin

Lanvin是法国历史最悠久的高级时装品牌，在时装、香水、配饰各方面领导潮流。Lanvin从不盲从流行，将浪漫的法兰西风情和与精致的配色和干净利落的裁剪相融合，其官网设计也如此。

17.Elie Saab

Elie Saab在展示产品系列时，并没有像其他品牌一样并列呈现，而是为每一个系列都进行了单独展示，产品图片的左侧展示了系列名称与风格，右侧展示了购买入口，便于客户了解产品详情。

18.GUESS

GUESS在美国服饰业的萧条时期成立，靠着时尚前卫的风格迅速打入了年轻人的市场。GUESS的官网设计也以时尚前卫的风格为主，粉嫩明亮的马卡龙色彩拼接，给人一种温暖幸福的感觉。马卡龙配色在近两年深受年轻人的喜爱，反正在打开GUESS官网的一瞬间，小摹的少女心已经被牢牢击中啦~

19.Celine

对于钟情黑白配色的Celine来说，官网设计也一定是以极简黑白为主。产品宣传视频占据了整个页面的大部分，导航则被放在了不起眼的左下角，布局设计极具特色。虽然在不少小伙伴看来，这样的布局并不实用，但那又如何呢，毕竟越任性卖的越火一直都是Celine的特色。

20.CHANEL

和Dior妩媚撩人的风格不同，CHANEL宣扬的是独立自强的女性形象。在官网设计中，CHANEL也采用了大幅下拉式导航菜单，展示了所有产品系列。网站首页使用了两张产品海报进行了拼接，深色风格搭配视差滚动效果，显得自信而不失优雅。

如果此刻你已经有了灵感，不妨使用Mockplus经典版原型工具快速记录下来。

我们使用Mockplus经典版原型工具绘制了CHANEL的官网原型，其整体结构比较简单，以大图排版为主，配色方面也是采用了经典的黑白灰。也可以点击此处链接下载使用此套原型模板。

对于时尚品牌的官网设计来说，品牌传播一定是第一个需要考虑的因素，那么我们究竟怎样设计才能让网站既能独具魅力，又能满足访客喜好呢？相信在欣赏了以上20个时尚品牌官网设计以后，各位设计师小伙伴们一定有了自己的灵感和创意。