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前端工程师
杨扬,aka dexteryy,自封为奥兹之巫(Wizard of Oz)。前阿尔法城开发者,前土豆网『前端总工程师』,前最深的地下城站长,前NCG汉化组打杂,在D2前端技术论坛和w3ctech上做过JS模块化机制、构建工具和webapp框架设计等话题的分享,写过草泥马语解释器,以OzJS微框架的名义发布过很多JS模块和前端工具,现在负责豆瓣移动web技术,一直致力于客户端JS的模块化、组件化和全栈化,喜欢开发webapp和游戏。
github: https://github.com/dexteryy
豆瓣资深交互设计师
个人主页:
蒙晨,网名波希米亚(b3inside),豆瓣资深交互设计师,参与过多个项目,现主要负责豆瓣网移动化项目。 曾任新浪微博交互设计主管,负责新版微博信息架构交互设计,国内早期的微博交互设计师。前雅虎UED交互设计师。