国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

設(shè)計B端項目，我們需要思考的是如何運用組件化的思維去維護后續(xù)的迭代和優(yōu)化，以及如何進行團隊的協(xié)作。而團隊化的組件規(guī)范，是良好協(xié)作的基礎(chǔ)。antdesign作為一種B端設(shè)計語言，是目前開源化組件非常好的。所以，在KCL項目中，我們積極推動引入antdesign的設(shè)計規(guī)范，并結(jié)合我們自己的項目特色和本身的一些設(shè)計進行了融合。

在本篇中，主要簡單闡述，我們在學習和運用antdesign過程中的一些做法和經(jīng)驗，或者說一些簡單的思考和大家分享。如有不合適的地方，歡迎大家留言交流。

目錄：

1. 字體
2. 顏色
3. 排版
4. 間距
5. 布局
6. 導航

一、字體

字體是體系化界面設(shè)計中最基本的構(gòu)成之一。我們的用戶通過文本來理解內(nèi)容和完成工作，科學的字體系統(tǒng)將大大提升用戶的閱讀體驗及工作效率。我們選取的字體方案，是基于『動態(tài)秩序』的設(shè)計原則，結(jié)合了自然對數(shù)以及音律的規(guī)則得出的。

（備注：動態(tài)秩序-一種面向未來的極簡化哲學，其意義在于為全人類提供一種基礎(chǔ)性的社會發(fā)展共識。此處應當理解為在字體選取時，保證字體極簡化的前提下，尋求一種排版上的秩序性。）

我們選取字體的原則，一是針對B端項目特點，以非襯線體為主；二是盡量避免版權(quán)字體侵權(quán)，選擇開源字體；三是如上述第一段提倡的動態(tài)秩序原則，字體之間避免無規(guī)律性以及差異過大。

1. 字體家族

優(yōu)秀的字體系統(tǒng)首先是要選擇合適的字體家族。系統(tǒng)項目的字體家族中優(yōu)先使用系統(tǒng)默認的界面字體，我們同時準備了一套利于屏顯的備用字體庫，來維護在不同平臺以及瀏覽器的顯示下，字體始終保持良好的易讀性和可讀性，體現(xiàn)了友好、穩(wěn)定和專業(yè)的特性。

如下所示：

font-family: “Chinese Quote”, -apple-system, BlinkMacSystemFont, “Source Han Sans”, “PingFang SC”, “Hiragino Sans GB”, “Microsoft YaHei”, “Helvetica Neue”, Helvetica, Arial, sans-serif,”Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”;

上述是antdesign的推薦字體家族，但是在考慮到我們項目的特點和團隊資源情況，我們只考慮了比較常用的：蘋方簡體、思源黑以及英文的helvetica和helvetica neue、arial字體。其他推薦字體，暫沒有采用。

因為一個項目中常用的，除了banner或者推廣位，不會超過三款字體。字體種類應用過多，也會顯得系統(tǒng)不嚴謹。其中微軟雅黑字體，我們僅在PC端項目界面中常規(guī)敘述或內(nèi)容中，會作為備用字體使用。其他用途，例如：推廣、banner時，如需采用，恐需要授權(quán)，請謹慎采用哈。

• 中文蘋方黑體簡-優(yōu)先字體思源黑體簡-備用字體冬青黑體簡-備用字體
• 英文Helvetica Neue-優(yōu)先字體Helvetica-備用字體arial-備用字體

2. 主字號

基于電腦顯示器閱讀距離（50 cm）以及最佳閱讀角度（30度），保證在多數(shù)常用顯示器上的用戶閱讀效率最佳效果，確定正文的標準字號14px。

我們初期并非采用antdesign推薦的14px，而是之前傳統(tǒng)經(jīng)驗中的12px，可是后續(xù)發(fā)現(xiàn)在12px字號情況下時，對于大段文字內(nèi)容時，易讀性較差。特別是我們一些商戶反饋，總是看錯。同時，在mac系統(tǒng)下和pc端系統(tǒng)下同一內(nèi)容界面上內(nèi)容，易讀性和可讀性的確存在差異。所以，最終我們還是采用了antdesign的推薦正文標準字號14px。

3. 字階（字號）與行高

字階（字號）和行高決定著一套字體系統(tǒng)的動態(tài)與秩序之美。字階（字號）是指一系列有規(guī)律的不同尺寸的字體；行高可以理解為一個包裹在字體外面的無形的盒子。

