▲點(diǎn)擊 "TCC翻譯情報(bào)局" 關(guān)注,回復(fù) "社群" 加入我們

本文共 6682 字,預(yù)計(jì)閱讀 17 分鐘
TCC 情報(bào)局的 第 18 篇 干貨分享
2021 年的 第 6 篇
TCC 推薦:大家好,這里是 TCC 翻譯情報(bào)局,我是徐曼鷺。在本篇文章中,我將呈現(xiàn)并拆解 Bit 團(tuán)隊(duì)構(gòu)建設(shè)計(jì)系統(tǒng)的過程。為了幫大家更好理解,每個(gè)步驟內(nèi)的真實(shí)案例將展示給大家。
設(shè)計(jì)系統(tǒng)的創(chuàng)建,是為了解決必然出現(xiàn)的無序狀態(tài),它 帶來了秩序。在 1976 年,NASA(美國(guó)國(guó)家航空航天局)推出了第一個(gè)設(shè)計(jì)系統(tǒng)。到如今,幾乎所有的大型組織(如 Uber,Pinterest,Airbnb 或 Shopify)都擁有一個(gè)這樣的設(shè)計(jì)系統(tǒng)。這個(gè)系統(tǒng)能保持他們 產(chǎn)品自身的連續(xù)性,且?guī)椭嗷靵y的產(chǎn)品與團(tuán)隊(duì) 建立秩序。在 Bit,我們?yōu)槌^ 15 萬名有組件使用場(chǎng)景的開發(fā)者提供解決方案。平臺(tái)幫助開發(fā)者 構(gòu)建、分享 和 使用 組件,來加快和優(yōu)化 Web 產(chǎn)品的研發(fā)過程。我們享受構(gòu)建一個(gè) 以組件為驅(qū)動(dòng)方式的設(shè)計(jì)系統(tǒng)。在過去的兩年里,我們先 “折騰” 自身平臺(tái)來構(gòu)建出一個(gè)設(shè)計(jì)系統(tǒng),然后再將其轉(zhuǎn)變?yōu)橐粋€(gè) 由共享模式化組件構(gòu)成的活躍生態(tài)系統(tǒng)。這套系統(tǒng)提供的價(jià)值,遠(yuǎn)遠(yuǎn)不止保持了界面體驗(yàn)的一致性。它極大地加快與擴(kuò)大了開發(fā)規(guī)模,且提高了產(chǎn)品質(zhì)量,同時(shí)還改善了開發(fā)者與設(shè)計(jì)師及其他人的工作方式。通過讓所有成員參與合作,共同創(chuàng)建和共享組件,可以讓這套設(shè)計(jì)系統(tǒng)得以更快更廣泛的應(yīng)用。本文我將側(cè)重從 開發(fā)層面 進(jìn)行描述,并與各位分享我們的 設(shè)計(jì)目標(biāo)、設(shè)計(jì)過程 和 設(shè)計(jì)結(jié)果。目錄:
- 設(shè)計(jì) - 研發(fā)的協(xié)作方式
1
視覺語言
審視已有,然后定義
我們創(chuàng)建視覺語言的過程,與大多設(shè)計(jì)系統(tǒng)文章內(nèi)描述的有所不同。那些是大型企業(yè)持有的特權(quán),而這種方式對(duì)創(chuàng)業(yè)公司通常是奢侈選項(xiàng)。作為一個(gè)生長(zhǎng)期的創(chuàng)業(yè)公司,我們沒有時(shí)間叫停,并將設(shè)計(jì)系統(tǒng)轉(zhuǎn)換為大型復(fù)雜項(xiàng)目。取而代之的是,我們必須 審視現(xiàn)有的視覺語言,然后將其組織成一個(gè)有秩序的系統(tǒng)。這個(gè)項(xiàng)目由 Bit 的設(shè)計(jì)負(fù)責(zé)人 Amir Shalev 領(lǐng)導(dǎo),項(xiàng)目分為兩個(gè)部分:其次,創(chuàng)建一致的系統(tǒng)后,將其作為強(qiáng)大且靈活的基礎(chǔ)來標(biāo)準(zhǔn)視覺語言。Bit.dev 的面板規(guī)范和色彩規(guī)范
視覺一致意味著為色彩、文字、尺寸、位置及其他視覺語言創(chuàng)建一個(gè)統(tǒng)一的 樣式標(biāo)準(zhǔn)指南。而字體、排版,主色與輔色等方面,則可以作為設(shè)計(jì)系統(tǒng)的一部分。我們還需要?jiǎng)?chuàng)建一系列的 UI 元素,這些元素需要在將來能夠使用現(xiàn)代的 前端框架(例如 React 框架)實(shí)現(xiàn)為組件。為了使系統(tǒng)中的元素在 真實(shí)場(chǎng)景 里具備 可用性,必須保證元素除了包含像按鈕或頭像等 基本 UI 組件 外,更應(yīng)包括組件的 組成方式 或組件的 具體用法。這些是保證元素具備功能性的最基礎(chǔ)方法。將組件組合,可以創(chuàng)建出更多具象的、有進(jìn)階功能的復(fù)合組件設(shè)計(jì)系統(tǒng)必須沉淀以下資產(chǎn),才算準(zhǔn)備就緒:- 樣式指南(Style - Guide):用于定義 UI 樣式和實(shí)現(xiàn)方式。表現(xiàn)形式通常是一個(gè)相當(dāng)長(zhǎng)的文檔,帶有許多的講解和排版。
- 復(fù)用的系列視覺元素(Reusable Visual Elements):它們通過組件將視覺(UI 方面)和功能(UX 方面)結(jié)合在一起,來保持一致性。表現(xiàn)形式通常是一個(gè)大型源文件,其元素在 Figma 或 Sketch 等軟件上繪制。
構(gòu)建組件的生態(tài)系統(tǒng)
有些人的做法是發(fā)布一個(gè) 帶全部組件的版本包,僅此而已。我們卻更喜歡創(chuàng)建一個(gè) 共享組件生態(tài)系統(tǒng)。我們的流程
如果前往 Bit.dev 的首頁,你將發(fā)現(xiàn)一些很酷的東西。當(dāng)鼠標(biāo)懸停在一個(gè)組件上時(shí),將觸發(fā)高亮,提示該組件的名稱、版本和父級(jí)范圍。來嘗試下吧:https://bit.dev/Bit.dev首頁 — 一個(gè)展示共享組件的作品你看到的頁面,是由 共享組件 組成的。然而,這些獨(dú)立組件是由不同團(tuán)隊(duì)開發(fā)且持有的,來源也是不同的項(xiàng)目。它們是混合后集成在一起的。在 Bit,存在不止一個(gè)設(shè)計(jì)系統(tǒng)。我們有不同的團(tuán)隊(duì)在 UI 組件生態(tài)系統(tǒng) 中 構(gòu)建 和 共享 他們的組件。如果鼠標(biāo)懸停在諸如「鏈接」(Link)或「段落」(Paragraph)之類的組件上,單擊這些元素,你將看到相鏈頁面顯示這些組件是 “base-ui” 范圍的一部分。這是我們?cè)O(shè)計(jì)系統(tǒng)最基礎(chǔ)的部分,由我們的設(shè)計(jì)系統(tǒng)團(tuán)隊(duì)在自主的 GitHub repo 中開發(fā),然后發(fā)布到 Bit.dev 供所有人使用。“base-ui” — 我們?cè)O(shè)計(jì)系統(tǒng)的基礎(chǔ)組件(https://bit.dev/bit/base-ui)然而,市場(chǎng)部成員需要更具象的組件,例如與營(yíng)銷相關(guān)的 “標(biāo)題”(Heading)組件或 “行動(dòng)按鈕”(Action - button)組件。這些不是 “base-ui” 設(shè)計(jì)系統(tǒng)的一部分,而是另一個(gè)稱為 “布道者”(Evangelist)的組件范圍?;诖吮尘?,在 GitHub repo 中,這些組件自動(dòng)歸屬于市場(chǎng)營(yíng)銷團(tuán)隊(duì)。但由于這些業(yè)務(wù)組件使用 “base-ui” 的組件搭建,因此它們的升級(jí)由 “base-ui” 團(tuán)隊(duì)負(fù)責(zé)。“布道者”(Evangelist) — 市場(chǎng)營(yíng)銷組件(https://bit.dev/bit/evangelist)“布道者” 只是由 “base-ui” 組成和擴(kuò)展的眾多組件之一。事實(shí)上,每個(gè)企業(yè)團(tuán)隊(duì)都 參與了構(gòu)建自己業(yè)務(wù)范圍的組件,并與他人共享自己的成果。與其為組件發(fā)布一個(gè)統(tǒng)一的軟件包,我們選擇了創(chuàng)建一個(gè) 讓所有人協(xié)同工作但獨(dú)立發(fā)布版本的生態(tài)系統(tǒng)。設(shè)計(jì)系統(tǒng)的角色應(yīng)是 促進(jìn) 和 規(guī)范,而不是阻止或強(qiáng)制執(zhí)行。這個(gè)生態(tài)系統(tǒng)獲得了巨大的成功。我們既減少了約 75% 新營(yíng)銷頁面的搭建時(shí)間,還保持了設(shè)計(jì)風(fēng)格的一致。歡迎訪問 Bit.dev「企業(yè)」或「技術(shù)支持」頁面以查看示例。其他企業(yè)的許多團(tuán)隊(duì)也取得了類似的成功。用自主研發(fā)的工具工作
Bit 的 “折騰” 意味著我們以幫助別人的方式來建設(shè)自己的設(shè)計(jì)系統(tǒng)。并且從 2017 年開始,已經(jīng)這樣進(jìn)行了好幾年。以下為要點(diǎn):- 我們使用 Bit OSS 工作平臺(tái)(https://github.com/teambit/bit)來開發(fā)、管理和發(fā)布來自不同團(tuán)隊(duì)不同代碼庫(kù)所擁有的解耦組件。
- 我們通過 Bit 云平臺(tái)(https://bit.dev/),幫助所有團(tuán)隊(duì)順利地彼此公開、共享和集成組件。
- 我們?cè)O(shè)計(jì)系統(tǒng)團(tuán)隊(duì)提供組件系統(tǒng)內(nèi)的基本組件,并負(fù)責(zé)更新與調(diào)整,保證基本組件的標(biāo)準(zhǔn)和一致性。
選擇 React 框架
2017 年,基于各種原因,我們選擇使用 React 框架,并且對(duì)這一選擇感到非常滿意。自從 React 16 引入 Hooks 和 Context API 后,它就開始變得非常強(qiáng)大。例如,即使是在狀態(tài)管理方面,也能將多個(gè)組件彼此分離。然而,我們正看到許多團(tuán)隊(duì)選擇將 Bit 用于 Vue 或 Angular 甚至是 Stencil Web 組件。其實(shí)我們一直在與 Angular 團(tuán)隊(duì)合作,為 Angular 的 Bit 庫(kù)提供支持。但在考慮了所有因素后,我們認(rèn)為 React 是目前 Bit 團(tuán)隊(duì)的最佳解決方案。獨(dú)立組件
Bit 工作平臺(tái)幫助你創(chuàng)建模塊項(xiàng)目的同時(shí),享受簡(jiǎn)單而全面的開發(fā)體驗(yàn)。每個(gè)組件都是獨(dú)立開發(fā)、構(gòu)建、測(cè)試、記錄、發(fā)布并集成到新應(yīng)用程序中的。所有的組件都是和諧組合與管理的。
建立開發(fā)流程標(biāo)準(zhǔn)
另一個(gè)實(shí)現(xiàn)設(shè)計(jì)一致性的好方法,是 標(biāo)準(zhǔn)化組件的開發(fā)流程。Bit 通過各種特有功能助力發(fā)布過程的標(biāo)準(zhǔn)化,比如標(biāo)準(zhǔn)組件開發(fā)環(huán)境、提供可復(fù)用的文檔模板,甚至是提供具備擴(kuò)展性和復(fù)用性的開發(fā)記錄管道圖。具有拓展性、復(fù)用性且可自定義設(shè)置的管道圖 3
文檔與組件的可發(fā)現(xiàn)性
Documentation and Discovery
保持文檔更新,不使用額外維護(hù)工具
使用 Bit 的另一個(gè)優(yōu)勢(shì)是,我們 不需要為組件創(chuàng)建或維護(hù)額外的文檔網(wǎng)站。本地開發(fā)
當(dāng)我們編寫組件時(shí),Bit 的 UI 將顯示一個(gè)涵蓋本地開發(fā)環(huán)境中全部組件的文檔。該文檔 支持隔離呈現(xiàn)各個(gè)組件的概述、使用示例和構(gòu)成組合。你可以創(chuàng)建可自定義和復(fù)用的文檔模板,以便所有組件都可以按照相同的標(biāo)準(zhǔn)和設(shè)計(jì)進(jìn)行文檔化。云端文檔
文檔只是每個(gè) Bit 組件的一部分。當(dāng)組件被導(dǎo)入云端時(shí),組件的文檔將顯示在首頁,供所有人查看。文檔在組件的記錄位置是一樣的,方便查看與預(yù)覽。如果你在本地安裝或?qū)肓私M件,也支持在本地更新文檔。“先修改 Tokens,之后更新 React、UI Kit,再接著將這些內(nèi)容的鏈接更新到對(duì)應(yīng)文檔頁面,然后發(fā)布文檔”— Kaelig Deloumeau Prigent,Shopify 的 Polaris 開發(fā)者所有的 Bit.dev 上的文檔與我們?cè)诒镜亻_發(fā)時(shí)所看到的保持一致。每次發(fā)布新版本的組件,其文檔也能輕松保持同步更新。沒有額外成本,沒有復(fù)雜流程,沒有未及時(shí)更新的文檔。
可發(fā)現(xiàn)性與搜索功能
由于組件越來越多,Bit.dev 使用 “組件搜索” 和 “關(guān)聯(lián)篩選項(xiàng)” 等功能 提高組件的可發(fā)現(xiàn)性,這些功能幫助我們快速輕松地搜索許多組件。前往 Bit.dev 從數(shù)千個(gè) OSS 組件中搜索想要的,或者添加自己的組件單獨(dú)的組件版本控制
我們的設(shè)計(jì)系統(tǒng)是 按組件進(jìn)行版本控制的,而不是簡(jiǎn)單發(fā)一個(gè)包。對(duì) 獨(dú)立的單個(gè)或多個(gè)組件 進(jìn)行版本控制比將所有組件打成單個(gè)包來控制版本要好得多。獨(dú)立發(fā)布的組件語義化版本控制,已經(jīng)成為這個(gè)游戲規(guī)則的改進(jìn)者。以下是 Bit 的主要優(yōu)勢(shì):- 我們支持混搭和匹配來創(chuàng)造各種復(fù)合組件。
Bit 幫助用戶將每個(gè)組件作為一個(gè) 獨(dú)立的包進(jìn)行版本發(fā)布。由于每個(gè)組件的版本都是獨(dú)立的,所以可依據(jù)不同的項(xiàng)目對(duì)組件進(jìn)行增量升級(jí),而不是一次次集成為一個(gè)大的包。如果前往「按鈕」組件頁面,你會(huì)注意到該組件當(dāng)前在 1.5.0 版本上,并且初始版本是 1.0.0。這種更新方式給了設(shè)計(jì)師和開發(fā)人員極大的自由,大家可以不斷地進(jìn)行產(chǎn)品創(chuàng)新和發(fā)布升級(jí)。例如,以下展示了已發(fā)布的 1.5.0 版本的按鈕:現(xiàn)在如果你回到 1.5.0 版本,就會(huì)注意到按鈕有一系列的使用示例。1.5.0 這個(gè)版本,支持比過往版本更多的設(shè)計(jì)示例。這樣設(shè)計(jì)師和開發(fā)人員無需等至大版本或較久的迭代版本才更新,現(xiàn)在便能夠 極度自由地研發(fā)與升級(jí)組件。組件開發(fā)者也可以通過 sem 版本規(guī)則、查看歷史記錄、查看視圖更改日志的方式,控制每個(gè)組件的版本避免沖突。而應(yīng)用程序共創(chuàng)者也不會(huì)接收到需求以外的更新通知。每個(gè)人都很高興。 5
依賴項(xiàng)的漣漪式更改
Rippling Changes to DependenciesBit 管理著項(xiàng)目中所有組件之間的 依賴關(guān)系圖。這意味著,當(dāng)我們升級(jí)或中斷一個(gè)組件時(shí),Bit 會(huì) “知曉” 哪些組件與其有依賴關(guān)系,然后將運(yùn)行這些依賴組件的重構(gòu)和測(cè)試。結(jié)果證明,這個(gè)方法讓組件之間的內(nèi)部關(guān)系更容易掌握。開發(fā)同個(gè)項(xiàng)目里的多個(gè)組件一事變得更簡(jiǎn)單。“如果我們?cè)谏?jí)時(shí)破壞了一個(gè)組件,我們不得不檢查并修復(fù)所有的依賴組件?!?/span>— Jony Cheung,Atlassian 的 Atlaskit 軟件工程經(jīng)理每次更改,也會(huì)對(duì)所有關(guān)聯(lián)組件運(yùn)行一次 重構(gòu) 和 測(cè)試,并讓我們確切地知道哪些組件已損壞,而哪些組件沒有。如果結(jié)果一切正常,我們可以簡(jiǎn)單粗暴地告訴 Bit 一次性迭代所有相關(guān)組件。我們現(xiàn)在正在開發(fā)一種叫做 Ripple CI 的新產(chǎn)品。在 Ripple 平臺(tái)運(yùn)行的重建過程,將通過云端把更改傳輸?shù)讲煌瑘F(tuán)隊(duì)產(chǎn)品中的、有依賴關(guān)系的組件里。使用者將確切地看到每個(gè)依賴組件被漣漪式影響的過程。以及它們的影響關(guān)系、影響部分。然后,這些組件將一起被修復(fù)和發(fā)布。 6
項(xiàng)目更新
通過 GitHub 集成實(shí)現(xiàn)自動(dòng)化
我們使用對(duì)外公開的集成方式將 Bit.dev 與 GitHub 平臺(tái)關(guān)聯(lián)起來。當(dāng)組件的新版本發(fā)布到 Bit.dev,這個(gè)版本將 “知道” 在 GitHub(或 GitLab)上的哪些項(xiàng)目也該被更新。組件的新版本作為一個(gè) Pull 請(qǐng)求,將自動(dòng)發(fā)送到所有包含該組件的項(xiàng)目。只需單擊選擇接受,便可更新。這使得負(fù)責(zé)設(shè)計(jì)系統(tǒng)的團(tuán)隊(duì)能夠很容易地 持續(xù)升級(jí),并幫助所有產(chǎn)品構(gòu)建者接受更新與集成更改。并且,團(tuán)隊(duì)可以隨時(shí)監(jiān)控誰遺忘了更新內(nèi)容與位置。這里必須提到就在不久前 Gilad Shoham 領(lǐng)導(dǎo) Bit 核心團(tuán)隊(duì)避免了一次重大更新事故!注意咯 Gilad,我們什么都知道了。 7
團(tuán)隊(duì)溝通
通過 Slack 軟件實(shí)現(xiàn)自動(dòng)化
發(fā)布新的組件版本時(shí),所有使用此組件(與此組件有依賴關(guān)系)的團(tuán)隊(duì)都將通過平臺(tái)和 Slack 軟件獲得更新通知。因此,例如說一個(gè)版本內(nèi)「購(gòu)物車」中的「按鈕」組件被導(dǎo)出時(shí),Bit 團(tuán)隊(duì)會(huì)收到一個(gè)通知,其中包括執(zhí)行該操作的用戶賬號(hào)、操作行為(導(dǎo)出)以及與該特定操作相關(guān)的導(dǎo)出組件數(shù)。以下是 Eden Ella 從 “布道者” 團(tuán)隊(duì)組件內(nèi)更新「按鈕」組件的記錄。每次進(jìn)行組件的導(dǎo)入操作時(shí),均將出現(xiàn)類似的 通知模板,但帶有不同源范圍。該工作流程幫助所有人 保持信息同步,且更好地進(jìn)行 工作協(xié)同。 8
設(shè)計(jì) - 研發(fā)的協(xié)作方式
Developer - Designer Collaboration以可視化的方式在代碼上協(xié)同工作
設(shè)計(jì)系統(tǒng)這一概念對(duì) 設(shè)計(jì)師 和 開發(fā)人員 來說是兩個(gè)不同的東西。設(shè)計(jì)師通常談?wù)摦嫴忌系脑?,開發(fā)人員在他們的集成開發(fā)環(huán)境內(nèi)討論 React 組件。用戶最后獲得的是 由代碼編寫的產(chǎn)物,而不是設(shè)計(jì)元素。這就是為什么設(shè)計(jì)師參與 UI 開發(fā)過程這件事會(huì)產(chǎn)生爭(zhēng)議。我們用兩個(gè)強(qiáng)大工具來實(shí)現(xiàn)設(shè)計(jì)與研發(fā)之間 穩(wěn)固且雙贏的合作關(guān)系。- 第一個(gè)是使用 Zeplin —— 這是一個(gè)側(cè)重于服務(wù)設(shè)計(jì)師,讓他們與開發(fā)人員友好合作的工具。我們用它 將設(shè)計(jì)任務(wù)轉(zhuǎn)化為開發(fā)任務(wù),團(tuán)隊(duì)使用該工具的頻率是每天。
- 第二個(gè)是使用 Bit 平臺(tái) —— 這是一個(gè)側(cè)重于服務(wù)開發(fā)人員,讓他們與設(shè)計(jì)師友好合作的工具。它為設(shè)計(jì)師在 UI 組件開發(fā)過程中扮演積極的一環(huán)搭建了橋梁。此外,它還可以幫助設(shè)計(jì)人員監(jiān)視代碼更改行為,甚至是參與組件的新版本的更改協(xié)作。
而且,目前 Zeplin 團(tuán)隊(duì)正在和 Bit 團(tuán)隊(duì)探討集成合作!通過可視化,設(shè)計(jì)師可以查看和嘗試實(shí)際效果的 React 組件同時(shí),我們使用 Bit 平臺(tái)將所有組件公布給設(shè)計(jì)師,保證他們的設(shè)計(jì)效果始終完美一致。像 “熱重加載渲染” 和 “可編輯示例” 等功能,是設(shè)計(jì)師查看組件和嘗試不同設(shè)計(jì)樣式的好方法。每當(dāng)有組件的新版本或者新組件在 Bit.dev 發(fā)布,設(shè)計(jì)師能通過可視化直觀地看到更改內(nèi)容。這樣就很容易保證所有設(shè)計(jì)的一致性。然后,在設(shè)計(jì)師的批準(zhǔn)之后,可以將此更改作為 Pull 請(qǐng)求,自動(dòng)發(fā)送給所有有影響關(guān)系的項(xiàng)目。這意味著 設(shè)計(jì)人員現(xiàn)在直接能與開發(fā)人員共同開發(fā)組件。很酷吧?在不久的將來,我們團(tuán)隊(duì)打算在 Bit.dev 平臺(tái)上添加更多面向設(shè)計(jì)師的功能,例如交互式屬性面板,這樣設(shè)計(jì)師就可以自己進(jìn)行組件更改的行為,并將更改后的組件保存為新版本。這些功能應(yīng)該能在 2021 年上線。2020 年版本的 NASA 設(shè)計(jì)系統(tǒng)建立 UI/UX 體驗(yàn),并在產(chǎn)品的各個(gè)觸點(diǎn)上延續(xù)體驗(yàn)的一致性,幫助用戶在操作時(shí)不會(huì)產(chǎn)生混淆,能夠直觀地進(jìn)行導(dǎo)航并成功地與產(chǎn)品不同模塊進(jìn)行交互。這就是 品牌效應(yīng)。而你需要一個(gè)這樣優(yōu)秀的品牌效應(yīng)。在建立設(shè)計(jì)系統(tǒng)的過程里,我們算是從頭開始構(gòu)建。我們審視了現(xiàn)有設(shè)計(jì),把它變成了一個(gè)有序系統(tǒng)。我們定義了 視覺元素 和 樣式指南,這些東西無不反應(yīng)了 Bit 的品牌故事。我們依靠自主研發(fā)的 云工具平臺(tái),來構(gòu)建一個(gè) 可共享的組件系統(tǒng)。在過程中,該平臺(tái)將每個(gè)成員聚集到此。在這個(gè)民主但受監(jiān)管的生態(tài)系統(tǒng)中,我們讓 組件驅(qū)動(dòng)產(chǎn)品開發(fā)。最后,這個(gè)系統(tǒng)得到大眾快速和幾乎絕對(duì)的采用。我希望這篇文章至少幫助你了解些許我們構(gòu)建設(shè)計(jì)系統(tǒng)的過程,以及現(xiàn)代大家共同構(gòu)建 Web 產(chǎn)品的可能性。原文:https://blog.bitsrc.io/how-we-build-our-design-system-15713a1f1833本文翻譯已獲得作者的正式授權(quán)(授權(quán)截圖如下)
- 設(shè)計(jì)師自習(xí)社區(qū) -TCC 翻譯情報(bào)局歡迎小伙伴加入,一起交流設(shè)計(jì)知識(shí),了解全球設(shè)計(jì)資訊,鍛煉英文能力,發(fā)掘更多可能性~添加小助手微信,備注「社群」,即可加入讀者群。
我們致力于提供一個(gè)高質(zhì)量?jī)?nèi)容的交流平臺(tái)。為落實(shí)國(guó)家互聯(lián)網(wǎng)信息辦公室“依法管網(wǎng)、依法辦網(wǎng)、依法上網(wǎng)”的要求,為完善跟帖評(píng)論自律管理,為了保護(hù)用戶創(chuàng)造的內(nèi)容、維護(hù)開放、真實(shí)、專業(yè)的平臺(tái)氛圍,我們團(tuán)隊(duì)將依據(jù)本公約中的條款對(duì)注冊(cè)用戶和發(fā)布在本平臺(tái)的內(nèi)容進(jìn)行管理。平臺(tái)鼓勵(lì)用戶創(chuàng)作、發(fā)布優(yōu)質(zhì)內(nèi)容,同時(shí)也將采取必要措施管理違法、侵權(quán)或有其他不良影響的網(wǎng)絡(luò)信息。
一、根據(jù)《網(wǎng)絡(luò)信息內(nèi)容生態(tài)治理規(guī)定》《中華人民共和國(guó)未成年人保護(hù)法》等法律法規(guī),對(duì)以下違法、不良信息或存在危害的行為進(jìn)行處理。
1. 違反法律法規(guī)的信息,主要表現(xiàn)為:
1)反對(duì)憲法所確定的基本原則;
2)危害國(guó)家安全,泄露國(guó)家秘密,顛覆國(guó)家政權(quán),破壞國(guó)家統(tǒng)一,損害國(guó)家榮譽(yù)和利益;
3)侮辱、濫用英烈形象,歪曲、丑化、褻瀆、否定英雄烈士事跡和精神,以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽(yù)、榮譽(yù);
4)宣揚(yáng)恐怖主義、極端主義或者煽動(dòng)實(shí)施恐怖活動(dòng)、極端主義活動(dòng);
5)煽動(dòng)民族仇恨、民族歧視,破壞民族團(tuán)結(jié);
6)破壞國(guó)家宗教政策,宣揚(yáng)邪教和封建迷信;
7)散布謠言,擾亂社會(huì)秩序,破壞社會(huì)穩(wěn)定;
8)宣揚(yáng)淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪;
9)煽動(dòng)非法集會(huì)、結(jié)社、游行、示威、聚眾擾亂社會(huì)秩序;
10)侮辱或者誹謗他人,侵害他人名譽(yù)、隱私和其他合法權(quán)益;
11)通過網(wǎng)絡(luò)以文字、圖片、音視頻等形式,對(duì)未成年人實(shí)施侮辱、誹謗、威脅或者惡意損害未成年人形象進(jìn)行網(wǎng)絡(luò)欺凌的;
12)危害未成年人身心健康的;
13)含有法律、行政法規(guī)禁止的其他內(nèi)容;
2. 不友善:不尊重用戶及其所貢獻(xiàn)內(nèi)容的信息或行為。主要表現(xiàn)為:
1)輕蔑:貶低、輕視他人及其勞動(dòng)成果;
2)誹謗:捏造、散布虛假事實(shí),損害他人名譽(yù);
3)嘲諷:以比喻、夸張、侮辱性的手法對(duì)他人或其行為進(jìn)行揭露或描述,以此來激怒他人;
4)挑釁:以不友好的方式激怒他人,意圖使對(duì)方對(duì)自己的言論作出回應(yīng),蓄意制造事端;
5)羞辱:貶低他人的能力、行為、生理或身份特征,讓對(duì)方難堪;
6)謾罵:以不文明的語言對(duì)他人進(jìn)行負(fù)面評(píng)價(jià);
7)歧視:煽動(dòng)人群歧視、地域歧視等,針對(duì)他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊;
8)威脅:許諾以不良的后果來迫使他人服從自己的意志;
3. 發(fā)布垃圾廣告信息:以推廣曝光為目的,發(fā)布影響用戶體驗(yàn)、擾亂本網(wǎng)站秩序的內(nèi)容,或進(jìn)行相關(guān)行為。主要表現(xiàn)為:
1)多次發(fā)布包含售賣產(chǎn)品、提供服務(wù)、宣傳推廣內(nèi)容的垃圾廣告。包括但不限于以下幾種形式:
2)單個(gè)帳號(hào)多次發(fā)布包含垃圾廣告的內(nèi)容;
3)多個(gè)廣告帳號(hào)互相配合發(fā)布、傳播包含垃圾廣告的內(nèi)容;
4)多次發(fā)布包含欺騙性外鏈的內(nèi)容,如未注明的淘寶客鏈接、跳轉(zhuǎn)網(wǎng)站等,誘騙用戶點(diǎn)擊鏈接
5)發(fā)布大量包含推廣鏈接、產(chǎn)品、品牌等內(nèi)容獲取搜索引擎中的不正當(dāng)曝光;
6)購(gòu)買或出售帳號(hào)之間虛假地互動(dòng),發(fā)布干擾網(wǎng)站秩序的推廣內(nèi)容及相關(guān)交易。
7)發(fā)布包含欺騙性的惡意營(yíng)銷內(nèi)容,如通過偽造經(jīng)歷、冒充他人等方式進(jìn)行惡意營(yíng)銷;
8)使用特殊符號(hào)、圖片等方式規(guī)避垃圾廣告內(nèi)容審核的廣告內(nèi)容。
4. 色情低俗信息,主要表現(xiàn)為:
1)包含自己或他人性經(jīng)驗(yàn)的細(xì)節(jié)描述或露骨的感受描述;
2)涉及色情段子、兩性笑話的低俗內(nèi)容;
3)配圖、頭圖中包含庸俗或挑逗性圖片的內(nèi)容;
4)帶有性暗示、性挑逗等易使人產(chǎn)生性聯(lián)想;
5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適;
6)炒作緋聞、丑聞、劣跡等;
7)宣揚(yáng)低俗、庸俗、媚俗內(nèi)容。
5. 不實(shí)信息,主要表現(xiàn)為:
1)可能存在事實(shí)性錯(cuò)誤或者造謠等內(nèi)容;
2)存在事實(shí)夸大、偽造虛假經(jīng)歷等誤導(dǎo)他人的內(nèi)容;
3)偽造身份、冒充他人,通過頭像、用戶名等個(gè)人信息暗示自己具有特定身份,或與特定機(jī)構(gòu)或個(gè)人存在關(guān)聯(lián)。
6. 傳播封建迷信,主要表現(xiàn)為:
1)找人算命、測(cè)字、占卜、解夢(mèng)、化解厄運(yùn)、使用迷信方式治病;
2)求推薦算命看相大師;
3)針對(duì)具體風(fēng)水等問題進(jìn)行求助或咨詢;
4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失,包括通過占卜方法問婚姻、前程、運(yùn)勢(shì),東西寵物丟了能不能找回、取名改名等;
7. 文章標(biāo)題黨,主要表現(xiàn)為:
1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來誘導(dǎo)用戶;
2)內(nèi)容與標(biāo)題之間存在嚴(yán)重不實(shí)或者原意扭曲;
3)使用夸張標(biāo)題,內(nèi)容與標(biāo)題嚴(yán)重不符的。
8.「飯圈」亂象行為,主要表現(xiàn)為:
1)誘導(dǎo)未成年人應(yīng)援集資、高額消費(fèi)、投票打榜
2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
3)鼓動(dòng)「飯圈」粉絲攀比炫富、奢靡享樂等行為
4)以號(hào)召粉絲、雇用網(wǎng)絡(luò)水軍、「養(yǎng)號(hào)」形式刷量控評(píng)等行為
5)通過「蹭熱點(diǎn)」、制造話題等形式干擾輿論,影響傳播秩序
9. 其他危害行為或內(nèi)容,主要表現(xiàn)為:
1)可能引發(fā)未成年人模仿不安全行為和違反社會(huì)公德行為、誘導(dǎo)未成年人不良嗜好影響未成年人身心健康的;
2)不當(dāng)評(píng)述自然災(zāi)害、重大事故等災(zāi)難的;
3)美化、粉飾侵略戰(zhàn)爭(zhēng)行為的;
4)法律、行政法規(guī)禁止,或可能對(duì)網(wǎng)絡(luò)生態(tài)造成不良影響的其他內(nèi)容。
二、違規(guī)處罰
本網(wǎng)站通過主動(dòng)發(fā)現(xiàn)和接受用戶舉報(bào)兩種方式收集違規(guī)行為信息。所有有意的降低內(nèi)容質(zhì)量、傷害平臺(tái)氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當(dāng)一個(gè)用戶發(fā)布違規(guī)內(nèi)容時(shí),本網(wǎng)站將依據(jù)相關(guān)用戶違規(guī)情節(jié)嚴(yán)重程度,對(duì)帳號(hào)進(jìn)行禁言 1 天、7 天、15 天直至永久禁言或封停賬號(hào)的處罰。當(dāng)涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊(cè)、使用帳號(hào),或者濫用多個(gè)帳號(hào)發(fā)布違規(guī)內(nèi)容時(shí),本網(wǎng)站將加重處罰。
三、申訴
隨著平臺(tái)管理經(jīng)驗(yàn)的不斷豐富,本網(wǎng)站出于維護(hù)本網(wǎng)站氛圍和秩序的目的,將不斷完善本公約。
如果本網(wǎng)站用戶對(duì)本網(wǎng)站基于本公約規(guī)定做出的處理有異議,可以通過「建議反饋」功能向本網(wǎng)站進(jìn)行反饋。
(規(guī)則的最終解釋權(quán)歸屬本網(wǎng)站所有)