UI設(shè)計(jì)里面的基礎(chǔ)組件具有原子組件、通用組件等叫法，它適用于電商業(yè)務(wù)、金融業(yè)務(wù)等各種業(yè)務(wù)場(chǎng)景，使用它能提高設(shè)計(jì)稿的一致性，增加設(shè)計(jì)與開發(fā)效率。

比如button，即便是一個(gè)開關(guān)、輸入框都屬于無法拆分的組件。 Ant Design，是典型基礎(chǔ)組件庫，具有通用、兼容等特點(diǎn)，目前它的設(shè)計(jì)及開發(fā)貢獻(xiàn)者已超過1000人，企業(yè)的各種業(yè)務(wù)場(chǎng)景中都可以應(yīng)用。

一、UI設(shè)計(jì)里面的基礎(chǔ)組件相關(guān)介紹

基礎(chǔ)組件是一種底層組件，也可以被叫做「原子組件」或「通用組件」，有以下幾種特點(diǎn)：

1、像是button，一個(gè)輸入框，一個(gè)開關(guān)等都是不能拆分的組件。

2、適用于各類業(yè)務(wù)場(chǎng)景：比如政務(wù)業(yè)務(wù)、電商業(yè)務(wù)、金融業(yè)務(wù)等業(yè)務(wù)都可以使用。

3、可確保設(shè)計(jì)質(zhì)量和效率：使用組件可以使設(shè)計(jì)稿具備較高的一致性，并提升設(shè)計(jì)和開發(fā)的工作協(xié)同效率。

4、大家熟悉的典型基礎(chǔ)組件庫就是 Ant Design，主要特點(diǎn)有通用、開源、包容等。迄今為止，Ant Design 已擁有超過1k+的設(shè)計(jì)和開發(fā)貢獻(xiàn)者，被應(yīng)用于2w+的企業(yè)各類業(yè)務(wù)場(chǎng)景中。

二、基礎(chǔ)組件設(shè)計(jì)的依據(jù)

基礎(chǔ)組件可以直接借鑒已有的、成熟的開源組件設(shè)計(jì)體系，減少重復(fù)操作以t提高工作效率。組件設(shè)計(jì)可以有以下幾種依據(jù)：

1、內(nèi)容或元素出現(xiàn)和使用的頻次。

2、用戶操作后的基礎(chǔ)交互反饋，比如違規(guī)操作后看到的提示條。

3、設(shè)計(jì)走查的過程中經(jīng)常會(huì)看到的質(zhì)量問題，也可以用組件來統(tǒng)一。

三、UI設(shè)計(jì)包含哪些

UI行業(yè)主要包含：網(wǎng)頁UI、游戲UI、APP UI 。其中的游戲UI就是UI原畫設(shè)計(jì)。

1、游戲UI

（1）游戲UI設(shè)計(jì)師需要有比較強(qiáng)手繪能力、軟件操作能力、審美能力，游戲UI設(shè)計(jì)對(duì)整體的綜合能力要求比較高，除了有較強(qiáng)的表現(xiàn)力之外，還要好的溝通能力。（游戲UI設(shè)計(jì)師需要與游戲公司的運(yùn)營(yíng)、美術(shù)、策劃等溝通非常多關(guān)于設(shè)計(jì)的問題）

（2）游戲UI還需要有想象能力，如果都是大眾化的設(shè)計(jì)樣式，很難去吸引客戶群體。做出來的設(shè)計(jì)需要有較強(qiáng)的游戲性，有些崗位還需要游戲UI會(huì)做一些簡(jiǎn)單的動(dòng)畫和特效。

2、APP UI、網(wǎng)頁UI

（1）這兩類主要就是負(fù)責(zé)手上軟件的UI效果、網(wǎng)站效果，對(duì)手繪功底要求比較低，做的東西也偏扁平化、平面一些。由于這類設(shè)計(jì)只需要對(duì)軟件熟悉，所以淘汰率相對(duì)也會(huì)高一些越簡(jiǎn)單的東西就越容易被取代。

（2）UI設(shè)計(jì)和UI原畫設(shè)計(jì)的差別還是非常大的，不只是手繪功底的差別，還有對(duì)軟件的掌握方面。UI設(shè)計(jì)更好學(xué)一些，我建議大家學(xué)會(huì)了，可以慢慢的往游戲UI發(fā)展，這個(gè)前景會(huì)好的多。