行高此處我們定義為一般排版梯度字號的1.5倍，同時建議在一個系統(tǒng)設(shè)計中（展示型頁面除外），字階（字號）的選擇盡量控制在 3-5 種之間，保持克制的原則。多字號時，會顯得整個頁面比較凌亂。

但是具體是將行高的排版梯度定義為字號的1.5倍，還是2倍。需要具體看項目的實際展示效果。不能一概而論。正如antdesign也說了，其一些標準只是推薦而非規(guī)定標準，是方向而不是限制。

4. 字體顏色

文本顏色如果和背景顏色太接近就會難以閱讀。考慮到無障礙設(shè)計的需求，我們參考了 WCAG 的標準，將正文文本、標題和背景色之間保持在了 7:1 以上的 AAA 級對比度。（備注：標準文字與背景對比色，色值可以按下表，也可靈活選取）

其實說真的，關(guān)于antdesign推薦的這個標準，你如果嚴格按這個來，自然也可以。不按這個，依靠體驗設(shè)計師的經(jīng)驗判斷，應該也是沒有沒問題的。我們是兩個進行了一定的結(jié)合，因為對于字體的顏色，不同設(shè)計師對于其灰色的感知受限于經(jīng)驗，同樣也受限于設(shè)備。所以，我們團隊在處理項目中字體顏色的時候，主要是通過這個網(wǎng)站來判斷大家對于顏色的把控的：https://webaim.org/resources/contrastchecker/ ，這個網(wǎng)站可以很明白的告知你當前字體顏色與背景之間的對比度是否達到AAA級標準。

5. 字體樣式尺寸規(guī)范

對主、次、輔助、標題、展示等類別的字體做統(tǒng)一的規(guī)劃，再落地到具體場景中進行微調(diào)，在視覺展現(xiàn)上能夠用盡量少的樣式去實現(xiàn)設(shè)計目的。切勿不同功能模塊的頁面同重要層級主次標題字體樣式不統(tǒng)一。

二、顏色

顏色在界面設(shè)計中的應用應同時具備品牌識別性以及界面設(shè)計功能性。顏色是相當感性的東西，設(shè)計中對顏色的運用首要應考慮到品牌層面的表達，此外很重要的一點是顏色的運用應達到：信息傳遞，動作指引，交互反饋，或是強化和凸現(xiàn)某一個元素的目的。任何顏色的選取和應用，應該是有意義的。

在中后臺系統(tǒng)設(shè)計中，可以將顏色分為：系統(tǒng)級顏色體系和產(chǎn)品級顏色體系。

系統(tǒng)級色彩體系主要定義了在中臺設(shè)計中的基礎(chǔ)色板、中性色板和數(shù)據(jù)可視化色板。產(chǎn)品級色彩體系則是在具體設(shè)計過程中，基于系統(tǒng)色彩進一步定義符合產(chǎn)品調(diào)性（橙黃）以及功能訴求的顏色（藍色、綠色、紅色）。

2.1 系統(tǒng)級顏色體系

基于『自然』（自然界中我們眼睛所看到的自然色）的設(shè)計價值觀，結(jié)合自然中的植物及色彩的變化，以及公司品牌標識色，選取了幾個顏色作為基色，同時加以提亮飽和度和亮度，antdesign確定的12個基礎(chǔ)色，我們覺得已經(jīng)夠用了。

所以，我們只是依據(jù)我們公司自己的品牌調(diào)性確定了幾個我們可能會用到的顏色，確定并生成了KCL項目的基礎(chǔ)色。下圖所示為antdesign的推薦基色，我們只是調(diào)整了其飽和度和亮度。

2.1.1 基礎(chǔ)色板

（1）基礎(chǔ)色板生成算法：方案一

基礎(chǔ)色板是基于主色的基礎(chǔ)上，衍生而來。利用antdesign色板生成工具調(diào)色，選定主色（6號色）之后，根據(jù)色彩算法生成10中衍生色。（ https://ant.design/docs/spec/colors-cn，色板生成工具）

（2）基礎(chǔ)色板生成算法：方案二

