恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
电商海报,到底怎么设计才吸引人?
0.0°
2020-12-08 原创文章 经验/观点 举报 794 3 5 0


电商海报是目前网店宣传的一种方式。在淘宝中,网店可以通过海报将自己的产品信息以一种特定的视觉方式传递给顾客,使顾客可以对店铺产品有一个简单的了解,进而对产品产生更多的关注,并决定购买。



一张好的电商海报对于电商品牌来说会有诸多影响和好处,它一是能清晰传达产品信息,二是能增强画面艺术表现力,三是能增加画面的趣味。



设计一张海报并不难,但是想要设计一张优秀的海报却不是那么容易,不仅要明白设计海报的意义,还要掌握设计的相关技巧,下面,数艺君就2大方面,给大家唠唠这方面的知识。



1

电商海报的意义


01

传达产品信息

在电商海报设计中,传达产品信息是最主要的目的,海报与文字一样,在电商页面中起着传递信息的作用,如图所示。



02

增强画面艺术表现力

电商海报是提升产品信息传达效率的重要工具,因此图形的形态结构会直接影响信息传达的效果。


同时,具有较高视觉美感的电商海报更容易引发顾客心理的共鸣,增强画面艺术感,轻松地促使浏览者接收所传达的信息,如图所示。


03

增加画面趣味

如果一个页面本身的内容还不够丰富,那么使用电商海报图可以起到充实页面的作用,且让产品信息能够得到更多更丰富的表现,使页面焕发活力,且更加具有趣味,如图所示。


2

电商海报的设计要点


电商海报的设计要点包含以下4个,即主题突出、风格明确、构图合理和细节完善。


01

主题突出

简单地说,这里所谓的“主题突出”就是能让顾客从海报中一眼就知道你想要表现的是什么,是优惠活动,还是商品特色。一般主题会放在海报的第一视觉中心,而且主题文字要求简洁干练,如图所示。


02

风格明确

风格其实就是设计作品给人的某种感觉,是小清新,还是文艺范,是古典风,还是甜美风等。


一般风格既可以根据产品属性来定,又可以根据季节、节日等其他因素来定。此外,海报的风格要和整个店铺风格相协调、统一才行,如图所示。


03

构图合理

这里所说的构图其实就是指海报的排版。合理的构图可以让海报主题突出,同时让画面看着更加明朗清晰,进而让产品信息表达得更清楚,且让产品效果也表现得更充分,如图所示。



04

细节完善

所谓“细节决定成败”。做设计时我们同样需要关注细节。在海报设计中我们需要注意的细节其实有很多。例如“购买”入口的引导,为了丰富画面所添加的一些装饰元素,这些都是属于细节优化方面的内容,如图所示。


最后,给大家安排了一个电商海报设计的实战,小伙伴们趁热打铁,一起来试试吧。



3

案例:简约海报的制作与安放


案例文件素材:

https://pan.baidu.com/s/1hJOZyBBiJmcMXgxcLOc0Cw

提取码:6sto 

这是一张吸尘器产品海报。画面中采用了地板元素,给人一种代入感,让人很容易想象到它在实际应用中的场景;采用左文右图的版式,这是较简单也较容易掌握的一种排版方式,显得简洁,符合大众审美,并且出图快。效果如图所示。


01 新建文件。执行“文件>新建”命令,在打开的“新建”对话框中设置“名称”为“简约海报”,“宽度”为“1920像素”,“高度”为“600像素”,“分辨率”为“72像素/英寸”,如图所示。


02 调入背景。因为吸尘器是用在室内的,因此为了给顾客营造一种更加贴近生活且更加真实的感觉,所以采用了地板作为背景图。执行“文件>打开”命令,打开“地板”素材图片,然后将其调入画面,并将其沿着画布底部摆放,如图所示。


03 新建参考线。执行“视图>新建参考线”命令,在弹出的对话框中选择“垂直”选项,分别设置一条“位置”为“485px”的参考线和一条“位置”为“1435px”的参考线,如图1和图2所示。之后确认,完成新建操作,如图3所示。

图1

图2

图3


04 添加商品。执行“文件>打开”命令,打开“商品”素材,将其调入画面。在这里,我们准备采用左文右图的排版方式,所以把商品放到了画布的右侧位置,如图所示。


05 添加阴影。在上一步完成了之后,发现画面效果有些生硬,因此想要给产品添加一些阴影效果,使其显得更真实。


