成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

字節(jié)跳動旗下 ArcoDesign 開源啦

jayce / 3475人閱讀

摘要：腳手架工具封裝了物料操作命令，幫助用戶快速創(chuàng)建物料項目并將其發(fā)布至物料平臺。非常重視每一位開發(fā)者和用戶的意見，希望大家踴躍反饋，積極共建。

ArcoDesign 提供的能力

完善的基礎(chǔ)組件

基于 ArcoDesign 設(shè)計規(guī)范，Arco 提供了 67 個基礎(chǔ)組件，這些基礎(chǔ)組件足以支撐絕大多數(shù)的業(yè)務(wù)需求。同時，Arco 在這些基礎(chǔ)組件的設(shè)計上，也開放了細(xì)粒度的配置，方便后續(xù)拓展。

開箱即用的體驗

為了幫助用戶更快速地從 0 到 1 搭建項目，Arco 提供了最佳實踐 Arco Pro，整理了常見的頁面場景，幫助用戶快速初始化項目和使用頁面模板。

在中后臺項目中，頁面設(shè)計模式較為單一，Arco 提取了典型的業(yè)務(wù)場景，并將其抽離為頁面模板，使用戶通過簡單的復(fù)制和修改就能快速搭建頁面。

極致的個性化定制能力

從底層組件到上層平臺，Arco 提供了極致的定制能力。

底層組件

底層組件上，Arco 提供了細(xì)致的樣式定制和默認(rèn)行為定制。

樣式方面，Arco 從設(shè)計之初就通過細(xì)致的拆分，將影響組件視覺的樣式都抽離為上千個獨(dú)立的 token 變量，并基于這些變量完成了從全局樣式到組件樣式的全面配置。

在底層能力的加持下，Arco 的上層平臺再次將定制能力無限放大。

Arco 提供了樣式可視化編輯的**「風(fēng)格配置平臺」。基于風(fēng)格配置平臺所見即所得的組件配置能力，用戶可以對全局樣式和組件樣式做細(xì)粒度的調(diào)整，實現(xiàn)「** Arco Design to Any Design」。在配置完成之后，用戶可一鍵發(fā)布主題到主題市場，提供優(yōu)秀的主題風(fēng)格給社區(qū)。在主題市場上，用戶可以瀏覽所有主題，自由地進(jìn)行選用。

沉浸式文檔體驗

在 Arco 組件文檔上，用戶可以一鍵安裝風(fēng)格配置平臺上的所有主題，快捷地將個人主題應(yīng)用到 Arco 組件文檔上，進(jìn)行沉浸式的文檔體驗。

二次開發(fā)和復(fù)用能力

得益于 Arco 組件靈活的 API 設(shè)計以及物料平臺提供的定制化組件解決方案，用戶可以基于 Arco 快速開發(fā)滿足自身特定需求的定制組件。定制化的組件將更好地復(fù)用業(yè)務(wù)代碼，促進(jìn)團(tuán)隊協(xié)作，提升開發(fā)效率，更可與社區(qū)共享豐富的物料資源。

全流程完善的生態(tài)體系

Arco 希望通過完善的生態(tài)體系，提升設(shè)計、開發(fā)全流程工作體驗。

生態(tài)平臺

  • 風(fēng)格配置平臺：通過協(xié)助用戶構(gòu)建個性化主題，幫助用戶更好地管理不同風(fēng)格的主題配置，提高設(shè)計和開發(fā)的協(xié)作效率。
  • 物料平臺：基于 Arco 腳手架工具快速進(jìn)行定制化的業(yè)務(wù)組件開發(fā)、共享，實現(xiàn)業(yè)務(wù)模塊的解耦與復(fù)用，提升開發(fā)效率，促進(jìn)團(tuán)隊協(xié)作。
  • 圖標(biāo)平臺 IconBox：提供規(guī)范化、統(tǒng)一化的高質(zhì)量業(yè)務(wù)圖標(biāo)庫。
  • 中后臺最佳實踐 Arco Pro：幫助用戶快速的從 0 到 1 搭建項目，支持用戶自由選用常見頁面模版。
  • 色彩配置工具 ：幫助設(shè)計師和開發(fā)者在線調(diào)試顏色，探索 Arco 色彩算法。

