亚洲精品国产精华液,护士给我做囗交,日本18禁网站,精品国产色区,含紧一点h楼梯边做边走视,亚洲无限资源,黄工厂精品视频免费观看,美女被c到爽哭视频网站

▲點擊"三分設(shè)"關(guān)注，回復(fù)"社群"加入我們

歡迎來到專業(yè)設(shè)計師學(xué)習(xí)交流社區(qū)
三分設(shè) x 100+UED
編輯：韋建軍審核：王翎旭
本文共 2590 字 15 圖預(yù)計閱讀 7 分鐘

Background

前言

酷家樂作為 saas 服務(wù)公司，含有多種 B 端產(chǎn)品。對于 B 端產(chǎn)品的體驗設(shè)計，一方面需要進(jìn)行體驗洞察，另一方面非常適合利用設(shè)計系統(tǒng)來提升設(shè)計效率與產(chǎn)品一致性。設(shè)計系統(tǒng)可以幫助產(chǎn)品和服務(wù)飛速發(fā)展，在全球范圍內(nèi)有廣泛的應(yīng)用。本文將介紹設(shè)計系統(tǒng)及其優(yōu)勢，設(shè)計系統(tǒng)的組成部分和優(yōu)秀實踐案例，帶你全面了解設(shè)計系統(tǒng)相關(guān)理論和常用內(nèi)容，希望閱讀過后有助于展開對設(shè)計系統(tǒng)更深一步的學(xué)習(xí)。

Part 1 什么是設(shè)計系統(tǒng)？

在 1977 年，Christopher Alexander在《A Pattern Language》中首次提出模式的概念，之后工程師 Brad Forst 提出了 Atomic Design，分層建立設(shè)計系統(tǒng)；Alla Kholmatova 在《Design systems》中歸納、提出了完整的設(shè)計系統(tǒng)的概念。

設(shè)計系統(tǒng)的核心，是通過可重用的各種組件、規(guī)則、約束和原則幫助使用者建立規(guī)劃化的設(shè)計思維。通過標(biāo)準(zhǔn)規(guī)范使團(tuán)隊合作更加緊密一致，鼓勵崗位之間的合作，提升合作的效率，減少錯誤的發(fā)生。一個好的設(shè)計系統(tǒng)指南可以幫助設(shè)計人員和開發(fā)人員了解已有的設(shè)計工作箱，并指導(dǎo)他們?nèi)绾握_使用規(guī)則。

Part 2

設(shè)計系統(tǒng)的有哪些優(yōu)勢？

近些年來，設(shè)計系統(tǒng)在互聯(lián)網(wǎng)公司中不斷被提及，促使著設(shè)計向規(guī)?；姆较蜻M(jìn)行。公司為了提升用戶體驗，開始向設(shè)計中投入越來越多的資源，在這類公司中設(shè)計團(tuán)隊常常有以下特征：

1、設(shè)計團(tuán)隊有一定的重要程度

2、設(shè)計團(tuán)隊服務(wù)公司大部分產(chǎn)品

3、設(shè)計團(tuán)隊正在發(fā)展中

如果你的設(shè)計團(tuán)隊符合以上的特征，那么你的團(tuán)隊常常需要設(shè)計系統(tǒng)來提升設(shè)計的表達(dá)和工作效率。下面，讓我們來了解一下設(shè)計系統(tǒng)有何優(yōu)勢，讓眾多公司都進(jìn)行了設(shè)計系統(tǒng)的開發(fā)。

設(shè)計統(tǒng)一化

隨著公司和團(tuán)隊的發(fā)展，設(shè)計團(tuán)隊往往需要讓設(shè)計師專注合作某一業(yè)務(wù)或產(chǎn)品團(tuán)隊，久而久之，設(shè)計師會專注于業(yè)務(wù)需求的探索，忽略了公司層面的設(shè)計一致性。這就會導(dǎo)致用戶在面對公司產(chǎn)品時一系列的體驗不一致。每個設(shè)計師都使用著自己習(xí)慣的一套設(shè)計語言和組件，也會導(dǎo)致跨組合作的項目出現(xiàn)沖突，當(dāng)矛盾出現(xiàn)時，聽你的還是聽我的，又會造成團(tuán)隊內(nèi)合作的問題。

