系统设计题,深入了解设计系统的6个题

关于你想知道深入了解设计系统的6个题和系统设计题的题是怎么回事吗?听小编为你带来详细的解吧!


根据不同的业务和需求,设计系统的配置也不同,不同的设计系统风格可以满足特定风格的具体需求。本文从六个一般题开始分析和讨论设计系统。


如今,越来越多的公司开始关注设计系统,因此“设计系统”一词的受欢迎程度开始呈指数级增长。


这并非巧合。这是因为设计系统是帮助产品和服务开发飞速发展的强大方式,使其成为世界各地企业的宝贵工具。


设计系统的完整初学者指南


并非所有设计系统都是一样的。根据个人、业务、需求等的不同,有多种不同的设计系统风格,以满足特定风格的具体需求。


如果您是一名网页设计师初学者,并且已经对设计略知一二,并且熟悉排版、设计、布局等,但是您偶然发现了“设计系统”这个术语,但对此了解不多,那么意味着深入。那么你来对地方了。


本主题是设计系统。在本文中,我们将尽力回有关此主题的常见题。


因此,准备好详细了解有关系统设计的六个最常见题的主题。


01什么是设计系统?


您可能期望有一个统一的定义,但不幸的是,设计系统,就像网页设计的大多数其他方面一样,是任意的,并且没有单一的定义,而是有许多不同的解释,正如您在这里所看到的。


“设计系统不是一个项目。它是一种产品即服务。”——内森柯蒂斯


设计系统是在设计和代码中实现的各种可重用组件、规则、约束和原则的核心集合。


从按钮到单页应用程序,这三个元素执行不同的功能,并在系统中提供一致、有组织的顺序。


因此,设计系统几乎是构成产品的一切,从排版、布局和网格到编码规则、风格指南和文档。从本质上讲,您可以用它来创建和开发出色的产品。


为了进一步简化和提供设计系统的统一定义,我们还可以说设计系统是与单个业务相关的指南、资产和原则的集合,总体目的是帮助该业务。学习、创造、成长。


它还包括以下要素


模式库


模块化设计


零件设计


设计语言


用户界面库


02为什么要使用设计系统?


为了回这个题,我们先从相反的题开始。为什么不使用设计系统?


您现在可能想知道如何回这个题,说实话,我们也是如此。对于为什么不应该使用设计系统的题没有案。因为这就像为什么在国外度假时不应该使用指南一样。为什么要避免做一些最终对你有利的事情呢?这没有道理吗?


现在回你的第一个题,为什么要使用它?因为您使用它,它可以帮助您创造更好的产品,成为一名更好的设计师,并显着扩大产品增长以提供一致的品牌。并感觉。可以节省很多时间


设计系统是由精通不同方法的人创建的,并提供捷径,这样您就不会遇到麻烦或浪费时间,并最终实现


“利用别人给我的东西确实帮我省去了所有的麻烦和时间。”实际使用它可以帮助您学习新事物。


作为一名设计师,无论你处于什么水平,你都应该永远知道有些东西你不知道,有些东西需要改进,有些东西需要学习。


由于设计如此广泛,拥有如此多的元素和属性,其中一些我们尚未介绍,所以我们应该将设计系统视为发现它们的机会。帮自己一个忙,不要太固执。承认你可以从比你更有经验的人那里受益并不羞耻。


03设计系统、风格指南和风格库之间有什么区别?


现在我们已经建立了设计系统的定义,让我们介绍两个新术语样式指南和样式库。对于某些人来说,这个术语可能并不新鲜。我希望我不会像许多其他认为他们的意思相同的人那样犯同样的错误。不像那样!


虽然可以互换使用的三个概念确实相关,但它们并不完全相同。


现在,解决这个题后,主要题是这与样式指南或模式库有何不同?要回这个题,我们需要考察这个新术语的含义。


样式指南和模式库可以归类为更大设计系统的子模式,这是两个设计系统之间的主要区别。另一个区别是与资产密切相关的标准和文档。


1风格指南


顾名思义,样式指南关注从图形样式、颜色、字体、插图等到使用的所有内容。


简而言之,风格指南是设计系统本身的静态文档和描述。它描述了产品的外观和感觉,有时用于修改UI模式、打印比例等。


2花样库


这是另一个设计系统子类。它代表了公司使用的一组设计模式。用户界面设计元素的集合。这定义了它们的行为、外观和编码方法。模式库还可以解决常见的设计题。


您可以找到并且属于模式库一部分的一些元素是


幻灯片


社交媒体功能


旋转木马


新闻列表


相关链接


有些网站是由不同的人随着时间的推移开发并定期修改的。除非采取措施确保一致性,否则这通常会导致用户界面支离破碎。请访我们的大型网站以获取示例。导航位置发生变化,表单元素的格式不同,甚至字体也发生变化。发生这种情况是因为测按钮的外观比发现旧样式容易得多。


