今天看啥  ›  专栏  ›  超人的电话亭

项目里用第三方组件库还怎么做设计?

超人的电话亭  · 公众号  · 科技自媒体 设计  · 2024-09-18 22:34

主要观点总结

本文分享了在使用第三方B端组件库的项目中,设计师如何面对并解决问题的经验。文章介绍了面向组件库的设计方法和工作流程,包括建立协作共识、熟悉框架内容、构建项目规范、确定交付模式等步骤,并强调了设计师与前端工程师的协作的重要性。

关键观点总结

关键观点1: 团队使用第三方B端组件库的问题

团队面临的问题包括团队不专业、需求不清晰、流程不规范等。而使用第三方组件库也带来了设计和开发同步的问题。

关键观点2: 面向组件库的设计方法和工作流程

包括建立协作共识、熟悉框架内容、构建项目规范、确定交付模式等步骤。其中,建立协作共识是最重要的一环,需要设计师与前端工程师深度配合。

关键观点3: 熟悉框架内容的必要性

设计师需要了解框架的真实样式和规则,以便更好地进行设计工作。这需要通过前端工程师的配合,帮助设计师建立对组件库的认识。

关键观点4: 构建项目规范的重要性

项目规范包括栅格/响应、框架/版式、色彩、字体、图标、样式、控件/组件等要素。这些规范的制定和应用对于项目的顺利进行至关重要。

关键观点5: 交付模式的确定

设计稿的交付不是作为一个标准让开发还原的样式,而是一个应用了哪些样式和组件的示意。设计师需要确保页面交付时,除了文字信息外,对规范的复用也是准确的。

关键观点6: 总结

文章强调了设计师与前端工程师的协作的重要性,并指出真实的产品团队开发流程是充满混乱和熵增的,需要设计师和前端工程师共同建立秩序。


文章预览

B 端底层设计师生存存在的困境有不少,团队不专业,需求不清晰,流程不规范之类的问题大家没少吐槽。而我们今天分享的,是一个大家更关心的问题,即: 团队使用第三方 B 端组件库,还要设计师有什么用? 今天的分享不是只从逻辑层面来解答,还要进入到实际操作的角度来分享,应该做什么。 组件库的应用认识 要面对这个问题,就要了解为什么团队要使用第三方组件库,以及使用组件库的优缺点。 B 端讨论的第三方组件库通常是指别人开发的前端框架,通过提前开发好各类前端组件和样式的代码,让其它程序员直接调用,可以快速制作可视、精美、可交互的前端页面。简单来说就是做了套素材,方便其他人直接调用(CSV 大法好)。 目前最主流的 B 端组件库有下面这些: 它们都是由大厂团队开发,且都是开源免费的项目。因为国内没有开 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览