020-85548809,29883069

网站设计、网站优化、微信开发

资讯

分享你我感悟

您当前位置>主页 > 资讯 > 电商网页设计中如何巧用数字元素促销商品

电商网页设计中如何巧用数字元素促销商品

数字普遍运用于很多电商网页和专题页面;不难发现,打开购物网站,我们经常会看到类似“满200减100”/“5折”/“30%OFF”/“39元起”“4月1号预售”等等之类的字眼,这就是数字比文字显得更加直观和吸引人们的眼球。所以对于该如何合理利用这些数字做设计也是很值得研究的一个话题,接下来广州网页设计就带大家看看网页数字设计该如何合理运用?

1. 我们常见的会用到数字元素的设计有哪些呢?

比如我们的很多电商Banner或专题页面里,经常会出现活动日期/抢购时间/商品价格/位数排名/剩余或已售个数/步骤序号/完成进度等跟数字有关的元素,而这些数字他所要传递的信息重要性和作用都是不一样的,所以在设计上也会有所差异。

(1)在头部banner部分的数字

像活动日期/价格折扣信息/抢购时间/件数等等常出现于头部Banner部分,一般来说这个数字信息如果很重要,那么都会做得特别大特别突出,如果不是那么重要的信息,那么就会在大小或色彩等上面对其进行弱化处理。

电商网页设计中如何巧用数字元素促销商品
(2)出现在楼层部分的数字

像抢购时间/倒计时/位数排名/步骤序号等等这些往往是出现在页面楼层里,很少出现在头部Banner部分(以前给大家说过专题主要有头部Banner以及很多楼层组成大家还记得吗?),同时他们的位置/大小/可见度的强弱等也反应了他们在这画面里的重要程度。

2. 有数字的设计需求可以从哪几个角度去思考呢?

(1)从功能的角度出发,无非就是强调这个数字信息的重要性/使整体画面风格统一/增强画面视觉冲击力/引导用户阅读等作用,我们往往会对其做以下处理:

放大处理

放大处理电商网页设计中如何巧用数字元素促销商品
颜色突出

电商网页设计中如何巧用数字元素促销商品--颜色突出



铺满整个画面

铺满整个画面-电商网页设计中如何巧用数字元素促销商品


保持风格统一,它既是主要信息,也是画面里不可或缺的一个主题元素而存在

保持风格统一


起到视觉引导的作用

数字元素在网页设计中起到视觉引导的作用

(2)从表现形式的角度出发

根据不同的设计需要,肯定是会有很多不同的表现形式的,比如3D建模/手绘/手工/摄影/手写毛笔字等,同时他们的质感和排版形式也会大不一样:

从表现形式的角度出发

比如双12/双11/618等比较大的电商节日,既要体现出综合卖货的性质,也要重点体现节日时间,所以这种数字常作为骨架出现,以鼠绘或建模的方式,用各种商品图来堆砌而成

这种手写毛笔字效果,给人感觉非常潇洒有紧迫感,适合促销倒计时活动设计

毛笔--电商网页设计中巧用数字元素促销商品技巧

而且排版多以居中的形式为主:

排版多以居中的形式为主
偶尔也有左对齐或右对齐的方式:

电商网页设计中如何巧用数字元素促销商品

 

电商网页设计中如何巧用数字元素促销商品
(3)从装饰的角度出发,数字可以作为点缀元素出现其实在很多时候,无论是文字还是数字等都只是一种点缀元素而已,最常见的就是在海报设计里的运用咯,比如像我之前给我拍的那些模特做的一些照片海报,可以说里面的所有元素都只是点缀而已,里面我写的一些日期数字其实都只是点缀而已,对我来说并不太重要,因为我的重点是模特展示以及我对整体画面情绪的表达。

,