案例解析:电商大屏数据可视化设计经验分享!

解决百万运营人员推广需求关注Mrw.so短网址

本文结合大量实际案例,来与大家分享电商类大屏设计的经验,带你了解电商大屏的设计技法与思考。

码人网mrw.so缩短网址文章图片

数据可视化大屏设计大多以蓝色调为主,因为蓝色比较容易营造大屏所追求的科技感,所以在众多行业中运用最广泛。例如公安系统、城市交通、科技公司、政企单位、制造业等众多行业。但电商类大屏需要另一种与其他大多数行业不同的调性。

本期就来分享电商类大屏设计的案例经验,带你了解电商大屏的设计技法与思考。

案例解析:业务指标分析

本期的大屏案例为“北京市电商消费大数据”,主要呈现某电商平台618购物节的信息数据。如销售总金额、区域销售排行、男女比例、年龄分布、品牌销售排行、历史销售趋势等等。

先看图,下图为最终的设计稿:

码人网mrw.so缩短网址文章图片案例解析:风格与用色

定义视觉风格:

定义大屏设计风格,首先要分析行业的属性特征,然后通过情绪板等方法定义视觉调性。

例如公安系统通常运用严谨冷静的蓝色调;能源、教育、医疗行业的主色调,一般使用能代表环保、未来、健康的绿色调。

电商、新零售行业需要烘托购物热闹的场景,所以靓丽的暖色调更为合适。

过于冰冷理性的色调,并不是电商产品所追求的调性,更不符合观者对购物场景的心理认知。

码人网mrw.so缩短网址文章图片案例解析:设计要点

打造仪式感:

设计要点要从需求出发,例如需求中有一项关键的业务指标要突出,朝阳区消费占全市75%。

所有区中朝阳的消费是No1,所以从这点考虑可以使用全区地图来展示,并且打造朝阳区第一名的仪式感。

码人网mrw.so缩短网址文章图片后语

电商大屏通常要烘托一种热闹的场景,对配色的准确把握,大面积色调的使用需要和谐过渡,同时要善于运用对比色,突出元素。

多思考设计与业务的表现关系,善于从设计思维出发打造仪式感、惊喜感,增加产品价值。

 

作者:吴星辰,微信公众号:互联网设计帮

本文原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自 Unsplash,基于 CC0 协议

解决百万运营人员推广需求关注Mrw.so短网址