Qconn

Cardkit & DOMO UI - 移动时代技术与设计的十字路口

讲师: 
所属专题: 

设计与技术的碰撞,是互联网永恒的话题。当我们走到交汇的十字路口,一切将变的不同,因为没有独立于技术而存在的设计,反之亦然。如果说桌面web时代如此,那么移动时代,就更需要设计与技术的高效融合。如何高效配合,卓有成效的执行,取得好的结果,正是我们这次要介绍和讨论的。借由豆瓣移动化项目的实例,从实际出发,诠释这些方法。

作为产出物,CardKit 和 DOMO UI 紧紧将设计与技术连接在一起,相互推动,相互促进。当然起初也并不顺利,失败的经验更值得分享不是吗?经历了一次次尝试、沟通、重来,整个项目体系变得更健康起来。这次分享,我们将从两个方面呼应进行,有设计方法,也有技术解决方案。无论你现在哪个方向,最终都将在项目里汇聚一点,朝共同目标一同前行。

概览

  • 项目起源和背景
  • 整体策略
  • CardKit和DOMO UI的诞生

设计篇

  • PART I 从设计出发
    • 设计的需求
    • 设计的目标
  • PART II 当设计遇上技术
    • 设计与技术的约定
    • 设计产出物
    • 如何高效的配合
  • PART III DOMO UI
    • 积木的设计思想
    • 风格指南
    • 如何更有效的标注

技术篇

  • PART I 从技术出发
    • 传统web技术的优势
    • 传统web技术的缺点
  • PART II 当技术遇上设计
    • 阻碍设计的问题
    • 与设计共同面对的问题
  • PART III CardKit - 设计与技术共同的解决方案
    • 什么样的技术既有助于解决这些问题又能保持web技术的优势
    • CardKit使用的技术
    • CardKit提供了什么
    • CardKit在豆瓣的应用
豆瓣Web前端工程师
微博: @dexteryy

杨扬,aka dexteryy,自封为奥兹之巫(Wizard of Oz)。前阿尔法城开发者,前土豆网『前端总工程师』,前最深的地下城站长,前NCG汉化组打杂,在D2前端技术论坛和w3ctech上做过JS模块化机制、构建工具和webapp框架设计等话题的分享,写过草泥马语解释器,以OzJS微框架的名义发布过很多JS模块和前端工具,现在负责豆瓣移动web技术,一直致力于客户端JS的模块化、组件化和全栈化,喜欢开发webapp和游戏。

github: https://github.com/dexteryy

豆瓣ID:http://www.douban.com/people/Dexter_Yy/

LinkedIn:http://www.linkedin.com/profile/view?id=36784325

豆瓣资深交互设计师
微博: @b3inside
个人主页:

蒙晨,网名波希米亚(b3inside),豆瓣资深交互设计师,参与过多个项目,现主要负责豆瓣网移动化项目。 曾任新浪微博交互设计主管,负责新版微博信息架构交互设计,国内早期的微博交互设计师。前雅虎UED交互设计师。

我的豆瓣:http://douban.com/people/bohemia