如何打造电商详情页设计?
在电商设计工作中,详情页的设计一直都是衡量电商设计师能力的重要指标,正是因为它的重要程度,所以也就成了困扰很多设计师的难题。目前详情页基本上都采用了分屏式的设计,目的为了提升视觉流畅度以及减少阅读障碍。这种方式就将详情页设计转变为具有组合效应的单屏海报设计。所以做好每一屏海报就成了终需要解决的问题。那么有哪些实用的详情页设计技巧,可助我们一臂之力?
如何做电商产品图案_如何做电商产品图案设计
如何做电商产品图案_如何做电商产品图案设计
在写这篇文章之前,我翻阅了很多比较不错的详情页首焦设计,发现这么多不同产品和类目的详情页,在设计手法上竟有很多相似之处!不信你来看!
上面是我在翻阅的过程中随机筛选的12张详情页首焦,从视觉角度来看,每张首焦都给人一种干净舒服的感受,元素虽然不多,但却一点也不单调、层次感很强。
从实现难度来看,没有很复杂的设计手法让你望而却步,整体来看实现起来都不算难,明白原理之后,只需多加练习就可以。那么该有同学问了:为什么我看完之后还是不会?这时候,再回过头看上面的12张首焦,着重观察每张图的明暗关系,光影变化!哇!很丰富所以说,简单的场景一样可以做出很有层次感的首焦海报,场景的复杂与否和终的视觉效果没有直接关系。通过设计手法表现出场景元素间的明暗变化在详情页设计中用到的非常多。简而言之就是:营造明暗变化。
什么是光就不解释了,生活中随处可见:灯光、日光、月光……并且物理老师也告诉我们:同种均匀介质中,光是沿直线传播的!无论是在设计,还是现实生活中,我们通常会把光与影放在一起说,即光影,两者密不可分,有光就要有影,有明就要有暗。只是体现光影、明暗关系,就足以让设计作品变得丰富、有层次感,比如现实生活中的汽车:在详情页设计中,光影并不是越复杂越好,反而越实用的越简单。注意:在详情页设计中,一般情况下不会用到直观的光源,大多都是拟定光源位置,一但光源位置确定,画面中的所有元素(包括背景)都要遵循:靠近光源的位置亮,远离光源的位置暗。那么如果光源位置确定,应该在背景上如何体现?上图所示就是拟定光源位置后,背景明暗关系对照图,其实做起来很简单,就是通过渐变叠加实现的,相比纯色底,这种渐变的背景是不是更实用?在详情页设计中,一些有模特的场景图,大部分都使用渐变的背景,下面看两个案例:
渐变的背景增加了整体的层次感,模拟了一个设计上的环境感,而且模特的形象因此也更加立体,作品整体也不显单调。
产品特写或者局部放大时,渐变背景用到的也很多!
一、产品即是场景详情页设计,核心还是产品,很多时候产品素材本身通过修图,明暗变化就很强,这时就可以完全依靠产品素材,做好背景处理及文字排版就可以了,下面看几个案例:
看似案例很简单,实则很考验设计功底,渐变的背景用的恰到好处,模拟了一种有光源的视觉变化,从而提升了画面整体的视觉层次感。简洁大气的作品也更易于大众接受。下面我们看个实案例:
终成品
如上图案例所示,依靠产品自身丰富的明暗变化,利用简单的构图形式,一张详情页首焦轻松完成。但这种形式受产品自身影响,有一定局限性,并不是所有的产品都适用。接下来我们继续!
二、搭建小场景搭建小场景在详情页设计中也是非常实用的,为什么要说小场景呢?小不是代表体积小,而是场景要简约,无需特别复杂,简约并不意味着简单,重点是要有层次感、把控好整体的明暗变化和光影。还是不太懂?下面看一个基础的小场景搭建:
上图案例是不是给你的感觉很简单,除掉产品和文案,几乎没有任何多余的元素装饰,那么有个问题:为什么一点也不单调呢?剖析一下:
看似简单的场景,对设计功底的考验一点也不少,小场景设计中,如何体现光影是非常重要的。说完基础的小场景,我们继续往下延伸。很多产品的详情页设计都用到了更真实的使用或者摆放场景,目的是让用户更加直观的了解产品,视觉上更有代入感。在偏真实的小场景设计中,对于光的表现还可以再丰富,比如现实生活中的窗户格、植物、阳光等等,都是对光的一种加强体现,下面我为大家总结一些实用的表现形式:
类似上图中的光的表现形式有很多种,在详情页中都非常实用,它能起到加强光感、赋予整体环境感的作用,并且对提升作品层次感有很大帮助。下面我们看下在设计中的使用。窗户格形式
光照效果
素材影子
不管是哪种表现形式,其目的都是在营造一种光影的环境感,提升作品整体视觉变化强度,避免单调!也让产品更贴合现实,易于解读和表达。
下面再看个实案例:
终成品
在实案例中,对于场景的搭建并不难,如何体现光的感觉才是重要的一笔,光赋予了作品环境感,视觉上的明暗的变化使得作品给人的感觉丰富有层次。
对于详情页中的小场景搭建,前后遮挡用到的很多,根据实际情况选择合适的遮挡物即可。
在详情页设计中,对于光的表现形式远不至于文中所说到的,这里只是为大家提供一些实用的设计思路。不妨找一些不错的详情设计,对应着本文内容,自己再验证、总结一下,这样印象会更深刻。
想在电商平台销售自家农产品,但没有摄影美工基础,该如何拍摄制作精美的?
你这个问题,我想是大部分农村电商创业人员都要考虑的问题。
我谈一下我自己的看法:既然是通过电商销售自己家的农产品,主要的一点就是:真实!在没有摄影美工基础的前提下,请人拍这个费用又会比较高。但是拍摄的不精美就不会吸引人,我自己是从以下几个方法着手的:
一、原生态的更容易吸引人是我一直以来的观点
如果我们只是要将农产品上传到淘宝、京东、惠农网等电商平台作为基础的产品信息,其实这个摄影技术是没有太高要求的。我们只要用一部像素较好的手机,从产品的各个角度、生长环境等真实的拍出来就可以了。特别是农产品本身的,我觉得过度的美工,反而失去了他的本质。
我特意放了二张图来给朋友看,这是我放在一些平台上的产品。我觉得只要符合平台的标准,又能满足基本要求的前提下,我们自己拍摄就可以了。
二、根据不同的需要来拍摄
当然有些场景自己拍摄的肯定是达不到要求的,比如淘宝首页、京东众筹、产品宣传册等。这些对的要求比较高,就必须需要专业的人才能达得到他们的要求。这个时候一定不能盗图,就是去百度,这样很容易引来麻烦。其实有二个方法:
1、自己拍摄基础之后交给学设计的大学生去完成后期制作。现在微信上有很多群,都是在校大学生的。我就是找了这样一个在校大学生设计群,他们的出价不高,给我的基本还是很满意的。
2、可以将拍摄任务打包交给别人来做。
如果你是要做淘宝外包、京东众筹、产品宣传册、企业网站等,你肯定要请专业的设计团队来帮你完成。这样你就可以将拍摄任务打包交给他们。他们也知道如何制作精美的来达到要求。
三、有了一定经济基础之后,自己买设备自己学习
我们所有的农村电商创业者,还有做自媒体的,都是要走向这条自己学习之路的。因为我们每天都要更新和视频,总不能把希望都寄托在别人身上。有了一定的经济基础,自己买个、三角架等,现在百度、、抖间上都有教一些拍摄技巧。
总结:现在是全民电商时代和自媒体时代,手机还有都有拍照功能,我们一定要记得拍摄自己需要的东西就好,真实的把我们的农村展示在大家的面前。一定不能侵犯他人的隐私,感谢大家!
电商详情图有哪些作图技巧?
宝贝流量=展现点击率,而新品上架淘宝一般都会给到展现,所以重要的就是点击率,那首图应该如何设计呢?
1.视觉一定要好看
对电商非常重要,淘宝交易是通过互联网进行的,是客户对你产品的印象。人都是视觉动物,通过首图对产品进行包装非常必要。比如对于食物,卖相很关键。下面第1张图是红薯煮完的真实状态,虽然很淳朴真实,但是按照第3、第4张图来设计,会让用户更有食欲,更想点击。
2.关注用户需求
主图的目的是吸引用户点击,所以设计首图时要从客户角度出发,客户关心产品的什么问题,在乎的是产品的哪一个卖点,然后通过的形式呈现。产品再好也要证明出来,这才能成为竞争力。
如何知道用户关心什么呢?根据你的人群定位和产品定位,去看你销量排名前几的竞对,去看他们的用户关注的问题,可以看两块,一是用户的评价,二是问大家的模块。
比较笨但是有效的办法就是把用户评价中好评和评里的高频词汇提炼出来,记录在excel表格里,然后降序,频的词汇就是用户关心的。
3.围绕标题核心属性词
当用户通过标题中的核心属性词搜索到宝贝,结果中没有用户需要的卖点,这就就白白浪费了搜索的权重。例如当“迷你包包”是核心属性词时,第1张图没有突出迷你的元素,点击和转化可想而知。的做法是宝贝上新后,通过标题+主图配合来提高点击率,在详情页里用场景化和卖点的强化来提高转化。
4.异化策略
主图异化基本可分成背景颜色异,产品大小,拍照距离异,产品摆放异,有无模特异等。
当用户搜索后,出来一大堆宝贝,如何能脱颖而出,那就需要做得特别和吸引眼球。
以手机膜为例,下面每张图的卖点都有异,除了优惠外,第1张是强抗蓝光,第2张图是3倍强化不碎边,第3张是抗蓝光送后模,第4张是全屏覆盖抗蓝光。同样打抗蓝光,张用紫色的光来区别,这就是异化策略。
5.有创新
把创新放在后一点,主要是因为创意在广告里是可遇不可求的,当一个创意成为爆款后,后面再去模仿这个创意点,效果往往只能达到个的十分之一。
前年夏天的这两款鞋子都有非常好的创意,下图鞋子的主图点击率达到20%-30%.
类似的这款鞋子主图浏览量已达到309W
后主图设计好了,那我怎么判断这个主图是否成功?
有两个办法:
1.生意参谋看主图效果-生意参谋-商品-单品分析
2.拿直通车去测图,拿主图的点击率去跟行业点击率做对比
今天给大家介绍的主要是首图的制作原则,主图第2、3张图的主要目是快速吸引用户的兴趣,继续浏览下去,可以提炼宝贝的卖点和结合宝贝促销活动展开。
怎么做电商海报?如何制作比较醒目的宣传电商产品的海报呢
如何用PS制作海报教程现在做电商的经常要做个海报进行推广商品,下面举个简单的例子来给大家做参考,教大家如何用PS自己制作海报。
工具/材料
PScs6
01
首先,打开PS软件,点击文件菜单,点击新建命令。在弹出的新建对话框中输入海报的宽度高度,再点击确定。
02
建好文件后,首先是需要设计个背景,可以用搜狗浏览器搜索一些漂亮的背景图放进来。或者自己用颜色调个色彩背景图。比如点击渐变工具,在顶部选择一种渐变色,点击线性渐变,在文档中从左向右拉出。
03
背景做好后,再找到要加入的商品,将其拉入到文档中。如图。
04
拉入后,对着控制点拉动改变大小,然后双击中部确定。
05
然后点击快速选择工具,将商品如图中的模特选中,再按Ctrl+Shift+I反选模特旁的背景。
06
按Delete键删除多余背景,用移动工具把模特移动到想要放置的位置,比如左侧。同样的方法做出第二个模特或商品,放于右侧。
07
接下来点击横排文字工具或竖排文字工具,在文档中间点击输入想要推广的文字。再点击右侧字符面板,调节为喜欢的字体,还有大小比如60,行距比如30,颜色等。这样一幅简单的海报就做好了,大家可以发挥想象力,再添加其它素材及文字。
08
后点击文件菜单,存储为,格式处选择JPEG,输入文件名,点击保存就可以了。
如何制作比较醒目的宣传电商产品的海报呢?我认为你可以通过微信里面的设计魔方
微信小程序
进行设计自己的产品海报,不仅比较醒目,而且还有很多样式供你选择,作起来也是很简单的,而且海报也非常的精致。一张好的电商商品海报的文案应该具备哪些要素?好的标题能够吸引你的注意,而糟糕的标题让人看都不想看,扫一眼便略过去了。所以做好Banner的件事情,就是需要设计走心的文案。所谓走心就是触动你的心灵,或者说让你感兴趣,可以激发你的点击欲望。
我们时常会看见这样的广告,文案内容直接罗列了公司经营的产品或业务,抑或是像说明书一样详尽介绍产品或服务的主要功能。从广告主的角度来看这是合理的,用户需要知道我们的产品有哪些特点,这样我们的产品和服务才能被记住。
当然用户不会因为你写的几句话就买下产品,还会考虑价格、品质等因素。不过我们这个Banner的使命就是吸引用户点击,提高页面转化率。用户感兴趣点击了,你就成功了。
构图说白了其实就是对画面进行布局,明确如何在你构图的下吸引用户点击,使用户产生欲望了解内容。如果这些都能达到,那说明你的构图成功了。构图规则分为以下几种:
①左右式构图。这是常见的构图方式,分别把主题元素和主标题左右摆放。
②居中辐射式构图。这种构图方式使标题文字居中,分别把主题元素环绕在文字周围,着重强调标题的环境。
③三角形构图。这种构图方式常见的是倒三角构图,标题突出,构图自然稳定,空间感强。
④斜线构图。这种构图产品所占比重相对平衡,构图动感活泼稳定,运动感、空间感强。此类构图适合科技、汽车、潮流题材。
选择使用一款字体的时候,除了考虑它的易读性,更多考虑的是这款字体能否准确地传达出产品的气质。下面告诉你应该如何选择字体:
①男性气质。方正粗黑、站酷高端黑、造字工房版黑、蒙纳超刚黑,黑体给人感觉粗壮紧凑,颇有力量感,可塑性很强,适用于各种大促类的电商广告。
②文艺气质。方正大小标宋、方正静蕾体、方正清刻本悦宋、康熙字典体宋体的衍生有很多,有长有扁,有胖有瘦。运用宋体进行排版处理,既清新又文艺。
③女性气质。方正兰亭超细黑、汉仪秀英体,字如其人,女性的特点是细致优雅、苗条细长。此类字体常被用于化妆品、女性杂志、艺术等女性主题领域。
④文化气质。王羲之书法字体、颜真卿颜体、书法字体具有很强的设计感与艺术表现力,运用得好的话往往是点睛之笔。各式各样的书法字体有着自己独特的细腻的特点,把握好这一点,既能增加文化内涵,也能衬托出产品的气质。
小众产品的电商素材怎么做?
其实制作素材的技巧和其他品类也没有太大别啦。
主要的几个技巧:
1、素材要清晰
2、文案和素材需要能够体现出产品的亮点
3、素材、文案、产品风格要一致
4、异化
我主要从2、3、4三个点来讲一讲,既然提到了“小众品类”。我就挑几款小众品类的素材来分析一下。
我总共挑选了两件产品,分别是“黑科技电动掏耳器”(上个月爆款产品)以及“免拆洗纱窗清洁刷”(短期爆款)。
小众品类大多生存周期不长,这也是小众品类一大特点。
数据来源于:DataEye-EDX
数据来源于:DataEye-EDX
如上图,两件产品的销量都过了十万,算是小众产品中比较有代表性的了。
亮点
1、文案
“黑科技掏耳勺”文案参考下图:
文案提及的产品亮点主要有“69”、“电动”以及“干净”。
69是产品是广告主想要体现出的价格,用“一折”、“促销”、“限时”等文案来辅助体现69元是“优惠”,消费者的消费欲望。
“电动”体现的是产品的主要功能,也就是“黑科技”所在,相比一般地棉签,这款掏耳勺的亮点就在于“电动”,并且实用性和效果都要强于棉签,在文案中的体现就是通过“一下吸出”、“干净”等文案来反映出产品的使用效果。
数据来源于:DataEye-EDX
“免拆洗纱窗清洁刷”文案参考下图:
文案提及的产品亮点主要有“29.9买一送一”、“一刷两面干净”以及“不费力”。
和掏耳勺同样的。
文案中用29.9元买一送一的价格优惠来放大消费者的购买欲望。
而一刷两面干净以及不费力反映了产品的使用效果和使用体验。简洁明了地表明了产品的功效。
数据来源于:DataEye-EDX
2、素材
“黑科技掏耳勺”素材参考下图:
“免拆洗纱窗清洁刷”素材参考下图:
从上面两则素材中可以看出,两者虽然素材内容和形式都不一样,但想要表达出的内容确实一致的。
那就是体现出产品的功能以及亮点。
一件产品能够做什么?以及消费者为什么购买它?
广告若能体现出产品的亮点,而亮点又符合消费者的需求,自然而然地广告素材的点击就会增加。如果连产品能做什么都表述不清楚,如何能让消费者知道自己需求该产品呢?
风格
由于清洁刷的素材主要以短视频为主,因此这里主要从掏耳勺的素材进行分析。
颜色、文字结构、文字内容以及字体都是风格的一部分。
如何能判断风格是否一致?主要看整体的视觉感官如何。一则广告素材被制作出来,可以给局外人评审一下,他人的印象感觉是否有不协调之处?有则优化。
图中的图文搭配无割裂感,统一了“黑色”底色。黑灰两色能够隐晦地衬托产品的“黑科技”一特点。素材主要有黑色以及黄、红、蓝三原色,搭配起来不显突兀。算是不错的广告素材。
对比另一则男装的广告素材,如下图:
有比较明显的割裂感,左右背景色不一致,而文案的颜色与背景色搭配不协调。
文案的设计也比较有问题“有点小贵”与掏耳勺素材文案的“1折”相比,肯定是后者的吸引力更强一些。
异
虽然小众品类竞争不算太大,但近期也越来越多商家在关注这一块。所以小众品类商品有竞品出现,或者自己打造出爆款后续有商家跟品的情况都是有可能的。
前期选品的时候要考虑到同类竞品存在的情况。比如借由DataEye-EDX平台搜索一下有无竞品已经再投。
而如果是上架有一段时间了,有商家跟品的话,同样可以通过这种方法,去查看竞品的投放情况。
查看竞品的目的是为了收集其信息。一旦自身的签收率等数据有所下降,就要警惕了,就要着手开始优化投放了。
这个时候讲究的就是异化。
很多商家懒得很,跟品跟一样的,素材抄一样,就连文案都一样的。这个时候,同质化的广告之间就存在直接地激烈地竞争关系。
此时可以尝试修改文案、素材甚至是投放渠道,将自身的广告异化于竞品,这样能给与看到同一款产品的消费者留下更深刻的印象。
就好比一堆天鹅里有只鸭子,就算长得丑那也是鸭立鹅群,显眼的很。