如果要成为高级设计师,请先了解设计系统的基本知识

您认为设计系统很重要吗?当前的设计系统是否在灵活使用?还是灰烬和陈设品?您对设计系统有多深入的了解?它在您的设计中有多大用处?节省时间,降低错误率,视觉一致性,还是只是觉得应该有规范?那么如何避免设计系统带来统一性和便利性,却又失去了变化和新鲜感?

设计系统是今年的热门话题之一。为了带来良好的用户体验,设计系统是其中的重要组成部分。它与设计规范凤凰彩票app ,设计模式,设计语言和设计原则有什么关系?

设计系统

设计系统使用一组一致的组织,相互关联的模型和共享的实践来实现数字产品的目的。简而言之,它是一系列可重用的组件及其使用指南文档。在制作这些组件的过程中,将考虑公司的设计理论和品牌(颜色,文案,字体等),因此它们通常包含在设计系统中。设计系统为公司的各种产品提供了基石和指导。这是一个动态的,需要维护和改进。

设计模式

设计模式是可重复使用的可重复使用的解决方案,可用于解决设计问题。我们经常说要解决整个解决方案需要使用哪种设计模式。

设计语言

设计语言是将设计用作在特定情况下传递内容和信息的“交流方法”。设计语言可以理解为一套设计应用规范系统,由品牌基因+设计规范+多场景应用三个要素组成。

设计原则

设计原则可以理解为设计语言中的语法,这是构建设计语言系统的起点,用于传达品牌主张或设计概念,并将指导业务设计执行的方向。

例如,Airbnb的设计原理可以归纳为以下几点:

vi设计基础系统

设计规范

设计规范并不是设计师不熟悉的,并且经常在日常工作中使用。它围绕某种风格或大规模设计项目下可视化和数据标准的形成,以及为相对独立的系统建立统一的合规性条款。统一的设计规范不仅可以帮助设计师提高效率,还可以帮助产品,开发,运营和测试人员更好地了解产品体验。

制作一个设计系统并在团队中传播就足够了吗?那么平台的统一性就解决了吗?

我曾经加入一个设计团队vi设计基础系统,发现平台样式不统一。当时,我感到很自豪,并决心制定一套平台设计规范,包括颜色系统,文本系统,图标系统,botton系统和其他UIKIT系统。也有互动方面。当时,我以为手中有这本标准书泛亚体育 ,平台的统一性指日可待。我没想到这个标准会成为我自己的标准。就是我。

为什么建立了设计规范,但仍然不能解决平台统一的问题?这是另一个问题,为什么其他设计人员不使用它?无法合作?这还不够好吗?我严格遵守标准,为什么我不能推广呢?

回到设计系统的目的是什么?它的意义是什么?

建立统一的设计文化体系

确保涉及多个团队成员的项目的视觉一致性

改善品牌语气

节省与研发人员的沟通费用

元素的组件化,以提高设计人员和程序员的工作效率

它可以帮助设计人员有针对性地优化和迭代视觉元素。

在用户级别,实现了特定产品的体验一致性

降低设计错误率

……

整体可以概括为

内部统一,外部差异

管理和协作变得便捷

建立设计文化体系并树立品牌意识

减少并优化错误的发生

1.在内部是统一的,在外部是不同的

规范定义的基础围绕某种样式或设计文化。在内部统一上辛运28 ,品牌的设计风格必须不同于同类竞争产品,例如阿里云和腾讯云,这两种产品各自具有自己的品牌调性。从外观上看,这两个品牌可以与外界区分开来,一目了然。他们有自己的一套设计语言和设计规范。只有这样,我们才能在协作中实现内部统一。我们不想在阿里云网站的每个页面的设计上有明显的差异,就像跳转到其他平台一样。这些都是确保用户级一致性的非常重要的经验。

vi设计基础系统

2.管理和协作变得便捷

对于设计师:

多个设计成员在一个产品上进行协作,并且可以更快地同步迭代和对规格的更改。您可以想象一个由数十人组成的设计团队,如果没有统一的设计规范,网站的外观将是什么样。

对于开发人员:

在UI恢复中,设计需要经常与前端“在这里,在这里,在那和那里”进行通信。对于每一个设计,前端都会询问您,这大大增加了通信成本,并花时间在无效的事情上。