開發(fā)工具

  • Webpack 插件：幫助開發(fā)者在 Webpack 構(gòu)建中方便地使用主題、實現(xiàn)按需加載、替換組件內(nèi)置圖標(biāo)。
  • Arco CLI 腳手架工具：封裝了物料操作命令，幫助用戶快速創(chuàng)建物料項目并將其發(fā)布至 Arco 物料平臺。
  • VSCode 插件：幫助用戶在編輯器查閱文檔、可視化操作物料等。
  • Figma 插件：聚合了常見的設(shè)計工具，幫助設(shè)計師更方便地使用 Arco 的各項能力。

設(shè)計和開發(fā)更好的協(xié)作

設(shè)計體系的主要用戶群體是設(shè)計師。Arco 一直在探索如何基于 Arco 的周邊生態(tài)提升設(shè)計師的工作效率。

  • 為了方便設(shè)計師定位資源，Arco 提供了資源定位的 Figma 插件功能，讓設(shè)計師可以一鍵輕松地找到 Arco 組件的資源文檔和文件。
  • 為了提高設(shè)計師的配色效率，Arco 提供了色彩配置的 Figma 插件功能，可以根據(jù)指定顏色通過算法智能生成明亮以及暗黑模式下的梯度色板。
  • 為了提高制作圖標(biāo)的效率，Arco 提供了一鍵拖拽使用 Arco 圖標(biāo)的 Figma 插件功能，在線顏色、線寬、尺寸調(diào)整，靈活配置，游刃有余。
  • 為了降低設(shè)計師制作 Figma 變體的成本，提高設(shè)計師產(chǎn)出符合設(shè)計系統(tǒng)規(guī)范的設(shè)計稿的效率，Arco 探索了 Code to Design，提供了以組件為維度的 Figma 插件功能，設(shè)計師可以通過在插件里配置組件屬性，自動生成對應(yīng)的設(shè)計元素。同時打通了風(fēng)格配置平臺，讓設(shè)計稿可以輕松實現(xiàn) 「一鍵換膚」。
  • 為了方便設(shè)計師管理圖標(biāo)，Arco 推出了 Iconbox 圖標(biāo)平臺，旨在讓設(shè)計師可以在該平臺上高效地管理自己的圖標(biāo)。并且提供了圖標(biāo)上傳的 Figma 插件功能，支持設(shè)計師在 Figma 中直接選中圖標(biāo)一鍵上傳至圖標(biāo)平臺。

優(yōu)秀案例

Arco 致力于探索更優(yōu)質(zhì)的設(shè)計體系，以解決復(fù)雜的業(yè)務(wù)以及冗余的溝通帶來的體驗問題，徹底解放開發(fā)及設(shè)計師的雙手。經(jīng)過近三年的迭代和打磨，在字節(jié)內(nèi)部，我們服務(wù)了 4000+ 項目實現(xiàn)高效高質(zhì)的產(chǎn)品搭建流程。是真正從實踐中孵化而來，也廣泛服務(wù)于內(nèi)部業(yè)務(wù)的產(chǎn)品。

ByteEffects

使用 Arco mobile 的定制組件與開發(fā)框架，BytedEffects 開發(fā)了對智能圖像創(chuàng)作能力進(jìn)行展示的移動端應(yīng)用，方便為客戶提供沉浸式的功能預(yù)演和能力試用。

未來展望

ArcoDesign 在字節(jié)跳動內(nèi)部還做了更多方面的探索，如可視化建站平臺、D2C 設(shè)計圖轉(zhuǎn)代碼工具、C2D 代碼轉(zhuǎn)設(shè)計圖工具、品牌庫等。上述平臺工具都會在未來陸續(xù)與大家見面，希望大家多多關(guān)注～

反饋和共建

ArcoDesign 現(xiàn)已正式開放，歡迎各位使用和體驗。Arco 非常重視每一位開發(fā)者和用戶的意見，希望大家踴躍反饋，積極共建。

官網(wǎng)：arco.design

Github React 組件庫：github.com/arco-design…

