导航
  • 报考
  • 备考
  • 政策

报考

备考

复习资料

政策

行业动态

首屏设计在电商设计教程中需要具备哪些基础知识?

环球网校·2020-04-17 19:54:28浏览84 收藏25

请输入下面的图形验证码

提交验证

预约成功

我知道了
摘要 这一期我们来讲述一下电商设计教程中都会涉及到的首屏设计基础知识,首屏的学习在电商设计教程中占据了重要位置,因为首屏是人们在网站第一眼看到的的视觉设计,是网站一切信息的起点,一个好的首屏设计会让人们喜爱并且产生继续浏览的欲望。
这里说的首屏电商设计,指平台类的专题头图或者店铺类的首屏,首屏设计的规律总共有五点:

一、点出亮点:摆出好看

首屏,既是开门见山的亮点表达,又是一个由点到整体的区块设计,对首屏的设计时长往往会占我们整体设计时间的40%左右,如果不能在第一眼抓住用户的眼球,给用户视觉打上一种记忆点的话,就会直接降低用户对活动,对店铺的印象。

表现亮点的方法有3点——文案和活动策划的新颖、设计紧跟现有流行设计趋势、用故事化的方式去设计卖货场景。

二、点出卖点:说出折扣

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

表现卖点的方法有3点——直接折扣、福利优惠、主推产品特点。

三、点出引导:提示向下

只有首屏的视觉往往不够,在电商设计教程中并不是做完首屏后整体设计工作就算完成了。在常规的需求中,首屏下面往往是更为重要的单品罗列及重要的活动呈现,利用首屏第一眼的优势抓住眼球,并且通过视觉,引导用户向下参与发现感兴趣的活动或商品,这样的首屏设计才会更有用。

表现引导的方法有2种——元素具有明确的向下指引性、重点活动一屏到二屏间露出。

四、高度的安全:首屏多大适合

电商设计教程中首屏高度的具体值并不是一成不变的,首屏的高度界定,只是对主要信息画个安全框而已,用来保证用户在打开页面时第一眼看到的信息是完整和直接的。首屏的高度值等于用现有主流用户的电脑设备分辨率「减去」浏览器环境大小。

例如AdDuplex 大数据和百度流量研究院的分辨率使用情况显示,最主流的PC屏幕分辨率依然是1366×768,而Win10系统下依然有近34%的设备保持这个分辨率,只有27%以上的PC在全高清或者更高级别。所以,首屏高度一定要控制在450-760px内!

电商教程中高度的控制技巧有3个:可以根据不同的设计需求和活动目的灵活调整、重要信息一定在视觉安全高度内、设计时保证主要信息一眼可见。

五、安全区两侧:首屏宽度对于设计宽度外的发挥余地

不同的宽度范围有着不同的作用:

1.宽度990-1100px间做主要的电商设计视觉元素和标题,对于这么宽的位置,在刻画了主体后还有很大的留白可用。

2.宽度1100-1440px间做一些辅助的,用于烘托氛围的元素,比如:现在流行的放各种飞着的圆球等。

3.宽度1440-1920间做可有可无的元素,用于从主视觉延伸出来的,或者是用于细节表现的;对于这一部分的表现,属于最后再完善的地方,中心还是在主视觉区域的刻画上。

上述便是电商设计教程中专题或店铺类首屏设计的视觉表现基础知识,首屏在电商设计中占据了较大比重,本文主要是一些设计的特点以及尺寸的归类总结,对于刚入门的小伙伴们来说,是非常重要的基础知识点。 下期将会讲述首屏设计的技巧总结,也可以在文末下载电商设计的相关素材,有兴趣的小伙伴请持续关注环球网校的更新哦!

展开剩余
资料下载
历年真题
精选课程
老师直播

注册电脑版

版权所有©环球网校All Rights Reserved