统一设计规范后,可以减少无效的交流,您可以将更多精力放在创新的方向上。例如,您需要更改预设的辅助颜色(无论是设计还是开发中的颜色),修改组件的颜色并在全局范围内使用此组件。所做的更改大大节省了设计时间。

3.建立设计文化体系以彰显品牌感

建立品牌时,有必要制定一套完整的VI规范手册,并且平台还需要统一的品牌意识。建立统一的文化体系可使用户无论在哪个页面上都具有熟悉和掌握的感觉。统一的元素,视觉风格和交互方式进一步凸显了品牌应有的色调。无论您是在听网易云音乐还是QQ音乐,看到界面时都可以立即识别出它是哪个应用。

vi设计基础系统

您能分辨出哪个是网易云播放界面和哪个QQ音乐播放界面吗?

4.减少和优化出现的错误

设计完成后,设计经常会遇到需要修改的地方,然后有必要在设计草图中找到所有相同的位置并进行修改。这很容易错过。统一规范后,仅需修改组件。尝试尽可能避免错误。

设计规范的含义对于网站和品牌而言是如此强大和至关重要,为什么在某些情况下仍然没有应用它们?

许多设计师会说:“设计不应该是可变的吗?这是在展示创新吗?设计规范会失去变化和新鲜度吗?那么设计的意义是什么?开发就是一切,您可以做设计的事情。”

这取决于对设计规范的了解—设计规范是分层的。归根结底vi设计基础系统,平台规范是为了确保产品的易用性并降低用户的学习成本

严格规定不可分割的基本要素

底层基本元素也可以说是全局样式,例如颜色调节,文本大小,图标线条/表面,botton系统和其他基本元素,从而为用户提供跨界面,跨界面的统一视觉图像。终端,整个系统都有一种熟悉感,可以巧妙地渗透到品牌中。

增强界面设计的灵活性和可维护性

简化具有较低组合自由度的基本组件的样式更改限制,减少具有较高组合自由度的复合组件的过于严格的限制,并考虑各种扩展可能性。在组件开发中应考虑各种状态和可能性。

随着业务或技术变化的发展,设计规范最终将变得过时,并且需要对其进行迭代。

设计规范需要反复进行,只要我做并放在那里就可以。就像买衣服的女孩一样,去年的衣服今年已经不值我了,呵呵

~~我希望我每天都做新衣服,做梦〜

对设计系统的误解

毫无疑问,设计系统的最重要之处在于它是标准化的,以节省人力,并且设计人员可以将更多的时间花在创造力上。

误区一:设计系统限制了设计师的创造力

许多设计师认为标准是统一的,所以我的创造力来自哪里,界面几乎相同。在设计中,设计的目的是解决业务或用户问题,而不仅仅是引入新的样式或交互式的创造力方法。

通过设计系统,整体品牌风格是统一的。与其花精力在诸如调整间距和对齐元素之类的琐碎事情上,不如将更多的注意力放在更具全局性的设计策略上。

误解二:设计系统仅与设计有关,可以由设计者独立完成

它只是设计软件中的可重用组件,因此可以由设计人员独立完成。这个想法是错误的,需要前端,品牌,动态设计和用户研究等不同角色的支持和参与。等等。

误解三:设计系统要一劳永逸

有时候,我认为只要完成规格说明,您就可以完成。实际上并非如此。设计规范就像产品一样对待。它需要维护和改进。有两个方面:一是内部使用和同事的发展。一种是针对用户的。应该定期收集用户和同事的反馈,以确保及时更新迭代。

误解四:设计系统的重要性

提高设计和开发效率的最明显好处是组件库的可重用性。例如,表格,弹出式窗口,颜色等。一些基本组件只需完成一次。

确保设计的一致性,并为用户提供一致的用户体验。设计一致性使用户可以缩短学习和使用产品的周期银河体育 ,从而可以预见其运营带来的变化。网站的统一视觉规范和互动体验将为用户带来一种控制感。

设计系统促进了公司内部的合作与沟通。成功的设计系统需要跨职能团队的参与。因此,设计系统促进了公司内部不同职位之间的合作和沟通。这种文化的建立还将帮助公司更好地有效推出新产品或服务。

那我们该如何实现呢?

我已经了解了规范的目的/含义,那么我该如何进行呢?

