首页 网站建设 客户案例 移动应用 关于我们 动态 联系咨询

电商的专题页面的设计流程是怎样的?

2020/7/27 13:02:28

01、基础技法

首屏重设计

这里说的首屏设计,指平台类的专题头图或者店铺类的首屏。


什么是首屏?第一眼的视觉设计!

首屏,是不拖滚动条直接看到的位置;是信息传达的起点;是电商与平面设计所不同的地方之一;是否精彩直接关系到用户停留多一秒。


问题来了:首屏设计怎么做?下面是我整理了5个关于首屏设计的规律;


1、点出亮点【摆出好看】

首屏,既是开门见山的亮点表达,又是一个由点到整体的区块设计;

对首屏的设计时长往往会占我们整体设计时间的40%左右,如果不能在第一眼抓住用户的眼球,给用户视觉打上一种记忆点的话,就会直接降低用户对活动,对店铺的印象;


表现亮点的方法有:

1,文案和活动策划的新颖;2,设计跟紧现有流行设计趋势;3,用故事化的方式去卖货设计场景。


2、点出卖点【说出折扣】

首屏,吸引用户的第二点:就是活动力度。

在早年间的电商活动策划中,重折扣,拼价格还是首位的。首屏,主要功能就是把标题、折扣信息合理的放在固定的高度中,让用户打开专题或者店铺时第一眼看到信息。


表现卖点的方法有:

1,直接折扣;2,福利优惠;3,主推产品特点。


3、点出引导【提示向下】

只有首屏的视觉往往不够,在电商视觉中并不是做完首屏后整体设计工作就算完成了。

在常规的需求中,首屏下面往往是更为重要的单品罗列及重要的活动呈现,如何利用首屏(第一眼)的优势抓住眼球,并且通过视觉,引导用户向下参与并且发现感兴趣的活动或商品,这样的首屏设计才会更有用。


表现引导的方法有:

1,元素具有明确的向下指引性;2,重点活动一屏到二屏间露出。


4、高的安全 【首屏多大适合】

对于首屏高度的具体值并不是一成不变的,首屏的高度界定,只是是对主要信息画个安全框而已,用来保证用户在打开页面时第一眼看到的信息是完整的,和直接的。


首屏的高度值,用现有主流用户的电脑设备分辨率「减去」浏览器环境大小。


最后得出的结论就是:首屏高度一定要控制在450-760内!

高度并不是死的,可以根据不同的设计需求和活动目的灵活调整;重要信息一定在视觉安全高度内;设计时保证主要信息一眼可见。


微信截图_20200611101205.png


02、基础技巧

1、“工具”重要

这里指的工具并不指你用的软件,我觉得软件的熟练程度和技巧是每个设计师都都应该去掌握的硬实力。

而这里说的工具是软实力,是说在开始用Ps之前对需求的沟通—理解—和时间安排;


通过面对面的和运营沟通后,了解大概需求和看到框架后,你应该对自己的工作量有一个了解。在电商行业中,3天做完一个中型或大型活动的事情是常有的需求,所以在规定的时间内,如何准确的找准需求点,并且集中精力做好,其实真的很锻炼人。


2、长图要折分

折分文件并不意味着每个文件里的设计元素和风格相互脱离,而是为了提高效率分工协作的一种工作技巧。如果需求是分配给不同的设计师去设计的话,那么在前期内部的风格设计,元素设计上就要有规范,模版,就要有共用的元素,最后让相互分开的文件,合在一起也是个整体。


3、模拟上线效果

为了让需求方更好的设想出设计稿后期上线的效果,包括它在浏览器中,界面中,不同设备中的假想,我们在完成设计后,有必要去把做好的设计稿植入到整体环境中进行细节的调整。


常用的技巧有:

1、把首页设计稿置入到完整的加了(浏览器使用环境和平台网站使用环境)的截图进行整体预览;2、把某个弹窗元素,置入到完整设计稿中进行预览。


标签

网站建设我们用了11年的光阴;今天我们再度启程。。。

线上服务咨询微信二维码13602086663