作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
赞贝林是一个强大的协作工具,通过为产品团队创建连接空间,弥合了设计师和开发人员之间的差距.
任何产品开发难题的关键部分都是设计与开发的结合点. When a 设计 is ready to move into the development phase (the “handoff”), engineers need a way to understand it and translate it into code.
赞贝林 facilitates the handoff by taking 设计s from 草图, Adobe XD, Figma, 并将它们导出为可以轻松生成代码片段的格式, 风格指南, 规格, 和资产.
告别“划红线”的日子吧.” 赞贝林 is focused purely on improving the collaboration between 产品设计师 and development teams and is used by leading product teams at Airbnb, Dropbox, Pinterest, 微软, 还有很多其他的.
有了赞贝林,就不需要手动写大小或边距,输入副本,导出图标. It’s simply awesome and saves lots of time to focus on 设计 explorations. ——Alex Potrivaev,产品设计师 @Intercom
In one of our past articles, Toptal 设计er 弥迦书鲍尔斯 talked about the importance of having a standardized 设计语言系统 为了在数字产品团队的各个职能部门之间进行有效的沟通.
通过对设计资产进行版本控制, 创建组件库, 并生成生活方式指南, 移植到赞贝林的项目可以作为产品团队的“唯一真实来源”.
我们基本上认为赞贝林是我们与工程部合作的真实来源. 如果不在齐普林,那就不算正式. – Jason Stoff, Senior 设计er, Digital 产品s @Starbucks
While 赞贝林 has many helpful features, it isn’t perfect. 赞贝林 offers a free plan, but under that plan, it’s limited to one project. When 设计ing for both iOS and 安卓, two separate projects will be required. 在这一点,a 支付计划 是需要的.
一旦了解了使用赞贝林和草图(或上面提到的其他应用程序)的流程, 工作流程变得简单. 然而,赞贝林有一点学习曲线,需要一些时间和精力. To see a general overview and learn more about how to use it, see the 齐普林演示视频 下图:
1. 从赞贝林开始.
2. 准备草图文件.
3. 在草图中导出资产.
4. 在赞贝林中创建一个新项目.
5. 导出草图画板到赞贝林.
6. 在赞贝林组织项目.
7. 利用赞贝林中的组件.
也许赞贝林最有用的特性之一就是能够将资产组织到组件库中. 当一个项目的设计是由不同的团队成员针对多个平台开发时,这一点非常重要. 设计 unification is essential, as Airbnb 设计er Karri Saarinen outlines in 构建视觉语言:
A unified 设计 system is essential to building better and faster; better because a cohesive experience is more easily understood by our users, and faster because it gives us a common language to work with.
8. 从赞贝林导出样式指南.
9. 在赞贝林中注释您的设计.
10. Collaborate, share, and use version control.
创建动态, 有组织的, and collaborative workflow between 设计 and development teams is essential for building great digital products. 有了像赞贝林这样的工作流桥梁,设计人员就可以对屏幕进行注释,并通过完整而精确的规格说明简化了通常令人恐惧的交接阶段.
The flexibility to update assets dynamically from one central source, like a symbol in 草图 exported to a component in 赞贝林, 创造了极大的灵活性. 然后,工程师可以轻松地将资产导出为本机代码,从而节省时间和繁琐.
而周到的用户体验和美观的设计是成功产品的根源, the process of getting that 设计 into the hands of users is critical.
想要高效并依赖单一“事实来源”的设计师应该考虑上面概述的草图到赞贝林工作流程. 这两种设计工具之间强大的软件关系背后的力量将帮助设计师和开发团队更轻松、更满意地到达终点.
赞贝林是Mac和Windows的插件和独立桌面应用程序,专门用于弥合设计师和工程师之间的差距. 它采用草图的设计, Adobe XD CC, Figma, 或Adobe Photoshop CC,并将它们导出为生成代码片段的格式, 设计规格, 和资产.
A code snippet in programming is a piece of reusable code. “代码片段”是一个编程术语,指的是一小部分可重用的源代码、机器码或文本. 通常, 这些是正式定义的操作单元,可以合并到更大的编程模块中.
草图是macOS平台上一个全面的基于矢量的设计工具包,用于为各种设备创建各种保真度的设计. It includes a comprehensive set of 设计 tools, 设计图书馆管理, 图书馆的风格, 颜色管理, 可重用组件, 屏蔽, 还有更多.
设计语言系统允许开发复杂数字产品的不同团队使用标准化的视觉语言进行交流. UI风格指南被编织到设计语言系统的结构中,作为一种工具,可以依赖于快速迭代和一致的数字体验.
产品开发过程是将产品或服务从概念推向市场的过程. 新产品通常要经过一系列的阶段——通常是7到8个阶段, beginning with ideation and concept generation, 最后是商业化, 产品推向市场.
世界级的文章,每周发一次.
世界级的文章,每周发一次.