沒有共同的設(shè)計語言來約束設(shè)計，用戶體驗和團(tuán)隊合作就會出現(xiàn)問題，工作流程也因為變得低效。因此，要解決以上問題，就需要團(tuán)隊通過系統(tǒng)化思維，從底層到表層達(dá)成一致，使用同一套已經(jīng)約定過的規(guī)則和工具庫，通過公認(rèn)的最佳實踐來保證。

此外，需要說明的是，這套公認(rèn)的規(guī)則并非一成不變，需要跟隨業(yè)務(wù)和產(chǎn)品的變化同步、及時更新。當(dāng)然這一點也需要團(tuán)隊內(nèi)成員達(dá)成共識。

使用組件能夠避免頁面元素的混亂

管理設(shè)計體驗

隨著公司和團(tuán)隊的快速增長，設(shè)計師在產(chǎn)品中積累的問題也會隨之增長，產(chǎn)生設(shè)計負(fù)債。設(shè)計負(fù)債一方面包括一些歷史原因存在的不可復(fù)用的設(shè)計模式，另一方面也指因為一些短期壓力設(shè)計師考慮不周產(chǎn)生的不可復(fù)用的低效的設(shè)計模式。設(shè)計負(fù)債導(dǎo)致用戶體驗不佳的同時，也會導(dǎo)致設(shè)計系統(tǒng)的維護(hù)負(fù)擔(dān)變得越來越重，公司新設(shè)計師因為不了解歷史情況需要不斷學(xué)習(xí)老舊的設(shè)計模式，從而不斷堆積負(fù)債，形成惡性循環(huán)。

通過設(shè)計系統(tǒng)，設(shè)計系統(tǒng)就像汽車工業(yè)的標(biāo)準(zhǔn)化組件，可以讓團(tuán)隊的設(shè)計和執(zhí)行過程更有秩序性和計劃性。通過對設(shè)計系統(tǒng)的統(tǒng)一管理，減少負(fù)債產(chǎn)生的可能。同時通過設(shè)計系統(tǒng)的內(nèi)容也可以快速替換已經(jīng)存在的歷史負(fù)債，清掃遺留問題，幫助產(chǎn)品和代碼減少弊病，從另一方面有效促進(jìn)產(chǎn)品迭代。

酷家樂商家后臺組件化前后對比

提升設(shè)計效率

設(shè)計新人常常會沉浸在設(shè)計樣式的糾結(jié)中，而事實上，界面的設(shè)計表達(dá)并非 saas 類產(chǎn)品的關(guān)鍵。通過設(shè)計系統(tǒng)，可以為界面設(shè)計“減負(fù)”，讓界面設(shè)計更統(tǒng)一，也更容易理解。幫助專業(yè)設(shè)計師們更加專注于需求的挖掘與如何構(gòu)建更好的用戶體驗。

Part 3

設(shè)計系統(tǒng)含有哪些內(nèi)容？

公認(rèn)的設(shè)計價值觀

在共有團(tuán)隊需要的價值觀建立前，需要和團(tuán)隊成員對齊共同的目標(biāo)。基于共同的目標(biāo)，一致的價值觀會指引所有人以同樣的尺度與方向做事。保證設(shè)計的結(jié)果不會相互違背，齊心協(xié)力完成工作。

設(shè)計原則

設(shè)計原則是設(shè)計價值觀在設(shè)計實踐時的具體指南，通常是一些指引性的話語。設(shè)計原則是設(shè)計系統(tǒng)必不可少的一部分，因為它直接規(guī)定了設(shè)計時什么能做與什么不能做。例如，ant design 的“親密性”原則，就直接指導(dǎo)了界面設(shè)計中的間距關(guān)系，避免了多種文字間距在界面上出現(xiàn)。

視覺語言