基礎(chǔ)色板是基于主色的基礎(chǔ)上，衍生而來。衍生規(guī)則先確定基礎(chǔ)色例如antdesign中的6號色，以6號色為基礎(chǔ)，在保持色相不變的基礎(chǔ)上，降低飽和度和亮度，但是這個降多少，主要是依據(jù)設(shè)計師經(jīng)驗來調(diào)整。調(diào)整好一個深色，選取好一個基礎(chǔ)色，再選擇一個純白色。在Adobe illustrator中利用混合工具，使之形成色彩混合。最后擴展，去掉純白色，形成由淺色到深色的漸變色板。(個人經(jīng)驗）

2.1.2 中性色板

中性色包含了黑、白、灰。在中后臺的網(wǎng)頁設(shè)計中大量使用，能夠令頁面信息具備良好的主次關(guān)系，助力閱讀體驗。下方的十個中性色，同樣可以運用上述方法設(shè)置。

2.1.3 數(shù)據(jù)可視化色板

數(shù)據(jù)可視化色彩體系是基于 Ant Design 色彩體系，并結(jié)合數(shù)據(jù)可視化特性而設(shè)計的。在數(shù)據(jù)可視化設(shè)計中，色彩的運用原則上應首先考慮準確性，先保證達到了信息傳遞、操作指引、交互反饋，或是強化、凸顯某一個信息的目的，其次再去考慮品牌識別性。下方鏈接是關(guān)于antdesign中關(guān)于數(shù)據(jù)可視化的，https://antv.gitee.io/zh/docs/specification/principles/visual，具體可以去antV查看相關(guān)運用。

因為我們項目中涉及的可視化圖表比較少，我們幾乎就是嚴格按照antV的原則規(guī)范進行的。后續(xù)限于資源配置，已經(jīng)全部剔除數(shù)據(jù)化部分，改為另外一個項目只做可視化部分，所以，在本系統(tǒng)規(guī)范中，就不做過多數(shù)據(jù)可視化的規(guī)范介紹，后續(xù)有機會再來一片專門聊聊數(shù)據(jù)可視化規(guī)范的。

2.2 產(chǎn)品級顏色體系

2.2.1 品牌色應用

品牌色是體現(xiàn)產(chǎn)品特性和傳播理念最直觀的視覺元素之一。在色彩選取時，需要先明確品牌色在界面中的使用場景及范圍。在基礎(chǔ)色板中選擇主色，建議選擇色板從淺自深的第六個顏色作為主色。

KCL后臺項目選取的基色是基于antdesign推薦的顏色基礎(chǔ)上，進行了飽和度和亮度的調(diào)整，并運用防范一方法生成了一個主色的10個色號和輔助色兩個的10個色號。主色的應用場景包括：關(guān)鍵行動點，操作狀態(tài)、重要信息高亮，圖形化等場景。其他前端展示類業(yè)務(wù)場景不得偏離品牌基色，可以根據(jù)需求，重新選取輔助色，進行規(guī)范設(shè)計。

2.2.2 功能色應用

功能色代表了明確的信息以及狀態(tài)，比如成功、出錯、失敗、提醒、鏈接等。功能色的選取需要遵守用戶對色彩的基本認知。所謂用戶對色彩的基本認知，即用戶對色彩的情感心理，例如：紅色雖然從色彩心理上代表熱情、熱鬧，但同時也具有危險、提醒的含義。

2.2.3 中性色應用

中性色主要被大量的應用在界面的文字部分，以及背景、邊框、分割線、等場景中。產(chǎn)品中性色的定義需要考慮深色背景以及淺色背景的差異，同時需結(jié)合 WCAG 2.0 標準（4.5:1 最小對比度（AA 級））。所以，中性色在產(chǎn)品應用過程中以透明度的方式進行應用。（在人力或團隊無法顧及情況下，文字色彩可只選擇文字樣式中顏色應用，背景及線框等可以靈活選取合適的不超過三種色值。）

三、排版

良好的排版規(guī)范能大大提升用戶的視覺體驗。排版的基本原則，對齊、對比、重復。在后臺項目的設(shè)計過程中，做好設(shè)計頁面的排版已經(jīng)相當于做好了一半了。所以，我們必須確定頁面的排版設(shè)計原則和細節(jié)。

3.1 行高和段落

考慮到閱讀的舒適度和節(jié)奏感，句子和段落間需要合適的間距。行高決定了段落中各行文字的垂直距離，我們通過字體本身默認A字號的1.5倍來控制行高。段落間距決定了段落上下的間距一般為字號的一倍寬。但是是否采取antdesign推薦的字號的一倍寬為段間距，1.5倍來顯示行高，需要結(jié)合具體的項目特點來做決定。最初我們采取的是一倍，但是后續(xù)經(jīng)過對比發(fā)現(xiàn)一倍間距，并不合適。

3.2 標點和空格

1. 使用全角中文標點；
2. 遇到完整的英文整句、特殊名詞等內(nèi)容時使用半角英文標點；
3. 數(shù)字內(nèi)容使用半角英文標點；
4. 中文與英文之間使用空格間隔；
5. 數(shù)字與單位之間使用空格間隔；
6. 中文鏈接之間使用空格間隔。

3.3 基礎(chǔ)對齊

3.3.1 中文/英文居左對齊

中文和英文均采用左對齊的方式，因為現(xiàn)代閱讀的順序一般是自左向右，呈“Z“字形。

3.3.2 數(shù)字/小數(shù)點對齊

數(shù)字通常采用右對齊或小數(shù)點對齊，這樣便于對個十百千位上的數(shù)字進行對比。

3.3.3 冒號對齊

以冒號對齊的方式在表單中尤其常見，主要是為了區(qū)分標題和內(nèi)容區(qū)塊，除了美觀簡潔外，還能讓用戶迅速看清標題減少出錯概率。

但是是否當有冒號的時候，一定要按照冒號對齊呢？

不一定的，正如antdesign所言，其推薦是引導，非標準。

我們在KCL項目中，就并沒有采用以冒號對齊。在上一篇推文中也有所闡述，以冒號對齊的時候，由于是雙列多行，所以，用戶在填寫的時候，感覺非常凌亂，不知道該先填寫什么？考慮成本比較高。

3.4 表單排列

3.4.1 組合輸入框

當兩個輸入框關(guān)聯(lián)性很強時，可以前后拼接，減少頁面空間。

3.4.2 組合對齊

在頁面設(shè)計表單時，按鈕組必須和輸入框左對齊。

組合輸入框不僅僅是頁面內(nèi)的，還有內(nèi)容承載的彈窗也會有相關(guān)組合輸入框的輸入選擇。我們在考慮組合對齊時，當然也可以全部居中對齊，但是那種排版布局方式，局限性非常明顯，頁面的版率非常低。

3.5 對齊方式

無論左對齊、右對齊還是頂部對齊，都有其優(yōu)缺點和應用場景。所以正確的解決方案取決于具體目標和制約因素，諸如：希望用戶加快或者降低填寫速度（有時設(shè)計者希望用戶深思熟慮每個輸入框內(nèi)容）、屏幕顯示的限制、本地化考慮等多種因素。

3.5.1 右對齊-冒號對齊（推薦）

優(yōu)點：節(jié)約垂直空間

缺點：降低可讀性，標簽長度和輸入框彈性小

場景：既要減少垂直空間，又要加快填寫速度

3.5.2 左對齊

優(yōu)點：文字開頭按閱讀視線對齊，方便閱讀，節(jié)約垂直空間。

缺點：填寫速度慢，標簽長度和輸入框彈性小。

場景：希望用戶放慢速度，仔細思考表單中的每個輸入框。

antdesign設(shè)計中沒有推薦這種，推薦的是右對齊的方式。但是在KCL項目中，并沒有和antdesign一樣，我們采取的是左對齊方式。因為，我們設(shè)計時是以1920寬為設(shè)計標準的，所以在信息排列時，考慮的主要是兩列排版布局。如果采用右對齊的方式整個頁面看起來特別凌亂，極難讀取。右對齊方式，比較適合單列排版布局的方式。

3.5.3 頂對齊

優(yōu)點：有最快的瀏覽和處理速度,標簽長度彈性大。

缺點：非常占垂直空間。

場景：希望用戶快速填寫表單完成任務(wù)。

四、間距

間距的設(shè)置，一方面是為了規(guī)范頁面的布局；另一方面，也是為了在閱讀體驗上，呈現(xiàn)一定的韻律和節(jié)奏。最重要的是增加內(nèi)容的易讀性和可讀性，避免文字內(nèi)容識別性差。

4.1 橫向空間間距關(guān)系

橫向空間以柵格系統(tǒng)方法進行空間寬度的分割，同時結(jié)合橫向空間間距類型進行應用。在這三種規(guī)格不適用的情況下，可以通過加減『基礎(chǔ)間距』的倍數(shù)，或者增加元素來拉開信息層次。y=8+8*n。其中，n>=0，y 是縱向間距，8 是『基礎(chǔ)間距』。

4.2 縱向空間間距關(guān)系

縱向空間同樣以柵格系統(tǒng)方法進行空間寬度的分割，但以最小單元8px為最小分割單位，同時結(jié)合縱向空間間距類型進行應用。在這三種規(guī)格不適用的情況下，可以通過加減『基礎(chǔ)間距』的倍數(shù)，或者增加元素來拉開信息層次。y=8+8*n，其中，n>=0，y 是縱向間距，8 是『基礎(chǔ)間距』。

典型表單間距規(guī)范示例：

4.3 容器規(guī)范

容器組件，可以方便快速的搭建頁面的布局。為保持設(shè)計的一致性，應該為頁面設(shè)定了統(tǒng)一的容器范圍，讓信息能保持在固定的置，在頁面跳轉(zhuǎn)的時1不至于出現(xiàn)內(nèi)容閃動。容器是用來收納盒組織對象的貯存器，理論上信息不應該超出容器范圍。

五、布局

空間布局是體系化視覺設(shè)計的起點，和傳統(tǒng)的平面設(shè)計的不同之處在于，UI界面的布局空間要基于『動態(tài)、體系化』的角度出發(fā)展開。受教于建筑界大師柯布西耶的模度思想的啟發(fā)，基于『秩序之美』的原則，探索 UI 設(shè)計中的動態(tài)空間秩序，形成了界面的布局方式，為設(shè)計者構(gòu)筑具備“理性之美”的布局空間創(chuàng)造了條件。

關(guān)于布局結(jié)構(gòu)是先確定，還是如本文目錄結(jié)構(gòu)，先確定一些基礎(chǔ)規(guī)范細節(jié)之后，考慮布局方式，我的看法是都可以。其實還有個最重要的原因，有時候，團隊討論的布局結(jié)構(gòu)，很有可能是無話語權(quán)的，特別是中小型團隊來說。所以，如果可能將比較重大的影響因素，推后到有話語權(quán)的人一起討論的時候，再確定。

5.1 上下布局

常被用于上下布局的設(shè)計方案中，做法是對兩邊留白區(qū)域進行最小值的定義，當留白區(qū)域到達限定值之后再對中間的主內(nèi)容區(qū)域進行動態(tài)縮放。

5.2 左右布局

常被用于左右布局的設(shè)計方案中，常見的做法是將左邊的導航欄固定，對右邊的工作區(qū)域進行動態(tài)縮放。

5.3 柵格系統(tǒng)

antdesign設(shè)計語言中，后臺界面畫板推薦統(tǒng)一設(shè)定1440PX寬度，向下自適應1366PX，向上自適應1920PX。最低適配到1366PX，至于少部分1280PX，暫不做考慮。本系統(tǒng)界面采用24柵格體系，例如上下布局結(jié)構(gòu)中，1440PX上下布局為例，將1168PX的內(nèi)容區(qū)域 進行 24 柵格的劃分設(shè)置。我們?yōu)轫撁嬷袞鸥竦?Gutter 設(shè)定了定值，即瀏覽器在一定范圍擴大或縮小，柵格的 Column 寬度會隨之擴大或縮小，但 Gutter 的寬度值固定不變。

