-
告别加班!使用设计系统方法更快地构建产品
本篇文章里,作者就设计系统的构成、优点等方面进行了总结,一起来看一下。 构建设计系统有助于将设计组件统一为一个有意义的实体,简化设计和开发过程,从而节省开发人员的时间。 但是,如果你浏览有关设计系统的文章,你可能会注意到其中大多数都只是告诉你如何创建一个系统。 本文以一种略有不同的方式介绍这一热门主题,不仅涵盖一般的设计系统,还涵盖我们作为 Shakuro 的开发和设计外包公司使用设计系统的相关原…- 1k
- 0
-
原来构建设计系统,就像搭乐高一样!
"设计系统” 这个词的出现已经有相当长的一段时间了。设计系统最初是作为标志和品牌的标准手册来使用和构建的,后来出现在基于 CSS 框架的 Web 语言中,比如著名的 Twitter 的 Bootstrap 框架就是一组 UI 组件。如今,随着 原子设计 [1] 方法论、采用的模式和指导原则的出现,设计系统已经变得越来越主流。 [1] 原子设计:设计系统的基础指导理论。它可以帮助网络设计者…- 438
- 0
-
聊一聊那个高大上的设计系统
今年因为业务量增大,我所在的公司组织越来越强调“可复制”这个概念了。这不是一个新的概念,对应到设计来说,大概就要提到设计系统这件事了。 很多年前刚听到这个概念的时候,一直觉得设计系统是个非常高大上和牛逼哄哄的事情,当时Material Design刚刚出来没多久,苹果的人机设计指南在设计圈称王称霸,虽然自己主要做的都是安卓系统,还是认真拜读了IOS的Human Interface Guidelin…- 948
- 0
-
深度解析:设计系统的重要性
你对设计系统理解有多深?它在你的设计中有多大的用处?节省时间、减少出错率、视觉一致性还是仅仅觉得就应该有个规范?那怎么避免设计系统带来了统一和便利,但同时失去了变化和新鲜感? 设计系统是今年来热门的话题之一,想要带来良好的用户体验,设计系统就是其中重要的一环,那它和设计规范、设计模式、设计语言、设计原则有什么关系? 设计系统: 设计系统用一套连贯组织、相互关联的模式和共享实践以达到数字产品的目的。…- 831
- 0
-
如何快速搭建C端产品的设计系统?
本文作者结合其自身经验、较为系统地总结了快速搭建C端产品设计系统的方案,一起来看一下。 文章主旨在于拆解和分析设计系统中基础要素所制定规则的原由以及其合理性,了解设计系统基础要素的搭建依据从而更灵活地为其所用。 前期资料整理 搭建自研产品的设计系统前需要做大量的工作,首先要针对产品定位来确定设计系统的MVP的范围,这样来保证搭建设计系统的完整性;其次再学习和借鉴已有、成熟的设计系统;最后要根据现有…- 1.2k
- 0
-
搭建设计系统:Lyft 团队如何定义产品语言与组件库
随着互联网行业发展,设计系统这一概念越来越热门。通常设计系统由使用指导文档和可复用的组件库组成,对于定调产品设计语言和提升生产效率都极具意义。但设计系统的搭建并不是一件容易的事,本篇文章展现了Lyft 团队的设计师搭建其设计系统的方法论以及一些小技巧,能够对各团队搭建自身设计系统时带来一定的帮助。 2019 年底,我协助将 Lyft [1] 全部的设计系统从 Sketch 移动到 Figma 。具…- 1.6k
- 0
-
如何建立完整的设计系统?
本文作者将侧重从开发层面进行描述,并分享了我们的设计目标、设计过程和设计结果。 在本篇文章中,我将呈现并拆解 Bit 团队构建设计系统的过程;为了帮大家更好理解,每个步骤内的真实案例将展示给大家。 设计系统的创建,是为了解决必然出现的无序状态,它带来了秩序。 在 1976 年,NASA(美国国家航空航天局)推出了第一个设计系统;到如今,几乎所有的大型组织(如 Uber,Pinterest,Airb…- 4k
- 0
-
Ke.Design:从服务出发,打造生长·包容·联接的设计系统
重要的不是决定,而是决定背后的动机。——我们今天为什么要谈论这个? “很久很久以前,有一种东西叫做“书”。你还记得它们吗?这些用死树的纸浆做成的玩意,又重又厚。书里面的东西,被称做“页” 。当你翻书的时候,这些书页还会时不时割到你的手指。 真是讨厌的玩意!我现在很庆幸,手边不再有书和像刀片一样锋利的纸页了。” ——摘自《原子设计》,作者:Brad Frost “页面”的概念,从7万年前的“认知革命…- 3.4k
- 0
-
设计效能 | QQ动漫的设计系统之路
随着项目的不断发展,设计团队在不断壮大,设计师之间的协作也越来越多,相应的沟通和协作成本在不断增加。如何才能更高效的合作,并把设计质量和一致性做的更好,是我们需要去解决的问题。本文将以QQ动漫设计系统为例,分享一些过程中的思考和经验,抛砖引玉,希望对大家有所帮助。 问题之源—本地组件库 在项目初期,团队设计师的协作方式是通过一个本地的sketch规范文件,以复制粘贴的方式来复用一些元素和控件。在设…- 3.8k
- 0
-
「设计系统」 构建指南
这篇文章我将详细讲解建立设计系统的过程以及分享在这个过程中每一步实际案例。我们设计系统的建立是为了给无序状态带来秩序。首个设计系统由NASA在1976年建立,如今几乎所有的大型组织机构例如:Uber、Pinterest、Airbnb、Shopify都会建立这样的设计系统以在产品和团队混乱的状态中保持一致性。 在 Bit 公司,我们为15万多使用组件的开发者建立了工具。我们的平台帮助开发者建立、分享…- 3.8k
- 0
-
一起了解构建设计系统的过程
本文作者拆解了 Bit 团队构建设计系统的过程,我们一起来了解一下。 在本篇文章中,我将呈现并拆解 Bit 团队构建设计系统的过程;为了帮大家更好理解,每个步骤内的真实案例将展示给大家。 设计系统的创建,是为了解决必然出现的无序状态,它带来了秩序。在 1976 年,NASA(美国国家航空航天局)推出了第一个设计系统。 到如今,几乎所有的大型组织(如 Uber,Pinterest,Airbnb 或 …- 7.7k
- 0
-
设计系统是什么?如何建立一套设计系统?
本文将从设计系统的概念、来源、作用和具体搭建4个方面,对设计系统进行梳理分析,与大家分享。 相信很多互联网设计师在近几年慢慢的接触到聊“设计系统”这个词,且这个词也一直在“进化”,设计系统在企业运用中被越来越重视,随着互联网行业的聚变式发展,网站 UI 构建也经历了“体验一致性”、“设计效率”、“UI系统构建/应用效率”、“多端适配” 等诸多问题。许多人认为构建一套设计系统(Design Syst…- 6.3k
- 0
-
后台产品经理如何设计系统(1)
作为产品经理,应该不断的去探索如何搭建一个合理的系统。本文作者结合自己的实际经验,为我们总结了后台产品经理应该如何设计系统。 笔者作为B端产品经理,在工作中,接触和搭建过不少后台系统。 也因此越来越感受到,系统的设计结构很能体现出一个产品经理的设计思路及产品思维为了不断探索如何设计出一个合理的、可持续的、优雅的系统,笔者将个人的系统认知经验整理成文字,愿与大家分享,希望带给大家启发。 首先,笔者自…- 4.2k
- 0
-
B端设计系统怎么做?设计系统的介绍与构成
设计系统可以帮助产品和服务飞速发展,在全球范围内有广泛的应用。本文将介绍设计系统及其优势,设计系统的组成部分和优秀实践案例,带你全面了解设计系统相关理论和常用内容,希望阅读过后有助于展开对设计系统更深一步的学习。 一、前言 酷家乐作为saas服务公司,含有多种B端产品。 对于B端产品的体验设计:一方面需要进行体验洞察;另一方面非常适合利用设计系统来提升设计效率与产品一致性。 设计系统可以帮助产品和…- 7.9k
- 0
-
设计系统(二):逐步设计你的设计系统
这篇文章来自于invision出品的书籍,围绕规划、设计、构建和实现设计系统的实践经历来指导读者,其中包含了经验丰富的专家的真知灼见和一手经验。我很喜欢,也分享给大家,推荐阅读。这将会会一个系列,一共有7章,感兴趣的话,持续关注吧。 书籍的知识深度是设计短文无法比的,这篇文章比较长,但建议耐心看完,假期也别忘记给自己充充电。当别人都在刷剧游戏时,你在学知识,肯定赚大了。 译文: 去开始着手设计一个…- 4.7k
- 0
-
什么是设计系统、设计语言和设计语言系统?
不管是晋升答辩还是跳槽面试,甚至是过稿评审,大家一定都会被问到大致这么几个问题:大多数铁汁对设计语言或者设计系统已经有了自己的理解,但因为问题太宏观所以并不明确这两个概念的具体含义以及区别,导致阐述的时候模棱两可,拉低面试评价(都是痛,我懂得?)。所以本文会重点科普下设计语言与设计系统的概念。 01、设计语言是什么? 1、为什么会有设计语言? 拆分来看,先聚焦“语言”。 维基百科对语言的解释:就广…- 7k
- 0
-
了解原子设计理念,构建科学规范的设计系统
一些设计师在设计产品时会用借鉴别的大厂的设计系统,对自己的产品进行拆解,这样的做法只是知其然不知其所以然。原子设计理论的出现就是为了帮助设计师去搭建属于自己的设计系统,在国内大厂中应用比较广泛。 “我们不设计页面,我们设计构成元素的系统。”——Stephen Hay 一、前言介绍 原子设计理论并不是什么高大上的规则。 随着网页设计的持续发展,我们认识到开发设计系统(design system)的重…- 5.9k
- 0
-
如何从0到1建立一套设计系统?
今天小编给大家带来的文章是如何从0-1建立一套设计系统,相信很多互联网设计师在近几年慢慢的接触到聊“设计系统”这个词,且这个词也一直在“进化”,设计系统在企业运用中被越来越重视,一起来看看吧! 前言 相信很多互联网设计师在近几年慢慢的接触到聊“设计系统”这个词,且这个词也一直在“进化”,设计系统在企业运用中被越来越重视,随着互联网行业的聚变式发展,网站 UI 构建也经历了“体验一致性”、“设计效率…- 22.5k
- 0
-
了解设计系统,看这篇就够了!
成功建立有效的设计系统并持续维护已经是业内一个组织是否在创新文化方面成功/及格的标志。本文作者从自身工作经验出发,结合实际案例,对设计系统的意义、具体设计方法和注意要点进行了总结,希望对你有用。 Design System是不可能一篇讲完的,实际上根本不可能讲完。因为design system相关技术、建设方法、对应要求等都在一直变化,各位看官容小弟在这里浅谈一下算了。 一、什么是design s…- 5.4k
- 0
-
设计协同工作流:设计系统
设计系统包括完整的设计价值观和原则、设计标准、场景定义 以及一套工具包,用于搭建和组合产品与服务。 为什么需要搭建设计系统?设计系统解决了以下问题: 1)设计高效率:快速了解产品设计全貌(包括设计原则、风格,样式、组件)多人协作如Google docs共享的方式高效。 2)协作高效率:对齐研发的实现距离单位,高还原度,及跨学科跨岗位间的高效沟通。共享的词汇表,有用的文档使测试更容易,并作为未来协作…- 10.5k
- 0
-
一份深度设计系统指南完整版
根据不同的业务、需求,设计系统的构建也不尽相同,不同的设计系统样式可以满足特定样式的特定需求。本文从六个常见问题出发,围绕设计系统进行了分析探讨。 如今,越来越多的公司专注于设计系统,因此,“设计系统”一词的流行开始呈指数级增长。 这并不是巧合,因为设计系统是帮助产品和服务的发展飞速发展的强大方法,使其成为全球企业的宝贵工具。 完整的设计系统初学者指南 并非所有设计系统都构建相同。根据个人,业务,…- 7.3k
- 0
-
论设计系统的销售: 展示产出,而非操作过程
随着一个公司团体内部的设计任务复杂化和规模化,要想确保自身输出所有产品的一致性,给设计流程配置一套可参考的明确标准显然是不可避免的趋势,但是我们应该如何向客户或者非设计师们说服这一决定的主要目的并非是为了偷懒减轻工作量,或者想一劳永逸后高枕无忧,同时还让他们也加入到这一标准的建立中,共同创造出被公司内所有人认可的方案呢?这篇文章就是针对这一问题很好地提供了几种可以使用的成功策略,更好的是,它也帮助…- 7k
- 0
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!