电商入口图设计浅析の结构排版
手机端专题页入口图设计尺寸小、位置有限,能在如此小的位置设计出吸引用户的设计稿,其实是一件看似轻松却也困难的一件事。对于排版,商品选择,模特选择,要求极高,新手级的设计师可以从小的入口图设计着手,再往大的banner设计,专题设计着手。
排版部分——左右结构
根据数据分析,同样的文案、利益点、商品等元素保持一致,左边文案右边商品/模特的入口图用户点击率明显
高于左边模特/商品右边文案的。
左右排版,也是非常简洁明了的一种排版方式,言简意赅,用户一眼就能看出这个活动是卖什么的。这种排版形式比较适用与美妆、女装等女性用户设计入口图,往往一个颜值高的美女模特更具备吸引用户、抓住用户眼球的
“能力”。
左右排版形式还会细分出-左右浮层形式;杂志风格形式;左上文案左下商品等形式。这里不作详细区分。
排版部分——上下结构
上下结构,这种排版形式,就比较“中规中矩”。可以非常清晰的第一直观了解到利益点、商品等信息。对于数码家电等专题活动入口图,这种排版形式一用一个准。以前易迅网经常会用到这种排版形式,上面部分文案,下面部分商品的堆放,当然商品是多种多样的,对于摆放上如何合理有节奏,这里不多做解释。也是设计师入门的必须得会的一项“技能”。
上下排版,商品的堆放,给人以热闹感,有促销氛围感。女装类目也会用到,目前蘑菇街的这种形式用的非常多,画面、排版 言简意赅,具有时尚感。
排版部分——围绕式
这种结构比较适用于更想突出商品或者商品较多又不好正常一起摆放的时候,适用于鞋包、数码产品、家居家纺等类目。
由于需求方的诉求,想更多地去表现要售卖的商品。或者是2个类目合作,都想摆放各自类目的商品,那么在这个时候,围绕式 一站搞定~
文案居中,商品可平铺摆放四周,可以做扁平化处理,设计得有“动感”,根据画面效果而定。
排版部分——浮层式
此类结构对于浮层下方的实景背景图要求非常高,其实在文案排版这块是比较简单的。多用于美食类目,既凸显出食品美食的场景画面感增加人的食欲感,浮层部分的文案、利益点能明确地表达出商品的卖点、属性。
在卷皮网工作半年有余,已经有将近一年的时间没接触电商设计,这些310的入口图看似简单,实则要花非常多的心思去构思、排版、配色,用户在手机端浏览的时候过商品坑位的时间是非常短的,能否吸引到用户参与到平台策划的活动中从而产生利益价值,这些小的入口图又显得至关重要了。
麻雀虽小,五脏俱全,要在如此小的广告坑位中,很明朗的表达出商品的属性,卖点,热销的产品,排版就显得格外重要了。
第一次写文章,还有非常多的不足,只是想从细微入手,从简入手,一点心得能帮助到一些才接触到视觉设计、专题设计、平面设计的新手设计。记得自己刚刚入行的那年,带我的导师,都是让我从小的广告开始做,然后慢慢上手做banner图设计,再去做视觉设计,最后再开始着手锻炼自己的UI设计能力、手绘能力。
锻炼自己的设计功底也是循序渐进,一步一个脚印,如同做人一样,不要奢求一口吃成个大胖纸,稳住气沉下心来,从一点一滴来积累,积少成多。自己慢慢总结,归纳,整理,多花花心思,相信大家一定会实现自己的小目标~
年前一更,祝大家鸡年大吉吧~