備注：

1. 清晰的定義動態(tài)布局范圍；
2. 盡量保持偶數(shù)思維；
3. 關(guān)鍵數(shù)據(jù)的交付（Gutter、Column）；
4. 區(qū)塊的定義要從 column 開始到 column 結(jié)束。

5.5 UI模度

UI 模度是在大量的實踐中，提取出來可以用于UI布局空間決策的數(shù)組，他們都保持了 8 倍數(shù)的原則、具備動態(tài)的韻律感。經(jīng)過驗證，可以在一定程度上幫助我們更快更好的實現(xiàn)布局空間上的設(shè)計決策。

上述模度數(shù)，只是一個參考，總的一個思想應該是8的倍數(shù)來的。和我們上述間距表述一致。其實8倍原則也是做界面設(shè)計的一個常用原則，原因在于與開發(fā)對接的時候好切圖和適配。

六、導航

在廣義上，任何告知用戶他在哪里，他能去什么地方以及如何到達那里的方式，都可以稱之為導航。面包屑導航、卡片式導航、標簽導航等。

6.1 導航菜單

導航菜單是將內(nèi)容信息友好地展示給用戶的有效方式。在確定好網(wǎng)站的信息架構(gòu)后，應當按需選取適當?shù)膶Ш讲藛螛邮健?/p>

