恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
杭州城市数据可视化:数据时代的商业与人文
0.0°
2019-03-05 原创文章 经验/观点 举报 9892 160 409 14

 

Image title



数据可视化的总导演:石莹倩(虹贝)

Image title



数据时代的 “清明上河图”


这次双十一大屏中,我们构建了数据时代的 “清明上河图”,用不同文脉的艺术风格表现了北京、上海、杭州三所城市的实时经济数据与交易。其中很高兴能负责杭州城市屏的设计,今以复盘的形式来分享一下我的一点设计心得。

Image title

双十一晚会现场


杭州作为宋朝古都,是一座商业与人文共生的奇妙城市,在构思之初我便设想:如果让一座城市拥有两张面孔,那么我所设计的地理数据可视化,是否也可以另辟蹊径,重新寻找数据生命力的源头,从东方传统文化与艺术观点中探求全新的城市功能、装饰与形式之美?

Image title

王希孟的《千里江山图》


一座城市,两种风貌


我们认为数字化的城市并不是千篇一律,而应该去挖掘城市的性格与符号,我们试图用数字化的方式去还原真实的城市印象。因此我们挖掘杭州所特有的城市,从商业与人文不同的视角为她打造了两种各具特色的风貌。当然,从公关的角度来看,人文与商业两种不同的视角也是符合习大大关于 “既要金山银山,又要绿水青山” 的主旋律的。。。。

Image title



白天,闲云野鹤的文化根性


中国文化中历来有 “白马秋风塞上,杏花烟雨江南” 的说法。柔婉多情的江南烟雨,寄托着古今多少文人骚客的情怀。作为宋朝古都的杭州,其山水自然景观素有 “天堂” 的美誉,一景一物经过历史的浸染,散发出深厚的文化根性。

Image title

杭州屏白天视角


视觉语言:青绿山水


我将 “青绿山水” 的定调为杭州白天的风格,摆脱掉传统的可视化框架,基于东方文化的发散,定义出我自己关于自然和人生温和文流的艺术语言。在古代,画家所用的颜料多为自然界中提取,青绿朱砂等重色,须敷至五六层,始能均匀,呈现出来的国画便多淡雅之格调。因此我在颜色的选取上也遵循这样的配色策略,随类敷色,层层渲染,达到形神兼备的艺术效果。



Image title


在这样一座千里莺啼的城市中,我运用孔明灯元素作为视觉标记,展现交易热力排行数据。盒马作为新零售重要的布局,我将中国传统的飞燕元素融入其icon设计中。飞燕流连于峦山而不知归处,星点的鹑火与山色湖光相呼应,构成了一幅风雅、恬静的山水画卷。

Image title


我通过建筑表面的纹理疏密,接入实时交易热力数据,展现山水之城静谧外衣下的经济活动。

Image title


“山寺月中寻桂子,郡亭枕上看潮头。” 在白居易眼中,杭州是一个闲云野鹤的居处。印象中的杭州城市是淡然而与世无争的气质,于是在白天的氛围设定上,借由若隐若现的山色、平静的江水、依稀可见的鹑火,城市的形象犹如画卷一般,“春水碧于天,画船听雨眠。” 江枫渔火摇曳的微光中,透出的是历史沉淀下来的南宋典雅风范与文人气质。

Image title


青绿山水全览

Image title

Image title

Image title

Image title

Image title

Image title



我眼中的杭州啊,是披着青箬笠、踩着细雨的姑娘。

Image title



送货小哥,新零售的毛细血管


每一次双十一,最辛劳的就是送货小哥了,所以这一次,我们除了上帝视角,还有第一人称的送货小哥视角,作为整个新零售枢纽的毛细血管,我们希望透过他们的视角,来看看我们的商业是如何精准触达消费者的。

Image title

杭州屏送货小哥特写


Image title

Image title

Image title


昼夜切换

Image title



夜晚,数据场景下的新零售城邦


杭州曾是中国传统轻工业的中心,更是作为电商的发源地,互联网商业为这座城市注入了前所未有的发展活力。在杭州经济繁荣的背后,是大数据对城市经济的赋能。光点的升起,意味着交易的产生;飞线穿过,代表着订单的完成,新零售城邦上涌动着大数据呼吸的脉搏。

Image title

杭州屏夜晚视角


构成一个多业态的新零售城邦,源于城市的共生体系,在数据可视化的表现形式上,我将城市拆解成不同粒度的数据。

Image title


视觉语言:光


光线赋予了世界明暗色调,让混沌有了层次。车灯、路灯、窗户、霓虹,让入夜的城市有了魅惑的色彩。粉丝用荧光棒表达热爱,人们用烟花庆祝盛典。灯光是情感的延伸,是商业活动的表征。

Image title


用数据点亮城市


当夜幕笼罩,各种实时数据汇聚成光缆般的视觉通道,点亮这座城市。在这其中,有我们在新零售领域所布局的口碑、饿了么网点,还有代表了新物流的菜鸟仓,律动的交易热力点与奔腾的配送飞线勾勒出一刻不停的线上线下交易蓝图,见证了不同业态共生体系在新零售城邦中所展现的勃勃生机。

Image title

Image title


摄像机动画


我们以上帝视角,运用摄像机盘旋、俯冲等方式,全方位展现杭州城中新零售业态的共生与繁荣。

Image title

Image title

Image title




商业场景下的应用


设计的价值源自于商业价值,我们来看看商业场景下的展示效果吧。

Image title

Image title



开发测试阶段


Image title

Image title

双十一媒体晚会现场


Image title

Image title

双十一媒体体验场馆


Image title

DT数据大厅的汇报现场


最后,感谢高萌(西萌)、胡可本(彦川)、刘婧(小丛) 三位同学,用代码做笔,行霹雳手段。只有设计师想不到,没有他们做不到。感谢朱炳全(天渝)、石倩莹(虹贝) 为整个可视化大屏构想出了完整的故事链路。



大数据设计中心期待你的加入:

阿里巴巴大数据设计中心招聘体验设计专家、品牌创意设计专家、图形设计专家(3D引擎、动效、互动方向等)


Image title
























更新:2019-03-05

收藏

160人已收藏

三鱼先生

由于平台限制文件体积,作品无法发布。来站酷搜索 “三鱼先生” 吧

  • 40

    作品

  • 8153

    粉丝

  • 35

    关注

  • B端设计-芯片公司体验/品牌
  • 三鱼-2019作品总结
  • 据之美:值与关联数据可视化
  • 官网设计 - DataFox

    猜你喜欢

      2019-03-05 原创文章 经验/观点 举报 9892 160 409 14

      杭州城市数据可视化:数据时代的商业与人文

      0.0°

      你确定要举报杭州城市数据可视化:数据时代的商业与人文

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年12月02日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      409
      160
      14

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录