關注「長弓小子」看更多設計乾貨！Hi，我是元堯。歡迎長按下圖二維碼加我微信，帶你進設計師交流群，與更多小夥伴一起交流成長！
「添加好友請備註：設計交流」
一.概念區分
「基礎組件」也可以被叫做「原子組件」或「通用組件」，是一種底層組件，其特點如下：
-單一的不可再拆分的組件：比如一個 button，一個輸入框，一個開關等。
- 適用於各類業務場景：比如政務業務、電商業務、金融業務等業務都可以使用。
- 可保證設計質量和效率：使用組件可以使設計稿具備較高的一致性，並提升設計和開發的工作協同效率。
「高級組件」也可以被叫做「區塊組件」或「業務組件」，是一種相對來說更具備業務屬性的組件，其特點如下：
- 是複合型的區塊組件：是基礎組件的合集，比如一個表單，一個表格，一張多功能卡片等。
- 適用於更專業的業務場景：帶有強烈的業務屬性，在業務實操設計過程中，會更有針對性、更高效。
- 可保證業務完成的專業性和效率：好的業務組件可以更好地賦能業務，更快地完成業務需求。
二. 設計重點
基礎組件可以直接借鑑已有的、成熟的開源組件設計體系，減少重複勞作。如果自己的團隊也想做，判斷依據通常包括：
相比於基礎組件，高級組件因其獨特的業務屬性，以及與產品的強綁定關係，很難找到已有的組件庫進行借鑑和應用。判斷內容是否應該被沉澱的依據通常包括：
需要注意的是，業務組件庫中的組件數量不是越多越好。「專而精」有時會更高效。畢竟設計系統的根本目的是降本提效，而非設計師炫耀設計價值的工具。
另外，「專而精」 也是另一個維度的 「全」。當我們通過對業務需求和屬性的深入研究，將業務組件做的足夠專業，也會從另一個維度對業務進行補充和賦能，從設計側推動業務進行體驗優化，促進產品質量的提升。
業務組件的搭建標準和規則，更多由業務設計師來決定，也是所有 B 端設計師應該精進的能力。
3. 完整概念列表
所以回到我們開篇遇到的問題：
因為每個產品各具特色，對於這種與業務強相關的組件尺寸，在通用的、開源的基礎組件庫中，不太好給出一刀切的定義。但在我們日常面對業務需求所用的高級業務組件庫中，則需要有明確的規範。
那麼到底哪些數據需要被規範？應該如何編寫規範？「基礎組件」和「高級組件」在設計中還要注意到哪些細節？為了幫助大家更清晰地區分概念，關於「基礎組件」和「高級組件」我總結出了一個完整的清單列表：
- 基本概念區分
- 案例區分
-組件設計工作流程區分
-組件設計內容區分
經驗｜B端產品組件設計經驗分享（一）
經驗｜設計資產中的組件該如何被命名？
年終小記｜2022，步履不停！
了解更多設計理念和設計方法
留言列表