6.1.1 頂部導航菜單

一二級導航都在頂部。頂部導航在頁面布局上采用的是上下的結(jié)構(gòu)，一般主導航放置于頁面的頂端，從左自右依次為logo、一級導航項、輔助菜單、用戶、設(shè)置、通知等)。通常將內(nèi)容放在固定尺寸（例如：1200Px)內(nèi)。整個頁面排版穩(wěn)定，不受用戶終端顯示器影響 ；上下級的結(jié)構(gòu)符合用上下瀏覽的習慣，也是較為經(jīng)l的網(wǎng)站導航模式。

頁面上下切分的方式提高了主工作區(qū)域的信息展示效率，但在縱向空間上會有一些犧牲。此外，由于導航欄水平空間的限制，不適合那些一級導航項很多的信息結(jié)構(gòu)。

6.1.2 面包屑導航

面包屑導航的作用是告訴用戶當前頁面在系統(tǒng)層級結(jié)構(gòu)中的位置以及父子級頁面間的關(guān)系。（注意事項：1. 層級過深時，建議做隱藏處理，頁面顯示保持在三級以內(nèi)，最多不宜超過五級；2. 盡可能不使用面包屑，尤其是當前頁面的導航能清晰的告訴用戶他在哪里時。）

6.1.3 側(cè)邊導航菜單

