即使是一块小小的SALE 招牌设计其实也有很多种玩法呢,今天TTTing1这篇文章总结了9种常见的设计手法,每一个都附上优秀案例,看完也许对Banner 排版设计能有所启发哦。
记得去年年底跟几个朋友一起去香港逛街,当时逛了一个商场的好几十家店,几乎每一家店里都挂着一个写着SLAE的牌子旨在吸引用户进店购物,我发现每一家SALE招牌的设计样式都不一样,而且每一个SALE招牌的设计风格跟店铺的装修风格以及店里卖的服饰风格都很搭调,所以也是挺感慨的,虽然只是很小的一块招牌,但是对比大陆的一些商场,设计感好太多,我没有拍照下来,但是我收集了一些其他的SALE招牌并以自己的理解概括总结了一下,大家可以一起看看,也许能对大家的Banner 设计排版有一些灵感启发。
1,圆形聚焦
其中的纸张撕裂效果其实也可以看做是圆形聚焦的一种形式。




2,商品组合成形
用商品或字母等元素堆砌出一种形状。


3、画框聚焦
将背景填充各种图案或者商品,形成一个画框,假想文案部分就是画作,那么视觉焦点自然而然聚焦于中间文案部分。








4、类画框聚焦
与画框聚焦的方法类似,不同的是利用了格式塔原理,即使画框不封闭,受众也能自然而然将它脑补成一个闭环,此种方式相较画框聚焦的方式更为灵活。


5、背景材质叠加
这种方式只需要找到合适的纹理或材质当做背景就好了,制作起来还算比较方便的,同时要保证文案内容的清晰识别性。




6、手绘或插画风格
其实算是上述方法的延伸,因为任何文字、图形都可以视为组成画面的一种元素,要是能做成gif动图就更有意思了。





7、以下几个也是上面几种方法的延伸或者与模特的结合运用,当我们将模特视为一种元素、一种纹理或者一种形状,就好理解了。



8、将SALE视作主角或骨架,并赋予它一种功能形式,模特商品等均可视为配角并与之搭配使用(配角依附于它,这种形式会比较好玩新颖)。





9、将SALE或文案部分视为主体并对它进行塑型(比较潇洒现代的毛笔字越来越受到设计师的青睐),我们知道假如要突出某一个主体,通常可以采用对比和烘托陪衬的手法,而这里就运用到了对比的手法,前景造型丰富则背景就简洁,反之亦然。


说了这么多,其实每一种方式都可以尝试去混搭组合,也许又会产生不一样的效果呢~ 另外这次收集的算是稍微时尚一点但又不算那么高冷的设计案例,所以还是可以满足目前仍然是追求热闹促销为主但又要求时尚的电商设计需要的,想看更多Banner 玩法可以看我前面写的几篇关于Banner 设计的文章。
以上就先介绍到这里了,觉得不错的话就收藏起来吧,以后总可能会用到的,另外可能有的人会说:“怎么都是英文的啊,不实用啊”,对此我只能回答:“设计无国界,大家就不要总歧视英文了啦”。哈哈哈哈
我们下次再见!~看完觉得不错的话就点赞支持下啦,么么哒(以上案例均来自花瓣,如有冒犯请私下约我么么哒)。
欢迎关注小婷姐的微信公众号「TTTink-D」,一个干货与文笔俱佳的美女设计师:
微信公众号简介:专注开拓电商设计思维,不定期分享一些个人见解干货,当然也会分享一些顶级创意、摄影、人生感悟方面的好文啦。
情非得已
21个Sketch实用高频小技巧2019-02-15
25款值得收藏的优秀网站模板免费下载2015-09-16
20套高质量的免费网页模版PSD素材2013-09-02
20款国外时尚大气的按钮开关PSD素材下载2013-07-31
CSS实例教程:十步学会用CSS建站2011-10-05
网页设计师:浅淡网页BANNER设计2010-09-27
网页细节教程:WEB设计精确点滴2010-09-13
网页设计中的点滴细节把握2010-09-01
总结交互组件创新的四种方式2010-06-28
最全的国外电子商务CSS模板下载2010-06-18
实例解析3种文档大屏适配方法
相关文章2632020-03-09
详细解析UI设计中搜索栏设计的技巧
相关文章6092019-03-31
UI设计师如何设计最常见的关闭按钮
相关文章4042019-02-24
设计师解读如何让扁平的网页更出彩
相关文章10302018-12-07
UI设计师需要学习的保存功能设计总结
相关文章3422018-12-07
7招表单设计设计师方法提升表单体验
相关文章5672018-12-07
UI设计师必学栅格设计原理和技巧
相关文章4992018-11-29
5个网站设计实例解析网页设计趋势
相关文章4452018-11-29
