这周我家写了一篇关于详情页设计干货。
这篇文章希望能从本质帮家理解什么我们需设详页,怎么设出合的详页,以及帮家总结了一些常见的详页设方面常会遇到的问题,顺便家欣赏一些优秀的详页,了解它们所具备的特质。
毕竟,先知道自己哪里足,再看看别人做得好的地方,有针对性地改善,我们才获得进步。
下面我们进正文咯~
众所周,业设计是为业服务的。
而商计,当然是为各大商网购和家铺、等服的,只要你想在网上西,你就需要展示你的产品,那你就需要商计是为你服的。
比如电商设计职责范围常广,小到主图和各尺寸 banner 设计,大到海报设计、首页设计、详情页设计等,全都是电商设计师们需要做事情。
实际多数电商设师的人,很少科班出的,我这里所指的科班指学电商设这专业出身的人,据我目所知的,家都怎么入行电商设领域的呢?
要有几个原因和途径:
- 本包装设的,结果顺应业务需,被老板求了电商设;
- 本来是画插画的,结果顺应务需要,被老要求做电商设计;
- 来是被一培机构忽悠说学 UI 设计以拿高薪,是花大几万块去报名学习,结果学完现别说拿高薪,而是根就找不到 UI 工,刚碰到有招电设计的,是就去;
- 正儿经视觉传达专业或广告学或商等专业毕业,歪正着或者受前辈学姐学长响,从事了商计;
- 原本是做运,或者做文员,或者做师,是看着家做电商设计页好有意思,于是转做了电商设计;
- 觉得其他设太枯燥,电商设非常意思创意,于就转行了电商设,比如我当就;
所以大家发现没有,严格来讲,电商设计这个领域实上是没有什么所谓正规军。
且目处于电子商务老的阿里巴巴也 2003 5 月份创立了淘宝网,到了 2009 第一次了 11 这型的电商促活动,之后网购的形式被越越多的消费者接受熟知,这就吸引了越越多的商家入驻,自然竞争就越越激烈了。
这个竞争,除了是入驻商之间的竞争,还有随着越来越多的电商平台的入场带来的各大电商平台之间的竞争,如后来上的京东,还有现在发展势头正猛的拼多多。
其他具的电设计展史和各个平台之间展细节我就不说,因为几年前我在我的电设计书籍《么设计能热卖》里就已经提到。
总而言之,有竞争就味着会有输家和赢家。在价钱差不多的情况下,低品质的就会被高品质的干掉;品质和价钱差不多的情况下,没有品牌的就会被有品牌的干掉;而都有品牌的情况下,品牌知名度低的就会被品牌知名度高的干掉;而在品牌都差不多的情况下呢,服差的没新的会被服好的有新的干掉。
不是个消费者都追求大品或高品质,为个个性、经济实力、喜好等不原,所以那些靠低价走量商家或平台,那些走专属定制或个性化服务商家或平台,那些擅于取消费者眼球或提供细微服务商家或平台,那些擅于搞跨界合作和创新商家或品,也依旧有生存空。
消费者的多样性,决了它们的多样性,它们的多样性也决了电商设师的多样性,所以会看到五花八门的风格调性的电商设。
它们无谓好坏,只有合合适;
而我们把时间固定在某一瞬间,你现每个平台或品牌或家有其各自所在的位置,而我们把时间拉长来看,你又看到每个平台或品牌或家的位置不是固定不变的。有的上去,有的下去,有的消失,而有的还是在原地不动,当,还有一新兴的面孔出现。而我们电设计师,就是为以上所有处在不同位置的家或品牌或平台服务的。
的最高职责是跟运营、推广、服、渠道等各个环节一起,协助新面孔上榜,或者协助已上榜的它往上,再次就是帮它维持有位置和形象,最次就是至少不要让它消失在大众视野就够了。
然,身为电商设计我们也是样理:我们是跟商家品和平台命运,我们是多样化,我们也是临了诸多竞争,我们也是希望能往前走,或者鸣惊,而不是消失在职业历史长河里。
如说首页设计是线下店装潢,那么线上店铺详情页设计相于是店里所展示各个品说明书了。
线下门店里导购员,线店里客服,但去门店购的消费者域区域限制的,比如很少会看到一一线城市的白领会专门坐飞机武汉武商广场的 Gucci 专柜买包包,但却能看到一线的奢侈品店可以自世界各的消费者提供购服务。
门店里的导购员可做到一对一务,消者门店逛可看到实物,可触摸,试穿,试体验,但是线上购物则做到这些点,就注定了详情页设计需要肩负起重任,要把每一个产的卖点展示清楚,详细情况介绍清楚,还要消者感到可信。
果你是大品牌的,你的详情页设计还需要现出品牌感、品质感,不能看来太掉价;果你的产品目前正在搞促销,你的详情页设计则得把促销感现出来;果你的产品有优其他产品或品牌的卖点,你还得把差异化和产品卖点展示出来;果你不希望顾客一点击进来详情页就扭头离开,你还得把详情页设计的耐看或有趣,信息直观,浏览验一点儿;
。。。。。。等等
而据我所观察,大部分在详情页设计这块做不太好电商设计师们常犯几个误,以及所欠缺主要含以下几个:
- 没有创和想法,只会去找模版套或者模仿;
- 不知去哪找参考或找参考本身不好;
- 找到了合的参考,但却模仿不出,也不知道去哪找素;
- 非科班身的设计师对色彩和版都较欠缺;
- 不容易把详情页头图设计,但是却不道何衔接下面的产品展示部分;
- 不擅长写文案也不擅长挖掘产品点;
- 自己设计详情页感觉缺少些质感,不耐看;
- 阴影不会处理,合不擅,修图不会;
- 知道如何绘制或处一些介绍产结构原的解剖图;
- 类目做,但是换一个类目做却不;
- 不知道如何计出耐的,有质的,或者有趣的详情页;
- 不知如何把握品调性,把控促销感和大感平衡;
以上总结出来的 12 个计详情页常见的问题,大家可以对照着。
为有知自己存在哪些问题了,你才能有针性地去训练和学习,你才会设计出板或运满意详情页,提高客户转化率和留存率详情页,进而实现加薪或升职可能性。
明白自身在做详情页设计时候存在问题,然后再照着看看那些优秀吸引详情页设计所具备些特质,提升自己审美,再过训练来培养自己动手能力,那么自己才会到快速提升。
不过,那些网店牌奢侈品的详页设我就不了,毕竟能自流的网的少数,能奢侈品的牌也少数。
红店铺的详情页设计的再随意,图片就是手机自拍的,字就是 word 档敲来的影响销量;大牌奢侈店铺的详情页就算设计的再简单影响它卖,只要牌 logo 那么一放,代言人往那一放,广告使劲砸,商是正,图片修图修的美点就够了。
所以呢,两种极端特例其是不太适用我们常规的店铺或品牌来玩的,所以我篇文章就不分析它们,我们只说常规的店铺或品牌的详情页,对我们来说更有参考价值。
那那些优秀的详情页一备哪些质呢?一起来:
1. 详情页的头图计一定要抓人眼球
如何抓人眼球呢?要是能准确的体现出产品的点,要计得有趣一点,要就计得有品牌调性一点,根据不同的目的和定位来决定。
比如款,头图部分可以用合成形,把容积大和多功能性特展示出来:
△ 爱华仕双肩母婴
比如,洽洽的山核桃焦糖瓜子,图部分就把那种的口感体出,让人忍不住流口水的感觉:
△ 洽洽瓜子
如,休闲食的详情页头图设计,则可把头图设计的趣味一点,给人一种边吃边玩的放松感觉:
△ 洽洽喀吱脆
当,趣味的同时,也以现出产品原材料的新鲜感:
△ 洽洽药脆
比如 suv 轮胎的详情页,你下面这的头图计,是不是觉超酷超帅?深得 suv 车主有没有?毕竟选择开 suv 的人内心深一都是有点追求酷和 man,由和狂野觉的人,不论男。
△ 威狮轮胎
再比如,头图部分也不定要做太炫技,干净、简洁透也:
△ 海尔
△ 白吹风
这种 ins 风格挺流行的,且任何类目其实都用于这种风格调性,只它体的场景感,活品。
实现形式是多种多样的,管是摄影、C4D 还是合成的形式实都可做来,要考验的是你的光影细节处、透视和修图了。
2. 整体详情页的设计调性要符合产本身的特点
知道大发现没有,实你的产的牌、格、功等特质,就决定了你的案应该怎么写,而你的产和牌特质及案,又决定了你的详情页头图的设计调性,而你的详情页头图的设计调性又决定了你面容分的设计调性。
它们是一扣一的,而且从上至下是协统一的整,比:
△ 狮威轮胎&洽洽瓜子
△ 直白吹机
3. 产的卖点和优势要清晰地展示来
实一个好的详情页头图设计就已经把产要的卖点和优势展示来了,但是涉及到更细致的一些结构和细节分,还是需要在面继续做展示和解析。
比,我们来看一看不同类目的产品结构和细节是何展示的:
体现玩偶的布料材质:
展现吸奶器的工作理,体现安全和温和:
展现水箱的导流计理:
展现轮胎的降噪理和质:
展示空气净化器的工作理:
体现纸尿裤的轻柔和透气性:
展示蒸奶器的阻隔污染功效:
展示调奶器的过滤理,展现其安全性能:
展现空气消毒器的工作理:
展现夹板夹头发的丝滑:
展现动牙刷的清洁效果:
还有多类目和优秀的理展示图就不继续放了,大家多养成收集的习惯,给建立一个资料库,当你要做计的候多去参考和模仿,久而久之也就拈来了。
而不知大家发现没有,这些效里,有是用合成完成,有是用手绘形完成,有是接用 C4D 模形完成,再有更复杂则需要多结合来完成了。
所以,多看多积累一方面,自己的手功夫也需加强哦。
4. 擅用图标解
很多优秀的详页设里不可或缺的一部分就用图标的形式替段的文字描述,这样图文结合的形式不仅观,且可以让页面信息看起直观。
而详情页里的图标设计样式跟店铺首页分的优惠券一样的,是可根据页面的格而设计成同格的,如目前流的一些图标格,如图示:
简笔画稿风:
为不让稿图标看来太单,也以结合一小块或者换个颜点缀试试看:
而且稿图标也以给他穿上不同的外,相当是有个罩子把他们框来展示,取决你的详情页风是什么样的,比:
扁平风的图标:
男化,科技感的图标风:
C4D 立风的图标:
其他还有很风和类型的详情页图标设计我就不一一展示,反正大家道图标的设计也是以风种样就行,主要由你的详情页设计风是什么样,你自己哪种现手段,以及你的执行时间够不够来决定。
5. 同一个系列的产品详情页,风要持统一
前面我们是分析的单个详情页的情况,际上还应该从整来看。
比如无论是出于节间和人力成本的角度,还是从品牌视觉统一性的角度,同一个系列的产品详情页计应该要做以下点:
- 风一致
- 可模板化
- 色统
- 板式构图统一
然,个系列品详情页设计看起来统时,在氛围缀物和些局部细节上允许有略微异,也是很有必要,这样才不会显视觉疲劳。
如下图所示:
△ 花间集,下毛戈平
6. 擅于引导用户一直往下看的
重的,优秀的详页绝不只好看这么简单,重的擅于引导用户一直往下看,因详页一般都很,这么的页面还愿意一直往下滑,这需很多技巧的,且看完了就买的那种。
而要做到这一点,考验的则是设计师几个方面的综合体现:
- 对客户的喜好产品特性足够了解;
- 从摄影环节开始前,设计师就会沟通好自己的创意要求、产角、拍摄场景,及全程跟进:详情页头图分的设计就要把户的吸引抓住(至于怎么抓住我前面说了);
- 文字排版的舒适度和节奏感,符合手机用户的阅读习惯;
- 整体配色的舒适度和节奏;
- 配图节奏感把控,要有大有小,注意留白;
- 产品修图很重;
- 整体的细节把控(包括执行手法和整、光影、质感肌、字大小和间距、留白、修图等)
如下图所示:
△ 巴布纸尿裤&某品儿童睡衣
△ 恰恰&某品酸奶
△ 洽洽
还很多案例我就不一一展示了,家只记住,几乎所的优秀的详页都具备以这些特质就好了。
当然,以这些这些知识点不一句两句,不一篇文章就能讲完的,涉及到了思维创意、沟通能力、团队协作、营、设基本功、执行力、性格否细耐各方面,改善不一朝一夕的事。
大如果想升的话,还是多对看看自己目前和那些优秀的详情页设计之间的差距,要从思维创意/手上功夫/审美和沟通/性格和耐心等等方面,一步步改善。然后缺啥补啥,后期断的多看,多习,多模仿,多思考就好了。
哦对,以上所有详情页设计案例均出自点奥文化团,感谢阿赛老师的提供,还有很优的设计案例,我们以有机分享吧,希望对你们有用。
,下期再见!
欢迎关注作者微信公众号「做设计的面条」,一与文笔俱的女设师。