火星网校
打造设计系统：Lyft 团队的设计秘籍
发布时间：2024-07-25 13:58:49 浏览量：232次
打造设计系统：Lyft 团队的设计秘籍
随着互联网行业的不断发展，设计系统这一概念越来越受到关注。设计系统由使用指导文档和可复用组件库组成，对于定调产品设计语言和提升生产效率有着重要意义。下面将揭示Lyft团队在构建设计系统时的方法，为其他团队搭建自身设计系统提供一些思路。
体系理念：系统中的秩序性
在创建多个Lyft产品语言和组件库时，需要重新评估已有工作，并重新审视布局、视觉层次结构和命名规则。在设计系统中建立可适用于文件每个元素的子系统是至关重要的。
我们使用可视层次结构设置每个组件页面，区分主要组件和内部嵌套组件，以帮助维护和灵活配置组件。边距系统的统一设置也有助于视觉效果的一致性。
排列图层的视觉层次结构是维护设计系统的关键，有助于快速浏览画布内容。
更具灵活性的组件
创建原子元素是设计系统的基础，有助于保持设计一致性和降低维护成本。内部嵌套组件对复杂组件的灵活配置至关重要。
复杂组件如列表项通过内部组件的设置可以灵活地适应不同情况。
“响应式设计” 相关
创建响应式组件对支持不同屏幕尺寸和平台的应用程序至关重要。通过适当定义约束值，使组件图层可以根据所设置的约束自动调整大小。
设计技巧
利用键盘快捷键可以更有效地管理设计系统的组件库。选择所有相同实例、创建组件、重命名图层等功能可以帮助提高工作效率。
最终思考
始终将系统的秩序性作为设计系统的基石，能够构建出一致、高质量、灵活的设计系统。这是构建Lyft设计系统的秘诀。想要了解更多设计系统构建过程，可以查看原文：原文链接。
作者：Jeremy D.
热门课程推荐
热门资讯
-
1. 华为手机神奇“AI修图”功能，一键消除衣服！原图变身大V领深V！
最近华为手机Pura70推出的“AI修图”功能引发热议，通过简单操作可以让照片中的人物换装。想了解更多这款神奇功能的使用方法吗？点击查看！
-
近年来,人工智能逐渐走入公众视野,其中的AI图像生成技术尤为引人注目。只需在特定软件中输入关键词描述语以及上传参考图就能智能高效生成符合要求的...
-
想将照片变成漫画效果？这篇文章分享了4个方法，包括Photoshop、聪明灵犀、VanceAI Toongineer、醒图，简单操作就能实现，快来尝试一下吧！
-
4. 一款免费无限制的AI视频生成工具火了!国内无障碍访问!附教程
人人都可以动手制作AI视频! 打开网址https://pixverse.ai/,用邮箱注册后,点击右上角Create,就可以开始创作了。 PixVerse目前有文案生成视频,和图片生...
-
以下是一些免费的AI视频制作网站或工具,帮助您制作各种类型的视频。 1. Lumen5:Lumen5是一个基于AI的视频制作工具,可将文本转换为视频。 用户可以使...
-
6. 零基础10分钟生成漫画，教大家如何用AI生成自己的漫画
接下来,我将亲自引导你,使用AI工具,创作一本既有趣又能带来盈利的漫画。我们将一起探索如何利用这个工具,发挥你的创意,制作出令人惊叹的漫画作品。让...
-
7. AI视频制作神器Viggle：让静态人物动起来，创意无限！
Viggle AI是一款免费制作视频的AI工具，能让静态人物图片动起来，快来了解Viggle AI的功能和优势吧！
-
就能快速生成一幅极具艺术效果的作品,让现实中不懂绘画的人也能参与其中创作!真的超赞哒~趣趣分享几款超厉害的AI绘画软件,提供详细操作!有需要的快来...
-
9. Logo Diffusion——基于sd绘画模型的AI LOGO 生成器
这下LOGO设计彻底不用求人了。接下来详细演示一遍操作流程首先进入Logo D... 想学习更多AI技能,比如说关于怎么样利用AI来提高生产效率、还能做什么AI...
-
10. 10个建筑AI工具，从设计到施工全覆盖!肯定有你从来没听过的
讲述了建筑业比较著名的AI公司小库科技做出的探索,在这儿就不多说了。今天,我们试着在规划设计、建筑方案设计、住宅设计、管道设计、出渲染图、3D扫...
最新文章