一級導航菜單在側(cè)邊欄。側(cè)邊導航在頁面布局上采用的是左右的結(jié)構(gòu)，一般主導航放置于頁面的左側(cè)固定位置，輔助菜單放置于工作區(qū)頂部。內(nèi)容根據(jù)瀏覽器終端進行自適應，能提高橫向空間的使用率，但是整個頁面排版不穩(wěn)定。

側(cè)邊導航的模式層級擴展性強，一、二、三級導航項目可以更為順暢且具關(guān)聯(lián)性的被展示，同時側(cè)邊導航可以固定，使得用戶在操作和瀏覽中可以快速的定位和切換當前位置，有很高的操作效率。但這類導航橫向頁面內(nèi)容的空間會被犧牲一部分，側(cè)邊導航的級別最多三層，最終路徑導航，均采用側(cè)滑窗口的形式展示，內(nèi)容呈現(xiàn)在主體內(nèi)容區(qū)域之上，側(cè)滑窗寬度固定240PX。

6.1.3.1 側(cè)邊導航可收起菜單+多窗口

該版本導航組合是KCL初版采用方式，之所以不適合當前項目，主要原因在于KCL項目菜單并不復雜，且無多開窗口的需求，其實質(zhì)是側(cè)邊導航的另外一種交互方式。

6.1.5 頂部一級二級導航+側(cè)邊三級導航（三級仍然從屬于二級導航，另外一種是直接在下拉二級旁邊顯示三級導航）

改版的一方案就是6.1.5頂部一級+側(cè)邊二級布局方式（一級導航無下拉選項，點擊一級導航之后側(cè)邊欄顯示二級導航，一級導航相當于標簽功能），但是這種方式并沒有提升用戶的使用效率，反而增加了使用成本和負擔。主要是當時將一級所從屬的二級導航直接割裂到了左側(cè)導航欄，而原本的一級導航欄變成了切換標簽的功能。

所以，為了便于全部展示，采取的是側(cè)邊導航布局即6.1.3布局方式，具體原因如上所述。還有一個原因是我們在后臺項目中同樣嘗試運用設(shè)計風格以及承載的內(nèi)容數(shù)據(jù)不復雜，對于橫向空間需求不是特別高。

其中部分內(nèi)容出于職業(yè)經(jīng)驗，如有不妥，歡迎留言交流。

作者：PGDWORKS；公眾號：PGDWORKS

本文由 @PGDWORKS 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于 CC0 協(xié)議