给视觉交互设计师的分享,吐槽一下组件库的重要性
前端开发@@的组件库Sharing by Kaiye
View Slide
关于巨无霸
巨无霸组件
关于商品列表
商品列表组件
在拍拍,你找不出两个完全相同的商品列表……传说:
关于TAB切换
TAB切换组件
前端开发的现状• Urmilawei:前端资源很紧张• Yuanzhou:卖场活动要固化• Jornnyliu:前端兼容性要专业• Loadingliu:前端要做自动化工具• Reeqiwu:产品说这个体验不好• Ginnyguo:名字溢出没做控制• Eman:首页又改啦!
为什么会
历史总是惊人的相似……
旧版支付宝
新版支付宝
现在的他们
背后的故事:交互组件库
背后的故事:视觉组件规范
背后的故事:前端组件库
背后的故事:组件平台
组件 = 规范
组件 = 效率
组件 = 专业
组件 = 非个性化 ?
组件个性化示例
前端组件化基本要求• DRY• 同类应用场景具有相同的信息架构• 具有⼀一致的交互效果• DIY• 相同的视觉布局、内容规格(栅格化)• 允许不同的颜色、纹理
Library is The One
Thanks