在“图层”面板下方单击“创建新图层”按钮 ,在商品图层下方新建一个空白图层,然后选择“椭圆选框工具” ,在商品下方绘制一个椭圆,并填充为“黑色”,同时将图层命名为“黑色阴影”,如图所示。


06 选中“黑色阴影”图层,在菜单栏中执行“滤镜>模糊>高斯模糊”命令,然后在打开的“高斯模糊”对话框中设置“半径”为“23.7像素”,如图所示。


适当对黑色阴影进行模糊处理,同时适当降低其透明度,使其变得更加柔和和真实,如图所示。


07 添加主标题。在工具箱中选择“横排文字工具”,然后在选项栏中设置“字体”为“思源黑体Bold”,“颜色”为黑色(R:105,G:103,B:103),然后在画布中单击并输入“生活是用来享受的”字样。之后按照同样的方法制作“时尚简约大气”字样,并适当调整字体的大小等样式,如图所示。


08 添加副标题。继续选择“横排文字工具” ,在选项栏中设置“字体”为“华康宋体W5”,“颜色”为灰色(R:105,G:103,B:103),然后在画布中单击并输入文字,适当调整字体的大小等样式,如图所示。


9 添加点缀文案。继续选择“横排文字工具” ,然后在画布中输入“家用吸尘器”字样,设置“字体”为“思源黑体ExtraLight”,“颜色”为浅灰色(R:105,G:103,B:103),如图所示。


10 选择“矩形工具” ,然后设置“填充”为灰黑色(R:94,G:92,B:92),如图所示。在英文字体的下方绘制一个矩形框,然后选择“横排文字工具” ,然后输入“立即购买”字样,如图所示。


使用“矩形工具” 绘制一个矩形,然后填充为红色(R:255,G:1,B:0),并移动到文案中的合适位置。


11 添加装饰元素。在菜单栏中执行“文件>打开”命令,打开“装饰素材”素材,然后将其调入画面,并将其调整到合适大小和位置,操作完成,如图所示。


12 保存图片。在菜单栏中执行“文件>存储为Web所用格式”命令,如图1所示。在弹出的对话框右侧设置“存储格式”为“JPEG”,“品质”为“80”,设置完成后确认存储操作,如图2所示。在弹出的对话框中设置“格式”为“仅限图像”,即可完成存储,如图3所示。


图1


图2


图3


13 登录淘宝网。进入淘宝首页,单击“卖家中心”选项,如图1所示。输入账号和密码,登录淘宝网页,如图2所示。

图1


图2


14 进入图片空间。在打开的页面中单击“店铺管理”一栏中的“图片空间”选项,进入“图片管理”页面,如图1所示。单击下面的“复制链接”按钮 ,将图片链接复制,如图2所示。

图1


图2


15 全屏装修。在淘宝装修后台中,淘宝默认是不让我们全屏装修的,所以若要以全屏形式装修海报的话,需要借助一款软件,即“传奇美工助手”来完成。启动该软件,选择软件中的“通用全屏”功能,然后将复制的链接粘贴到图片地址框中,生成并复制链接,如图所示。


16 当将上一步操作完成之后,进入店铺装修页面,这时候我们从左侧栏拖曳一个“自定义内容”模块到页面中,如图所示。


单击页面右上角的“编辑”按钮,在打开的页面中设置“显示标题”为“不显示”,同时勾选“编辑源代码”复选框,将刚刚生成的代码粘贴到里面去,如图1所示。最后确认,完成全屏装修,如图2所示。

图1


图2



Powered by Froala Editor

更新:2020-12-08

收藏

3人已收藏

数艺设

人民邮电出版社数字艺术分社

  • 491

    作品

  • 1108

    粉丝

  • 0

    关注

  • 分享一个普通插画师,很难Hold住的画法!
  • 为什么现在学Photoshop,也不算晚?
  • 乌江榨菜国风新包装!设计师画了40多稿
  • 你感受过五彩斑斓的孤独吗?这些高饱和度插画里隐藏着生活的力量
相关标签

    猜你喜欢

      2020-12-08 原创文章 经验/观点 举报 794 3 5 0

      电商海报,到底怎么设计才吸引人?

      0.0°

      你确定要举报电商海报,到底怎么设计才吸引人?

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年12月08日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      5
      3
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录