模式库提供了一种简单的方法来复制网站特定页面上的现有设计和功能,从而增强了设计人员的体验。


现在应该清楚的是,样式指南和样式库只是设计系统输出的一部分。


04如何开始使用设计系统?


从头开始构建设计系统可能非常困难。如果您还是设计新手,则尤其如此。为了创造良好的用户体验,了解系统设计的背景非常重要。因此,我们为您准备了一些易于遵循的步骤。


第1步品牌识别、语言和声音


创建根据设计系统的策略、目标和目的定义的品牌标识是您应该追求的第一件事。最终,如果您希望人们认真对待您的设计系统,您需要与权威人士交谈。是的?


1)颜色


设计系统中最常用的颜色包括代表您品牌的一到三种原色。最好包括多种色调。白色和黑色的混合为设计师提供了更多选择。


2)格式


大多数设计系统仅包含两种字体。一种用于标题和正文,另一种是用于代码的等宽字体。这很好,因为它可以避免用户过载和混乱,而且最好保持简单。另外,将字体数量保持在最低限度。这不仅是排版实践,而且还可以防止因过度使用网络字体而导致的性能题。


3)图像


您可能已经知道,成功将图像实现为视觉设计语言的关键是制定计划并坚持执行。建立插图和图标指南并使用最适合情况的图像格式可以帮助您在该领域取得成功。


4)同样重要的是


这些都是你应该追求的目标。一个具有清晰视觉元素的好包装可以在用户心目中塑造您的特定形象,吸引并留住他们的注意力。


请在“关于我们”页面上包含以下内容“你好,这就是我们。这就是我们的信念。这就是我们的目标,这就是我们实现目标的方式。”


第二步分类


构建您的第一个设计系统需要对产品的所有视觉组件进行编目,这可以减少用户从移动产品过渡到桌面产品时存在的认知负担。


这将帮助您突出显示产品中最重要的不一致之处,从而帮助您的团队选择产品的基本元素和组件。这也可以节省时间并使您的工作更加轻松。


第3步构建设计模式、规则和UX指南库


列出重要的细节并为每个模型构建完整的库不仅可以节省时间,还可以节省后续步骤。


一旦您的网站达到一定的规模和复杂性,模式库等元素就会变得非常有用和有益。


拥有包含这些核心元素的一致库也使维护变得更加容易。让某人对元素进行编码可以使开发人员更轻松地使用预先建立的规则和指南。此外,当新的开发人员加入时,他们可以通过检查已经创建的库来更快地掌握速度。


05什么是开源设计系统?


开源设计系统简称为“免费使用”设计系统,对公众完全免费。适合各个阶段的所有人,尤其是初学者。


它们是灵感、创造力和生产力的重要源泉。当您第一次接触整个设计系统时,这是最好的选择,因为如果您后来决定创建一个系统,您将能够看到其组件和元素是如何布局和构造的。


06设计系统示例?


“设计系统总是在不断发展,我们鼓励共享和采用新迭代的方式也在不断发展。”——戴安娜山


灵感是一个巨大的动力,因此看到精心制作的产品常常会激发人们想要自己创造它。


下面列出了一些优秀的设计系统,这些系统可能会引起您的共鸣,或者激励您创建一个在受欢迎程度和质量上超越它们的设计系统。


Shopify的设计系统


Shopify设计系统—Polaris


Shopify的设计系统Polaris。这是一个反映Shopify的全影响力的系统。这是关于可扩展性和效率。Shopify已被完全复制和设计,只专注于商家体验。


不难看出Shopify如何帮助企业管理全复杂性。Shopify的经验可以为每个人(即使是最缺乏经验的企业家)提供成功的机会。


Atlassian设计系统


Atlassian设计系统


Atlassian的设计系统利用个性将工具与人联系起来。可访性对于Atlassian非常重要,我们的对比度设计标准确保弱视用户可以看到并使用Atlassian产品。简而言之,Atlassian品牌注重乐观和个性。


原作者阿克巴沙阿


原文地址


译者CANAAN,译者公众号南社


本文由CANAAN翻译发布,人人都是产品经理。未经许可禁止


标题图片来自Unsplash,CC0协议。


一、设计系统时首先要把什么题转化?

系统设计中的计算思维首先需要将动态演化的系统抽象为单独的符号系统,以便进行形式化的规范描述,然后进行模型建立、算法设计和开发等后续工作。您可以运行该软件。


在设计系统时,必须将要设计的对象系统和对象系统周围的环境结合起来考虑,前者称为内部系统,后者称为外部系统。内部系统与外部系统相结合称为一个完整的系统。


二、机械设计手册(软件版)V3.0在Win764位系统下安装题,急?

改成2008版本怎么样?V3-0是2006年的旧版本。


当我在WIN7上使用08时一切正常。


除非特别注明,本站所有文字均为原创文章,作者:admin

No Comment

留言

电子邮件地址不会被公开。 必填项已用*标注

感谢你的留言。。。