相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

3招搞定数字元素在Banner设计及专题页设计中的运用

小雷发布于:2017-8-16 09:55
小雷
上海市 静安区 摄影师
发私信 + 关注
简介: 貌似做电商的没有不玩数字游戏的吧?就算运营玩法再千奇百怪,他的设计也逃不出这些套路,一起来看看!~写在前面做电商设计的人都知道,我们的文案里时常会出现类似"满200减100"/"5折"/"30%OFF"/"39元起""4月1号预售"之类的带有数字利益点的文案,而数字比文字也显得更加直 ...
貌似做电商的没有不玩数字游戏的吧?就算运营玩法再千奇百怪,他的设计也逃不出这些套路,一起来看看!~

写在前面

做电商设计的人都知道,我们的文案里时常会出现类似"满200减100"/"5折"/"30%OFF"/"39元起""4月1号预售"之类的带有数字利益点的文案,而数字比文字也显得更加直观更加吸引眼球,所以对于该如何合理利用这些数字做设计也是很值得研究的一个话题,接下来我就带大家看看咯!~

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

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

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

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

举些例子:

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

还有优惠券的一些设,基本都是将数额显示的大大的:

248f59005a13a80121455029c898.jpg

(2)出现在楼层部分的数字

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

举些例子:

867e59005a26a8012145509c4b77.jpg

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

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

放大处理

df5059005a3aa801214550f24605.jpg

颜色突出

0e0659005a4ea801214550496a68.jpg

14

好评
11

差评

刚表态过的朋友 (25 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 123456qiaoyujia

小雷
上海市 静安区 摄影师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计