UI与动画

会议室:2号会议厅C
出品人:周裕波

随着互联网的不断发展,不管未来会怎么样,但是我们可以发现,在产品开发过程中UI是... 展开 >

专题出品人:周裕波

w3ctech&前端圈发起人

w3ctech&前端圈发起人,任职于阿里巴巴 UC国际浏览器,GMTC 2017优秀出品人,SDCC 2015、SDCC 2016两界大会前端开发专题论坛出品人。有多年的前端开发经验及前端大会组织经验。曾先后组织举办过Web标准化交流会、走进名企、拥抱HTML5、JavaScript专题会议、Webreubild北京、Mobile开发者专题大会、CSS大会及FEDay,活跃于前端技术社区。

地点:2号会议厅C

专题:UI与动画

随着互联网的不断发展,不管未来会怎么样,但是我们可以发现,在产品开发过程中UI是非常重要的,不管是视觉还是交互都至关重要,因为这是用户体验之本,而动画在我们产品体验中也起到非常重要的作用。本专题将围绕前端UI交互与动画进行展开,和大家一起来看看当前最流行的前端技术如何为产品UI与动画赋能,为产品提升用户体验,我们将邀请一线专家分享这方面的最新技术与实践,重点考虑整个图形渲染部分等。

by 程劭非(winter)

淘宝高级技术专家
前端中的图形技术

计算机图形学是计算机的传统的领域,随着UI技术不断发展,封装好的组件很大程度替代了基础的图形学能力,尤其是前端职能兴起,使得业务的开发不再需要关注底层的图形技术。但是现代UI设计对技术的要求越来越高,移动端场景对性能的诉求也越来越高,随着这样的变化,图形技术又开始有了需求。

演讲提纲:

1. 移动时代图形技术的应用场景
2. 图形技术的原理
3. 图形技术的基础设施

听众收益:

1. 从计算机图形技术在前端中的应用获得启发。
2. 学习基本的图形技术原理。
3. 了解业界开源资源。

by 郑焕义

腾讯CDC墨子工作室Leader
前端体验中的设计原理

随着互联网的发展和技术的不断进步,前端工程师面对复杂产品(如流程化、跨场景、跨设备的产品)时,遇到体验问题多且碎,容易陷入细节中。如何快速找出体验问题的本质,建立有效行动的支柱,是前端工程师进阶必须要建立的理论体系,本次演讲会从大量日常接触的案例中,归纳梳理前端体验领域的设计原理。

 

演讲主要包括:

1.前端体验中的设计原理

    (1)前端体验和设计原理的定义

    (2)四项设计原理

        ◆ 1、健壮性原则

            ◇ 发送时保守,接收时开放;

            ◇ 举例

        ◆ 2、不确定性

            ◇ 无法预料的无数种可能

            ◇ 举例

        ◆ 3、渐进增强

            ◇依赖可靠的技术,实现核心的功能

            ◇ 举例

        ◆ 4、通用性设计

            ◇ 对所有人友好

            ◇ 举例

2.现实情况

     (1)项目时间

     (2)开发者便利

 

听众受益:

1.初步了解前端体验的设计原理体系

2.对前端技术方案选型有更广度的认知

3.理解设计理念还原的重要性

by 王泽

白鹭引擎首席架构师
剖析 HTML5 游戏引擎的渲染原理及动画性能优化

随着微信小游戏的爆发,HTML5游戏迎来了一轮新的高峰,从 2014 年开始白鹭引擎团队就一直致力于 HTML5 游戏引擎的开发工作。本次演讲将从游戏的渲染原理角度出发,重点探讨基于 HTML5 API 的游戏引擎的渲染模块的架构设计思路及优化技巧。

演讲提纲:

1. 从技术角度来看,什么是 HTML5 游戏

2. HTML5 游戏的渲染 API 选型

    (1) DOM

    (2) Canvas - 2d

    (3) Canvas - WebGL

3. 游戏引擎的渲染实现方式

    (1) 渲染静态内容

    (2) 渲染动画内容

4. 渲染 API 的设计

    (1) 空间变换与父子节点

    (2) 鼠标、触摸事件的碰撞检测

5. 性能优化技巧

 

听众受益:

1. 了解游戏引擎的原理

2. 了解游戏渲染以及动画开发中性能优化技巧

by 杨永林(教主)

贝壳找房如视事业部工程负责人
如何使用UI技术提升在线看房体验

前端作为一项表现层的技术,图形图像的处理是其很重要的一部分。

房屋作为一种非标品,也需要更丰富的图形信息对其做展示,以达到更有效的信息传图作用。

在过去的两年,链家在房屋图形图像方面做了一些工作,在这里为大家分享一下前端技术可以做哪些事情。

 

演讲大纲:

        1、非标化产品线上化需要更丰富的信息展示

        2、房屋作为非标产品对UI技术有什么诉求

        3、前端UI技术在二维空间下的一些应用探索

        4、前端UI技术在三维空间下的一些应用探索

        5、如何将技术结合业务场景

 

听众获益

1.了解前端图形技术的一些使用场景,探寻一些实现的可能性。

2.前沿技术如何与业务相结合

本网站图片存储由七牛云独家支持
扫码关注前端之巅,即可获取GMTC PPT