結合實際業(yè)務場景和原子設計理論,將組件劃分為不同顆粒度:基礎組件、業(yè)務組件、典型頁面組件,以適用于不同研發(fā)場景使用。梳理具有業(yè)務特點的典型頁面,相比基礎組件和業(yè)務組件,典型頁面更加具體,為用戶提供具有代表性的內(nèi)容和框架,并準確描述用戶最終看到的內(nèi)容。如列表和左樹右表典型頁面組件,作為最為常見的頁面結構,各業(yè)務場景可復用頁面組件,保證了頁面組件內(nèi)各基礎組件的一致性,最大程度的實現(xiàn)不同的產(chǎn)品線產(chǎn)品中頁面體驗的一致性。