1.设计规范的含义应同时提供给设计师,以提高人们的认识。这是一个提高效率的规范,必须执行该规范。

在制定规格书的早期,一个人不应指定规格书。设计团队的成员应积极参与。规范的基调应该在早期阶段设定。每个人都将参加,并且规格将能够更好地运行。那时我自己制定规范。我只是将规范发送给其他设计师。他们没有参加,因此自然会不使用该规范,并且对内部的设计元素没有深刻的了解。

领袖。负责人建议,最专业的团队应协助对产品进行战略分析。有控制整个情况的能力,以最大程度地减少错误。

vi设计基础系统

2.必须遵循应用程序规范中的接口和交互规范

通常,设计规范是界面的视觉规范。从UI的定义,即用户界面—用户与界面之间的交互关系,可以总结出,该规范实际上可以包含两大类,一类是视觉规范,一类是交互规范。

视觉规范可以将统一的品牌形象传达给用户并确保视觉一致性。以后的设计元素必须结合规范的原理。

互动规范可以降低用户的学习成本,并给用户以归属感。在制定交互规范的过程中,需要编写交互规则和条件,否则维护起来会很混乱。就像盖房子一样,如果基础不稳固,整个建筑物也会有偏差。

在使用规格书时,必须遵循规格书中的要求进行应用,否则会造成混乱,不仅不能实现统一的品牌风格,而且会给人带来混乱和完全不专业的感觉。好的经验是产品的竞争力。

vi设计基础系统

设计规范节点

该节点与公司的进度密切相关,以查看当前产品应首先是独立样式还是统一基本规格。

固定的设计样式规范,例如Google的“ flat”和Microsoft的“ tiles”,可以在全球范围内使用,并且保持相对较长的时间。这些设计风格在早期就完成了独立风格与其他风格之间的区分。稍后展开。这种规模相对较大的团队会定下基调,不会出错。

不断优化设计规范。根据公司的节奏,目前某些产品需要界面统一和交互统一。完成粉底后,请考虑产品的固定样式。这更适合小型团队协作。可以随时调整。

1.建立规范

生产原理-利用颗粒成分和三维解构原理

利用粒子组成和三维解构的原理,在对粒子进行科学的三维分析之后,可以用粒子对组件进行重构,从理论上讲,它几乎可以满足所有UI风格的要求。这样,所有组件都是可变的并且高度灵活

2.具体过程

创建单个元素-设置简单组件-形成复杂组件-形成模板-最终形成页面。

vi设计基础系统

3.元素是工具库的必要部分

并非所有组件都可以随时使用。元素是我们工具库中不可或缺的一部分。它可以使您更轻松地修改组件,重建组件和特殊布局,并方便拖放。

4.组件命名的规范化

标准化组件的命名,以方便搜索和协作。

合作

一键式将最新的组件导出/同步到Sketch模板。

在标签方面,我们的团队目前使用Blue Lake私有化。

所有公司都需要创建设计系统吗?

在正常情况下,公司具有不同的产品线,并且它们都需要长期的开发和迭代。在公司中,越来越多的设计师加入其中,需要统一设计风格。

建立设计系统有哪些挑战?

设计系统包含设计语言和设计规范。它需要与前端,品牌,动态设计,用户研究等进行沟通,或进行迭代优化。这是一个非常繁琐且耗时的项目。一开始这将是非常困难的。当设计人员开始制作组件时,这也是一项非常耗时的工作。有必要考虑不同场景下的用法和设计的可扩展性,这需要大量的设计人力。

老王
地址:深圳市福田区国际电子商务产业园科技楼603-604
电话:0755-83586660、0755-83583158 传真:0755-81780330
邮箱:info@qbt8.com
地址:深圳市福田区国际电子商务产业园科技楼603-604
电话:0755-83174789 传真:0755-83170936
邮箱:info@qbt8.com
地址:天河区棠安路288号天盈建博汇创意园2楼2082
电话:020-82071951、020-82070761 传真:020-82071976
邮箱:info@qbt8.com
地址:重庆南岸区上海城嘉德中心二号1001
电话:023-62625616、023-62625617 传真:023-62625618
邮箱:info@qbt8.com
地址:贵阳市金阳新区国家高新技术开发区国家数字内容产业园5楼A区508
电话:0851-84114330、0851-84114080 传真:0851-84113779
邮箱:info@qbt8.com