618是万千商家的期中大考,同样也是设计师们的竞技场。
作为电商大匆匆的先锋队,各路设计师肚量胸襟高远空想,无惧“英年早秃”的勇气,纷纭使出独家绝招,以别具魅力的作品,于无声处撩动剁手族躁动的心,乖乖收藏加购下单。

天猫618系列主题页面

比较于许多店铺工业流水线化的设计,今年的618的页面设计,不断呈现出新的创意。
最明显的是,国潮+C4D立体风格开始大面积涌现了...下面,让我们分享这些精良的618页面设计吧!

01/浮世绘6大流派,风格纷呈

1.C4D派——炫酷魔幻

别人家的618页面设计超多美图告诉你电商页面创意套路

C4D作为集万千宠爱于一身的设计界网红,其全称为 Cinema 4D,是一套由德国公司Maxon Computer开拓的3D绘图软件,以高运算速率、优质建模和强大的渲染插件著称。
如今,C4D技能已经成为设计师们追逐的趋势。

618大匆匆的C4D,常用在产品、字体、场景上。
通过建模技能,加入现实、科幻、3D等元素,呈现出动画般的惊艳效果。

譬如途新和品胜活动页,把平面的元素,用C4D做出三维效果,魔幻现实主义的场景,有种身临其境的觉得。

更多案例:

2.国潮派——国风缥缈

国潮派很多彩绘、合成、重构等当代表现手段,来展现中国传统文化元素和美学意境。
近年来,国潮风一贯是电商的热门设计风格,特殊是故宫、敦煌等文化IP起来往后,大家都想玩一波国潮风,今年618的国潮风也超级抢镜。

例如,小龙坎采取纯插画风,满满的“中华小当家”既视感。
卡通人物和食品,让画面更具亲和力,赤色调搭配火锅场景,热辣的诱惑迎面而来。

五芳斋的龙门背景和、匆匆销背景,都是浓郁的中国风,合营画面中人物的动作神态,营造出一种传染力,彷佛在说:把手给我,带你走上人生顶峰一起吃粽子吧!

更多案例:

3.合成派——脑洞新奇

合成是设计界常用常新的表现手腕,以其震荡的视觉、新奇的想象力,很适宜展现、强调和放大匆匆销主题或产品卖点,具有很强的适应性。

罗莱家纺将美女的裙摆放大,大手笔铺开的面料,看上去显得很崇高,直不雅观地突显了产品的上风。

馥之秀的合成海报同样放大了主推产品,从天而降的匆匆销优惠信息和瓶子,气氛上显得特殊热闹,视觉上别具冲击力。

更多案例:

4.混搭派——新奇潮流

混搭风的运用关键,在于不走平凡路,把不同的艺术风格稠浊利用,排版像风一样自由,。
混搭的元素看似不干系,实际上又符合主题,能够创造出视觉的张力,以及线人一新的画面效果。

安踏的详情页创意,画面的底纹总体偏科技感,小男孩背后混搭了霓虹灯元素,形成了自己的风格。

京东这一组618创意banner,同样的“一起热爱,就现在”主题,采取不同的元素进行创意混搭,呈现出不同的个性。

其他案例:

5.极简派——低调内涵

单色、少元素、扁平风格,让画面更加干净,简约而不大略,低调中有内涵。
一些数码、电器、高端生活用品品牌,这几年很偏爱简约风。

阿玛尼化繁为简,大胆地采取大赤色调,与产品融为一体,“双11”的字样奥妙采取唇釉堆叠,别具灵感和视觉冲击力。

松鼠传媒只用了黑灰两色,分列旁边形成变革,直不雅观地呈现出卖点特色,加上产品放大展示,看着文雅大气。

6.手绘派——文艺文雅

近年来,手绘风格广泛用于H5等社交传播,电商扮装品、食品详情页也喜好采取。
彩绘让产品显得富有文艺气息,或文雅或炫酷或清新,富有生活的亲切感,很适宜用在生活类消费品上。

米可儿首页用手绘手腕,再现了民国期间的米铺街市场景,怀旧的画面展示了品牌的正宗与传承感,同时又不乏青春时尚的气息。

高夫跨界上美影,结合产品形象设计出葫芦娃经典IP风格,动效设计更是画龙点睛,风格调性光鲜,让人过目不忘。

更多案例:

02/方法论三步创意带货页面

看了别人家的产品设计,先不要急着酸哦,实在你也可以设计出精良大匆匆页面的。
不过,电商设计是一种传达的艺术,除了页面本身的创意性和艺术性,若何传达匆匆销主题和产品卖点,带动品牌认知宣扬和产品走货才是最根本的目的哦。