視覺語言需要依賴品牌，因此定義視覺語言時，應(yīng)該和品牌保持一致?；谄放疲O(shè)計語言包括：顏色、字體、空間、布局、投影、圖標(biāo)、插畫、動效、文案規(guī)范等。

組件和模式庫

組件和模式是設(shè)計系統(tǒng)最直觀、最實用的關(guān)鍵組成。設(shè)計價值觀、原則與視覺語言在組件中得以落地，通過組件和模式庫形成一致的產(chǎn)品體驗。組件就像是積木，通過拼搭形成稍復(fù)雜的模式庫，而模式庫則是一組有邏輯的使用組件的方式。

最佳實踐

設(shè)計系統(tǒng)需要向使用者提供在產(chǎn)品中已經(jīng)落地的實踐案例，通過最佳實踐案例將設(shè)計系統(tǒng)在團(tuán)隊內(nèi)推廣。

Part 4

設(shè)計系統(tǒng)的優(yōu)秀實踐

Google Material Design：完善、全面的設(shè)計系統(tǒng)。覆蓋多端

螞蟻金服的Ant Design：國內(nèi)使用廣泛的設(shè)計系統(tǒng)。

Shopify的Polaris：成熟的設(shè)計系統(tǒng)，在全球范圍內(nèi)存在使用。

The End

總結(jié)

本文對于設(shè)計系統(tǒng)的定義、優(yōu)勢、內(nèi)容、案例進(jìn)行了介紹，同時酷家樂自身也在逐步進(jìn)行著設(shè)計系統(tǒng)的搭建。需要強調(diào)的是，設(shè)計系統(tǒng)和產(chǎn)品一樣，也需要不斷的迭代和更新，需要設(shè)計師和工程師們動態(tài)同步，為用戶們提供好的體驗。

— The End —

??熱門文章推薦??

▽

設(shè)計師們應(yīng)該多玩電子游戲，游戲化設(shè)計背后的極致體驗

為數(shù)字項目制定用戶體驗策略的 6 個實用工具！

符號學(xué)分析導(dǎo)論，圖標(biāo)構(gòu)建的 3 大要素

在校的學(xué)弟學(xué)妹們，想要進(jìn)大廠實習(xí)，請務(wù)必提前準(zhǔn)備！

解密設(shè)計系統(tǒng)的 11 大優(yōu)點，終于可以說服你的管理層

?? 精選體驗設(shè)計知識??

▽

精選收錄文章

?? 我們一起聊設(shè)計 ???♂?

三分設(shè)

精選全球設(shè)計知識，助力 1 億設(shè)計師成長

43,906

設(shè)計師已關(guān)注

歡迎添加 ?? 星標(biāo)，獲取每日好文推薦

高質(zhì)量設(shè)計微信交流群

期待與更多優(yōu)秀用戶體驗設(shè)計師一起成長

PS：歡迎大家關(guān)注三分設(shè)，每天早上 8 點，準(zhǔn)時充電。分享優(yōu)質(zhì)設(shè)計、創(chuàng)意靈感、新知新識，定期大咖老師直播分享，零距離連麥，答疑解惑。添加小小蟲微信號【 Lil_Bug 】，備注【 三分設(shè) 】加入！

↓↓↓點開『閱讀原文』，歡迎你的加入

国产秋霞理论久久久电影-婷婷色九月综合激情丁香-欧美在线观看乱妇视频-精品国avA久久久久久久-国产乱码精品一区二区三区亚洲人-欧美熟妇一区二区三区蜜桃视频

設(shè)計系統(tǒng)｜B 端設(shè)計系統(tǒng)怎么做？設(shè)計系統(tǒng)的介紹與構(gòu)成

▲點擊"三分設(shè)"關(guān)注，回復(fù)"社群"加入我們

歡迎來到專業(yè)設(shè)計師學(xué)習(xí)交流社區(qū)
三分設(shè) x 100+UED
編輯：韋建軍審核：王翎旭
本文共 2590 字 15 圖預(yù)計閱讀 7 分鐘

前言

Part 1

什么是設(shè)計系統(tǒng)？