<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

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

          共 2883字,需瀏覽 6分鐘

           ·

          2022-05-30 19:27


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

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



          Background

          前言


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



          Part 1

          什么是設(shè)計(jì)系統(tǒng)?


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


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


          Part 2

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


          近些年來(lái),設(shè)計(jì)系統(tǒng)在互聯(lián)網(wǎng)公司中不斷被提及,促使著設(shè)計(jì)向規(guī)模化的方向進(jìn)行。公司為了提升用戶體驗(yàn),開始向設(shè)計(jì)中投入越來(lái)越多的資源,在這類公司中設(shè)計(jì)團(tuán)隊(duì)常常有以下特征:
          1、設(shè)計(jì)團(tuán)隊(duì)有一定的重要程度
          2、設(shè)計(jì)團(tuán)隊(duì)服務(wù)公司大部分產(chǎn)品
          3、設(shè)計(jì)團(tuán)隊(duì)正在發(fā)展中
          如果你的設(shè)計(jì)團(tuán)隊(duì)符合以上的特征,那么你的團(tuán)隊(duì)常常需要設(shè)計(jì)系統(tǒng)來(lái)提升設(shè)計(jì)的表達(dá)和工作效率。下面,讓我們來(lái)了解一下設(shè)計(jì)系統(tǒng)有何優(yōu)勢(shì),讓眾多公司都進(jìn)行了設(shè)計(jì)系統(tǒng)的開發(fā)。

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

          隨著公司和團(tuán)隊(duì)的發(fā)展,設(shè)計(jì)團(tuán)隊(duì)往往需要讓設(shè)計(jì)師專注合作某一業(yè)務(wù)或產(chǎn)品團(tuán)隊(duì),久而久之,設(shè)計(jì)師會(huì)專注于業(yè)務(wù)需求的探索,忽略了公司層面的設(shè)計(jì)一致性。這就會(huì)導(dǎo)致用戶在面對(duì)公司產(chǎn)品時(shí)一系列的體驗(yàn)不一致。每個(gè)設(shè)計(jì)師都使用著自己習(xí)慣的一套設(shè)計(jì)語(yǔ)言和組件,也會(huì)導(dǎo)致跨組合作的項(xiàng)目出現(xiàn)沖突,當(dāng)矛盾出現(xiàn)時(shí),聽你的還是聽我的,又會(huì)造成團(tuán)隊(duì)內(nèi)合作的問(wèn)題。
          沒有共同的設(shè)計(jì)語(yǔ)言來(lái)約束設(shè)計(jì),用戶體驗(yàn)和團(tuán)隊(duì)合作就會(huì)出現(xiàn)問(wèn)題,工作流程也因?yàn)樽兊玫托АR虼耍鉀Q以上問(wèn)題,就需要團(tuán)隊(duì)通過(guò)系統(tǒng)化思維,從底層到表層達(dá)成一致,使用同一套已經(jīng)約定過(guò)的規(guī)則和工具庫(kù),通過(guò)公認(rèn)的最佳實(shí)踐來(lái)保證。
          此外,需要說(shuō)明的是,這套公認(rèn)的規(guī)則并非一成不變,需要跟隨業(yè)務(wù)和產(chǎn)品的變化同步、及時(shí)更新。當(dāng)然這一點(diǎn)也需要團(tuán)隊(duì)內(nèi)成員達(dá)成共識(shí)。

          使用組件能夠避免頁(yè)面元素的混亂


          管理設(shè)計(jì)體驗(yàn)

          隨著公司和團(tuán)隊(duì)的快速增長(zhǎng),設(shè)計(jì)師在產(chǎn)品中積累的問(wèn)題也會(huì)隨之增長(zhǎng),產(chǎn)生設(shè)計(jì)負(fù)債。設(shè)計(jì)負(fù)債一方面包括一些歷史原因存在的不可復(fù)用的設(shè)計(jì)模式,另一方面也指因?yàn)橐恍┒唐趬毫υO(shè)計(jì)師考慮不周產(chǎn)生的不可復(fù)用的低效的設(shè)計(jì)模式。設(shè)計(jì)負(fù)債導(dǎo)致用戶體驗(yàn)不佳的同時(shí),也會(huì)導(dǎo)致設(shè)計(jì)系統(tǒng)的維護(hù)負(fù)擔(dān)變得越來(lái)越重,公司新設(shè)計(jì)師因?yàn)椴涣私鈿v史情況需要不斷學(xué)習(xí)老舊的設(shè)計(jì)模式,從而不斷堆積負(fù)債,形成惡性循環(huán)。
          通過(guò)設(shè)計(jì)系統(tǒng),設(shè)計(jì)系統(tǒng)就像汽車工業(yè)的標(biāo)準(zhǔn)化組件,可以讓團(tuán)隊(duì)的設(shè)計(jì)和執(zhí)行過(guò)程更有秩序性和計(jì)劃性。通過(guò)對(duì)設(shè)計(jì)系統(tǒng)的統(tǒng)一管理,減少負(fù)債產(chǎn)生的可能。同時(shí)通過(guò)設(shè)計(jì)系統(tǒng)的內(nèi)容也可以快速替換已經(jīng)存在的歷史負(fù)債,清掃遺留問(wèn)題,幫助產(chǎn)品和代碼減少弊病,從另一方面有效促進(jìn)產(chǎn)品迭代。
          酷家樂(lè)商家后臺(tái)組件化前后對(duì)比


          提升設(shè)計(jì)效率

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



          Part 3

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



          公認(rèn)的設(shè)計(jì)價(jià)值觀

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

          設(shè)計(jì)原則

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

          視覺語(yǔ)言

          視覺語(yǔ)言需要依賴品牌,因此定義視覺語(yǔ)言時(shí),應(yīng)該和品牌保持一致。基于品牌,設(shè)計(jì)語(yǔ)言包括:顏色、字體、空間、布局、投影、圖標(biāo)、插畫、動(dòng)效、文案規(guī)范等。


          組件和模式庫(kù)

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


          最佳實(shí)踐

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



          Part 4

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


          Google Material Design:完善、全面的設(shè)計(jì)系統(tǒng)。覆蓋多端
          螞蟻金服的Ant Design:國(guó)內(nèi)使用廣泛的設(shè)計(jì)系統(tǒng)。
          Shopify的Polaris:成熟的設(shè)計(jì)系統(tǒng),在全球范圍內(nèi)存在使用。



          The End

          總結(jié)


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



          —  The End  —


          ??熱門文章推薦??

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

          為數(shù)字項(xiàng)目制定用戶體驗(yàn)策略的 6 個(gè)實(shí)用工具!

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

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

          解密設(shè)計(jì)系統(tǒng)的 11 大優(yōu)點(diǎn),終于可以說(shuō)服你的管理層

          Google 最新的設(shè)計(jì)語(yǔ)言 MATERIAL YOU 來(lái)了,7 年以來(lái)最大更新


          ?? 精選體驗(yàn)設(shè)計(jì)知識(shí)??
          精選收錄文章

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


          三分設(shè)

          精選全球設(shè)計(jì)知識(shí),助力 1 億設(shè)計(jì)師成長(zhǎng)

          43,906

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

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

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

          期待與更多優(yōu)秀用戶體驗(yàn)設(shè)計(jì)師一起成長(zhǎng)

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


          點(diǎn)開『閱讀原文』,歡迎你的加入
          瀏覽 59
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  91av影音先锋 | 国产精品久久精品久久 | 精品免费囯产一区二区三区 | 视频一区二区三区免费 | 电影黄色一级片 |