基本信息
文件名称:视觉设计与制作 课件 任务5.3 设计网店横幅.pptx
文件大小:13.53 MB
总页数:17 页
更新时间:2025-07-03
总字数:约2.92千字
文档摘要

网店Banner设计主讲人:陈麦莉

认识Banner设计Banner指的是网店页面的横幅广告,也店铺风格最直观的展现位置,对于营造氛围起着巨大的作用。网店首页焦点轮播图、促销海报、商品推荐和商品焦点图采用的都是Banner形式。

Banner设计规范设计规范0102PC端如果显示器分辨率1024*768,Banner尺寸为1007*600px。移动端ios端:640*180px或者640*240*android:720*300px1080*375px

Banner设计要点设计要点主题明确设计Banner时,首先要根据推广目的确定主题。风格统一Banner的设计风格必须符合网店的整体视觉风格。定位精准针对消费群体的定位图像清晰清晰的图像更能形象鲜明表达中心意旨。

Banner设计技巧文字设计技巧011.用文字进一点的告诉用户,是打折或是新货上市?如果我们最大的买点就是“4.1”折起,那么毫无疑问,“4.1”折的字样一定要大,要醒目,其余的则需要相应的弱化。重点文字突出

Banner设计技巧文字设计技巧大小和颜色的混搭①排列组合的混搭②不同字体之间的混搭③中英文字体的混搭④2.文字的基本排列混搭

Banner设计技巧文字设计技巧03根据背景构图不同或者我们想要更有视觉冲击力表现文字内容时,我们可以尝试对文字进行倾斜或斜切透视等处理,这样可以让画面更有动感和层次感。文字的倾斜与斜切

Banner设计技巧文字设计技巧04如果在设计时背景颜色比较复杂,或者背景有比较多产品等元素,这时我们需要让文字放在一个相对独立的区域或色块中,如果没有相对独立的区域,我们就要自己设计创造出这个独立区域和色块,这样更便于文字阅读,也能让文字的视觉焦点加强。让文字形成相对独立的区域

产品摆放有几种姿势1.叠加2.模拟货架摆放3.平面构成图形化5.产品悬浮,由远及近/由近及远6.产品组合堆放4.产品部分细节展示7.拿在模特手上或穿在身上脚上BANNER图片技巧Banner设计技巧

e7d195523061f1c0c2b73831c94a3edc981f60e396d3e182073EE1468018468A7F192AE5E5CD515B6C3125F8AF6E4EE646174E8CF0B46FD19828DCE8CDA3B3A044A74F0E769C5FA8CB87AB6FC303C8BA3785FAC64AF5424750B03A6C170E37CDA0B6B64BA161591DE1BFC1FD4191A352FD5D4675E7B80AF85C8B685208968241190935F4F9452E1C38A077DA3E528817案例1:叠加产品+切边构图+截取部分产品展示+产品数量实例展示Banner设计技巧

e7d195523061f1c0c2b73831c94a3edc981f60e396d3e182073EE1468018468A7F192AE5E5CD515B6C3125F8AF6E4EE646174E8CF0B46FD19828DCE8CDA3B3A044A74F0E769C5FA8CB87AB6FC303C8BA3785FAC64AF5424750B03A6C170E37CDA0B6B64BA161591DE1BFC1FD4191A352FD5D4675E7B80AF85C8B685208968241190935F4F9452E1C38A077DA3E528817案例2:模拟产品真实摆放场景+三件以上产品Banner设计技巧BANNER图片技巧

e7d195523061f1c0c2b73831c94a3edc981f60e396d3e182073EE1468018468A7F192AE5E5CD515B6C3125F8AF6E4EE646174E8CF0B46FD19828DCE8CDA3B3A044A74F0E769C5FA8CB87AB6FC303C8BA3785FAC64AF5424750B03A6C170E37CDA0B6B64BA161591DE1BFC1FD4191A352FD5D4675E7B80AF85C8B685208968241190935F4F9452E1C38A077DA3E528817案例3:产品堆放+三件以上产品BANNER图片技巧Banner设计技巧

e7d195523061f1c0c2b73831c94a3edc981f60e396d3e182073EE1468018468A7F192AE5E5CD515B6C3125F8AF6E4EE646174E8CF0B46FD19828DCE8CDA3B3A044A74F0E769C5FA8CB87AB6FC30