2020电商详情页设计趋势！【深度】（电商详情页设计思路有哪些方面）

1 a1 `' w+ r: w" r( ^- @5 }5 Y

这张早年的淘宝详情页，是不是一下拉回你的曾经的回忆？

当年宝贝上架就能卖货，没人会注重设计，也没重视必要但是随着竞争加剧，国内年轻人审美提高，不少商家开始走品牌路线，注重品质品牌调性，这既是设计师的机遇，也是一种挑战这次我们回顾最近2年网上最热的一批详情页，尝试挖掘2020年详情页新的发展变化方向。

- K" O( i) _* T: R- {' P

E-commerce details page 202001.数码电器类更加简约就像苹果手机影响手机行业一样国内设计师既受behance影响，同时又受国内小米为代表的大厂风格影响这类详情页的特点是越发扁平、简约化、信息和产品重点突出，品牌质感加强。

含有大量点缀性质的英文页面已不常见，一般仅用于标题辅助。

@小米手机

: v! U& ~7 z7 z9 l/ D( V% n+ ?

@梁定然_海南用户长期的视觉疲劳，影响数码产品本身展示的，杂乱重特效风格将会减少。而轻视觉特效则会越来越多，视觉感也较为舒适。

@小米手机

/ `$ B6 c1 o5 Y9 h% b4 H8 V; S

@谢小董另外渐变底色更为常见，因为纯色的页面，并且去除辅助点缀元素的情况下，处理不好容易单调。

1 @; I$ D, O5 {" v

@小米手机除了渐变之外，通过强烈的明暗对比、视觉穿插、产品破格都可以用来加强页面形式感。越是看似简单的画面，越考验基本功。

* e0 y1 {- J: L6 Z+ _

@D_Yong

@松鼠视觉传媒02.俏皮插画相结合插画应用一直非常广泛。对于家居、创意、小工艺品等品类，简单的轻松插画出现，可以起到拉近观者距离，增加品牌感等功能。

: H3 R) Q8 m* V

特别是一些产品使用场景的气氛渲染。

- S" |, G% F1 f5 D9 R: E6 D& N2 `

@素乐电风扇

@小米手电筒03.合成类依然使用广泛合成类详情页曾火了多年，但是毕竟人的审美一直在变化，过重视觉的炫酷轰炸久而必倦其实对很多人而言，疲倦的不是技术本身，而是太重视觉从而影响产品自身的视觉体验但无论如何合成技术仍是设计师需要掌握的必要技能，合成目前在食品、母婴、化妆品等大品类依然有很大发挥空间，关键点在于用技术去衬托产品，而非喧宾夺主。

* S$ l* |0 f4 c8 [

@恰恰瓜子 点奥文化

@汤臣杰逊 神仙米04.C4D继续顺势向上C4D自从前几年爆发之后，热度依然不减，但是目前在除了在电商大促页面常见之外，平时主要在3C、电器、化妆品等人造产品出现频次较高C4D建模可以实现PS修图达不到的效果，但是缺点就是耗时太长。

@子辰视觉

5 J; d* F% B. \% W5 O

@babycare05.国风新视觉风格爆发随着国力增强，国民对于文化以及精神需求日益增多，大家都会从传统文化中寻找一些东西来满足需求，这是经济和国家发展的必然阶段因此传统文化重新被重视，汉服再次复兴，国潮风产品的热销就是其直接体现。

每个新品类的诞生都是绝佳市场良机，比如最近2年火爆的花西子就是一个典型的新品牌，直接定位东方美妆，并且花西子的新古典设计风格一度引来众多模仿对象。

整体色调中国风，字体上使用宋体字，细节上采用拼音做装饰，同时加上国风素材、肌理、光影来渲染画面。

6 j* H7 @" p* j) C6 b7 m

@花西子这类新国风类产品，要求整个画面的色彩、字体、图案、肌理样式都要与产品调性保持一致，不然就会有违和感。细节上与数码类详情页完全相反，需要大量的装饰性元素去烘托产品的调性，以及传统文化的厚重感。

@五芳斋06.新视觉混搭尝试不少有灵性的设计师开始尝试各种风格混搭，比如波普、孟菲斯、故障艺术、杂志风、等等，以求突破传统。

7 k7 H% L# [# ` r7 }

@安踏详情页

@安踏详情页总的来看， 当下的电商已进入存量竞争 5年前，我们由PC转向移动手机，紧接着手机详情页开始竖屏化适配手机但是随着5G带来，资费的降低，去年抖音、淘宝直播开始迅猛爆发相信未来详情页除了传统图文模式外，也会有竖屏视频化的可能，那时视频剪辑也会慢慢成为设计师必备技能。

7 c( r- t/ y: L/ x) A+ u* i7 e) T1 {

但是无论技术如何发展，我们商业设计永远不是为了设计而设计，而是永远为了产品和品牌服务国内电商已经发展了20年，其实真正发展在2010年后，相对比国内其他行业算是最年轻的行业之一目前电商体量已异常庞大，并且占据国民消费比例会越来越高，10年前我们可能90%的钱是线下购物，而现在年轻人起码50%的财产全是线上消费。

互联网时代，电商依然是重头戏顺势而为，展望2020，我们相信电商设计依然大有可为。本文图片来源： behance.com 花瓣、站酷等

5 Q5 k. V0 x6 x6 F2 P6 L. L

内容很干货，没有多余的废话，值得反复看