羚珑智能设计平台是一个在线设计服务平台,专注于泛零售领域的设计,帮助客户解决日常经营过程中碰到的各类设计需求,那么 Web 技术在图形领域可以玩出什么花样呢?
本次主要介绍京东围绕智能设计背后的图形处理技术:矢量图像的可视化编辑、背景的程序化生成、好看的商品堆品等。
演讲提纲:
- 3 分钟了解羚珑是什么
- 设计物料的数字化是线上可视化设计的基础
- 设计物料的线上渲染,选 DOM 还是 CANVAS
- 演示 - 利用 DOM 渲染一个 PSD 数据
- 演示 - 利用 CANVAS 渲染同一个 PSD 数据
- DOM 与 CANVAS 的对比评估及未来羚珑的选择
- 矢量元素的渲染与编辑
- 背景 - 设计师的疑问
- 矢量元素在 Web 端的渲染及编辑 DEMO
- PSD 或 SKETCH 里面的矢量图层识别处理
- 利用 Web 技术能不能生成高可用性的背景素材
- 我们的背景素材都是需要花钱买的,大部分素材都是位图,适用性低
- 看看行业产品的背景功能模块
- 我们是如何实现高可用性的矢量背景素材的
- 智能堆品 - 给你几个商品,能不能帮我自动摆的好看点
- 大部分机器生成的商品广告图都是单品的,而设计师和客户希望支持多商品,还要堆得好看
- 我们的堆品实现思路
- 看看我们的堆品 DEMO
- 结语
你将获得:
- 了解复杂矢量图的制作过程
- 了解基于矢量图的背景生成器原理
- 了解堆放商品实现方式