因此,在设计大匆匆活动页面的时候,须要节制科学的创意流程。
我们认为,好的页面必须策略层——观点层——创意层这三个角度进行落实,先想清楚再动手,才能做出品效合一、能带货的好页面。

电商创意设计流程示意图

1. 策略层:弄清楚你表现什么?

在设计页面之前,设计师要跟运营充分沟通,明确大匆匆活动的关键细节,包括目标人群、活动目的(主题)、产品卖点和品牌定位、露出位置等,这些东西看似很繁琐,实际上有助于让你弄清楚大匆匆要传达的重点内容,以便后面组合设计元素,形成差异化、个性化的风格,确保页面设计效果的精准性。

以服装为例,大匆匆是针对知性白领女性,还是开学季的女大学生?是针对价格敏感型的客户为主,还是看重代价、调性的人群为主?如果是白领女性,设计风格要文雅、高逼格一些;针对女大学生,则要清新、甜美或潮酷一些,同时更光鲜地凸显价格上风。
如果是针对价格敏感性客户,页面设计要生动生动,把利益点凸显,以优惠进行诱惑;而针对看重代价、调性的人群,设计风格要更偏品味,凸显其专属的权柄,不适宜太轻浮。

针对儿童人群的绘本故事风格设计

从活动目的来看,是促进潜客转化、快速收割,还是产品上新销量破零?抑或是强化品牌认知,集聚品牌粉丝?如果是促进转化,那么设计尽可能夸年夜、有冲击感一些,把匆匆销利益说出来;如果是产品上新,则要传达产品卖点,乃至在承接页也用图文展现新产品卖点(不但是在详情页阐述);如果是强化品牌认知(比如说品牌店的首页),设计上结合品牌定位,形成某种独特的风格。
比如说,以海洋为主题的服装系列,整体设计风格、包括模特配饰、外景都可以采取海洋元素,呈现浓郁的海洋风情,这样品牌的调机能力表示出来。

结合品牌文化的风格化设计

页面的露出位置,关系到到页面设计的要点。
比如说,如果是智钻页面,购买的人群每每没有明确需求,吸引用户点击是重点,页面创意便是重点要做的;如果是直通车车图,它会跟很多竞品的主图一同展示,设计的重点是如何让画面差异化,让用户在浩瀚主图中一眼就看到并点进去,后续还要通过测款不断优化;如果是承接页,展现活动主题、核心利益点或主推产品是重点,页面的差异化风格设计是拉新匆匆活的条件条件。

2. 观点层:思考整体的表现形式

有了策略往后,就为创意画面供应了指引,接下来的观点层,是链接策略和终极画面的桥梁。
所谓设计观点,便是全体画面总体的谋篇布局,详细而言要从大匆匆主题延伸出核心视觉创意,办理一下几个问题:页面总体呈现什么风格?采取哪种类型的视觉元素?采取哪种核心的表现手腕?

武侠观点的创意页面设计

以扮装品为例,如果大匆匆主打怀旧风格,页面设计可以用80年代、民国或者更远的唐宋时期为背景,设计风格也可以采取传统的工笔画、散点透视等表现手腕;如果主打产品认知,可以将质料产地比如雪域冰川的风情、海洋俏丽的天下、森林富氧的空间,进行风格化演绎,表现手腕可以用元素合成、手绘等办法;如果是主打学生人群,可以做成年轻人喜好的动漫、星座、热门影视剧风格,辅以时尚的孟菲斯、C4D、手绘等表现手腕。

创意观点最主要的,是表示整体性,从页面主题、风格,到详细的形色元素、表现手腕等安排一以贯之,多高度呈现出同等性,这样才能使页面的个性更浓郁,主题更光鲜。

3. 实行层:贵在细节和坚持

所有的策略和创意观点,终极都要落到详细的实行表现上。
在创意观点的指引下,对页面所有细节——诸如构图、字体、色彩、殊效、动画等诸多元素,逐一进行落实,力求讲求到位。
这是最繁琐、却也是最主要的一步,是让设计师们每一天感到“痛并快乐着”的时候,磨练的不只是专业功底,更多的是任务心和坚持,

在终极完成画面过程中,可能常常会收到来自运营、推广等角色的各种修正见地,而且经由测试后,每每要根据后台反馈的数据多次修正,这都是很正常也是必要的,由于运营、推广每每会从买卖的新角度来评判作品,客不雅观的运营数据也是优化页面的最佳依据。

色彩光影的细节处理,呈现出敦煌壁画的质感