Github Vue 組件庫：github.com/arco-design…

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/122749.html

相關(guān)文章

  • Shotcut 一款跨平臺支持的免費(fèi)開源視頻剪輯軟件（支持簡體中文）

    摘要：老蔣有在這五款免費(fèi)視頻剪輯軟件推薦無需專業(yè)技能也會剪輯文章中有整理到大部分視頻自媒體平臺有為創(chuàng)作者開發(fā)的免費(fèi)視頻編輯軟件，不過大部分都是有支持手機(jī)移動端的。隨著網(wǎng)絡(luò)當(dāng)前的火熱領(lǐng)域肯定屬于視頻自媒體，我們很多原本可能安逸一方的技術(shù)從業(yè)者、教育行業(yè)，甚至我們很多全職媽媽、上班族、甚至學(xué)生也都有加入到視頻創(chuàng)作領(lǐng)域。目前視頻創(chuàng)作平臺除了來自字節(jié)跳動的抖音、頭條，騰訊旗下的視頻號，百度旗下的百家號，阿...

    jsbintask 評論0 收藏0

  • 字節(jié)跳動開源微服務(wù)中間件CloudWeGo

    摘要：近日，字節(jié)跳動正式宣布開源，這是一套以語言為核心專注于微服務(wù)通信與治理的項目集合。目前，有四個項目集合是字節(jié)跳動研發(fā)的下一代高性能強(qiáng)可擴(kuò)展的框架。據(jù)悉，字節(jié)跳動基礎(chǔ)架構(gòu)團(tuán)隊將會在內(nèi)外部維護(hù)一套代碼，統(tǒng)一迭代演進(jìn)。 .markdown-body{color:#595959;font-size:15px;font-family:-apple-system,system-ui,Blink...

    Yuqi 評論0 收藏0

  • 性能優(yōu)化全新思路！實踐騰訊、字節(jié)、阿里、百度、網(wǎng)易等互聯(lián)網(wǎng)公司項目實戰(zhàn)+案例分析（附PDF源碼）

    摘要：不努力不奮斗，可能就會在基層一輩子止步不前。不過，只一句，如果你還在做這一行，還是一名程序猿媛，想走上坡路的你，也許我這到手的十幾家一線互聯(lián)網(wǎng)公司性能優(yōu)化項目實戰(zhàn)可能會對你有所幫助。 ...

    ytwman 評論0 收藏0

  • 字節(jié)跳動Web Infra發(fā)起 Modern.js 開源項目，打造現(xiàn)代 Web 工程體系

    摘要：月日舉辦的稀土開發(fā)者大會上，字節(jié)跳動正式發(fā)起開源項目，希望推動現(xiàn)代開發(fā)范式的普及，發(fā)展完整的現(xiàn)代工程體系，突破應(yīng)用開發(fā)效率的瓶頸。字節(jié)跳動一直在字節(jié)內(nèi)部支持現(xiàn)代開發(fā)的實踐，發(fā)展了完整的字節(jié)前端研發(fā)體系，項目就是來自其中的現(xiàn)代工程體系。 @charset UTF-8;.markdown-body{word-break:break-word;font-weight:400;line-h...

    taoszu 評論0 收藏0

  • ??字節(jié)跳動學(xué)姐熬了一個月才完成這份內(nèi)部軟件測試開發(fā)手冊，在GitHub標(biāo)星27k，開源下載

    本文是為了幫大家快速回顧了測試中知識點，這套面試手冊整整花了一個月的時間整理出來，上傳到Git上目前star數(shù)達(dá)到了27K+。內(nèi)容涵蓋了諸多技術(shù)棧的面試題和答案，相信可以幫助大家在最短的時間內(nèi)用作面試復(fù)習(xí)，能達(dá)到事半功倍效果。 同時用XMind畫了一張導(dǎo)圖記錄軟件測試的學(xué)習(xí)筆記，有需要的朋友，幫作者關(guān)注點贊收藏三連一下，即可無償下載一份！ 測試開發(fā)手冊完整版PDF??? 軟件測試核心知識點目錄內(nèi)容...

    tinna 評論0 收藏0

發(fā)表評論

0條評論

jayce

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<