本文结合大量实际案例与大家分享电商大屏设计经验,为大家展示电商大屏的设计技巧和思路。数据可视化大屏设计大多基于蓝色调,因为蓝色更容易营造大屏所追求的科技感,所以在很多行业中应用最为广泛。比如公安系统、美国手机号码大全列表 城市交通、科技公司、政企单位、制造业等诸多行业。但电商大屏需要另一种不同于大多数其他行业的调性。本期我将分享电商大屏设计的案例经验,带大家了解电商的设计技巧和思维大屏案例分析:业务指标分析本期大屏案例为“北京电商消费大数据”,主要呈现某电商平台618购物节的信息数据。美国手机号码大全列表 如总销售额、区域销售排名、男女比例、年龄分布、品牌销售排名、历史销售趋势等。先看图,下图为最终设计稿:电商大屏-数据可视化设计经验分享!设计任何产品首先要做的就是了解业务和需求分析。本案例的需求非常简单明了,只需要展示各个指标的数据即可。
从需求分析可以得出,大屏是纯数据展示类型,不需要交互无交互图表设计要点:对于无交互的大屏显示,在平面设计方面,需要设计成无交互的形式。比如因为数据太多,一些只能通过交互才能看到的数据是无法隐藏的。美国手机号码大全列表 对于一组不能完整展示的数据,可以只提取最重要的指标数据进行展示,也可以实时数据与事后数据的区别:本案例提供的是618购物节之后的数据,所以大屏的设计可以根据真实数据进行设计呈现。数据呈现出来后,美国手机号码大全列表 可以根据设计中的真实数据来定义图表,例如,可以根据数据的大小和长度精确定义设计空间。实时数据,顾名思义,表示数据是实时传输的,数据应该立即显示出来。从业务角度来看,可能需要其他设计计划。例如:异常数据的处理,是否有突破性数据设计动画营造仪式感,
就像天猫双十一的千亿彩蛋。案例分析:风格和色彩定义视觉风格:定义一个大-画面设计风格,首先要分析行业的属性和特点,美国手机号码大全列表 然后通过情绪板等方法定义视觉基调。比如公安系统通常采用严谨沉稳的蓝色调;能源、教育、医疗行业的主色调一般采用绿色调,可以代表环保、未来、健康。电商和新零售行业需要突出热闹的购物场景,所以好看的暖色系更多。太冷酷理性的基调不是电商产品所追求的基调,美国手机号码大全列表 也不符合观众对购物场景的心理认知。电商大屏——数据可视化设计经验分享!但是,由于大面积的可视化画面,无论主色调是什么,背景颜色通常都是深色的,以减少对观看者的视觉冲击。深色的背景可以有效的对比暖色调的视觉元素,起到对比和聚焦视觉。暖色元素可以烘托购物特色的气氛,比如红色、橙色、紫色,都是有效的色调,但如果都是暖色元素,很容易造成视觉疲劳。