因此,咱们设计、文案们大可保持平常心,随时积极沟通,不经历反复熬炼,哪能艺高“绝顶”?更何况在电商的江湖,咱的角色,不只是营造美好生活的艺术家,还是撩人于无声的带货王呢,这多么有代价感,是吧?

03/美学不雅观页面设计五字诀

电商爆款变化多端,页面设计也缤纷万千。
不过,看似纷繁的电商页面设计,要出彩也是有其规律的, 好的设计一定是同时拥有美感、品牌特色和发负责的。

要让设计页面有个性、颜值高,还吸引大家剁手,重点要处理好设计的排版、配色、字体、卖点、风格等五个方面,我们将其概括为“局、色、字、利、风”五字诀。

局——排版布局有章法

简约新奇的排版设计

中国传统美学向来看重布局谋篇,强调“形势”和“章法”。
合理的页面排版布局,不只看起来赏心悦目,还有利于勾引用户视觉流线,让视线快速聚焦到主推产品上,加快页面信息传播和下单转化。

页面排版须要根据页面场景、产品热点和匆匆销主题,既表示出秩序感,又富有创意和吸睛力。
比如说,要让阅览韶光短,咱就规规矩矩,弄个左字右图、右字左图;要搞创意,可以考试测验S型、Y型、Z型等布局;要有格调,就利用楼层布局、自由布局,把稳要把握背景颜色的深浅变革。

色——配色装饰别太杂

配色简洁文雅的页面设计

一个页面配色不宜超过三种,须要色彩的主次占比,色彩少时可以用同色系、明度纯度上进行变革,色彩较多时可以统一下明度和饱和度。
装饰方面,点、线、面、纹理、手绘元素都可做利用,还能起到分割、强调、平衡画面的浸染。

要把稳的是,不管加什么元素,都不要太多,太多太乱随意马虎呈现出“城乡结合部”的低俗感。
毕竟是装饰,须要清楚每一个装饰的利用意义,还要保持颜色层次和画面的主次,不要喧宾夺主。

字——大略也是王炸

(以笔墨字体作为核心元素的设计)

字体虽小,可千万别忽略了,它的能量不可小觑哦。
不同的字体,可以传达出不同的感情和格调,同时让页面变得更具差异性。
同时,也不要看不起系统字体,如果加一些小细节,也可以很出彩;当然,如果你会独立设计字体那就更好,尽可以多考试测验创新。

如今,很多大品牌都走起了简约风,放弃了那些夸年夜的字体,不过也不尽然,用什么字体,取决于你的品牌个性、消费人群和文案内容。
比如说,针对女性,适宜用一些纤细的衬线字体,更能表示柔美的觉得;而针对年轻、活力满满的产品,不妨大胆采取前卫、有棱角的字体。

利——凸显利益是正经

(卖点突出的页面设计)

这里的“利”包括产品的功能、情绪利益,也包括大匆匆价格优惠的利益。
如果设计的页面产品和匆匆销信息不突出,是最不能被体谅的,由于发负责是产品设计的第一要务。

一样平常来说,以实体产品排列为主的画面,是比较有发负责的。
不过也不拘泥于此,如果用实体商品,用色块、笔墨、殊效、矢量图等,也可以营造出浓郁的气氛。
设计师要长于调动每一种视觉手段,为最大化地凸显利益点做事。

风——最低也是最高哀求

风格感光鲜的页面设计

电商设计“紧张看气质”,从页面的整体风格,最随意马虎判断出设计师段位的高下,近年来爆火的电商品牌比如钟薛高、元气森林、李子柒、步履一直等,无不具有光鲜的设计风格。
设计师不应该知足于设计出“对”的页面,还要设计出“非凡”的作品,将光鲜的风格视作最低和最高的哀求。

页面风格纷繁多样,非常详细,比如说同样是表现年轻化,小龙坎的风格是国潮,而周生生是简约。
页面风格的表现手腕,也是非常丰富多样的。
比如说要年轻时尚,画面就可以棱角分明、色彩鲜亮一点;要热烈,画面就颜色浓重、元素放大夸年夜,红紫蓝调走起;要高冷,画面就简洁有质感,给人一种买不起觉得……

风格感光鲜的页面设计

电商页面的风格,既要结合品牌、产品定位、匆匆销主题来适宜哪种气质,不可以胡乱搭配,又须要设计师具备丰富的生活体验和人文艺术素养来,融入设计师的个人气质,才能让页面变得分歧凡响。

末了,在留言里说说你最喜好哪种618设计风格吧?