ui框架是什么

　　所謂ui全稱(chēng)叫做user interface，也就是用戶(hù)和界面，研究的方向有三，分別是用戶(hù)、用戶(hù)和界面關(guān)系、界面。想要走好ui設(shè)計(jì)道路，要了解ui設(shè)計(jì)崗的定義、ui框架等諸多模塊內(nèi)容才行。那么，ui框架是什么?下面就由我來(lái)具體介紹一下。
 

　　想了解ui框架首先得弄清楚html和css部分，也就是頁(yè)面切圖部分，我們知道，在做切圖時(shí)常見(jiàn)的一種方法就是直接把設(shè)計(jì)圖用html和css還原出來(lái)，還是一個(gè)個(gè)的還原，在整個(gè)執(zhí)行過(guò)程中大家不難發(fā)現(xiàn)會(huì)有一些多余的代碼出現(xiàn)，比如說(shuō)button，每個(gè)頁(yè)面用到的地方都會(huì)寫(xiě)上一堆button樣式，這是大家為了加快開(kāi)發(fā)、一直復(fù)制粘貼而造成的直接結(jié)果。因?yàn)樵陧?yè)面中有很多button的組件，它在前期是必須用到的，但是后期又不需要了，所以很多人就會(huì)想著把這些共性東西抽離出來(lái)，直接變成通用組件，這樣做有什么好處呢?在寫(xiě)頁(yè)面的時(shí)候只要引入這些通用組件，無(wú)需一直ctrl+c&ctrl+v、不用重復(fù)相同動(dòng)作執(zhí)行，而這個(gè)演變過(guò)程其實(shí)是就是ui框架的形成路徑。說(shuō)白了，這些通用的組件經(jīng)過(guò)不停提煉就形成了ui庫(kù)或者說(shuō)ui框架。

　　ui框架的存在有什么好處?顯而易見(jiàn)的一大好處就體現(xiàn)在、它能讓整個(gè)開(kāi)發(fā)過(guò)程因此而加快，這是因?yàn)檎w開(kāi)發(fā)效率大大提升了，畢竟所有通用組件的開(kāi)發(fā)量直接被節(jié)約了下來(lái)。除了速度快了之外，ui框架還有以下這幾個(gè)方面的優(yōu)勢(shì)：

　　1、標(biāo)準(zhǔn)化，有了ui框架之后就相當(dāng)于給每個(gè)UI設(shè)計(jì)師一個(gè)設(shè)計(jì)的統(tǒng)一標(biāo)準(zhǔn)，舉個(gè)簡(jiǎn)單的例子，比如說(shuō)制作出了一套前端框架，那么就可以直接將設(shè)計(jì)標(biāo)準(zhǔn)轉(zhuǎn)化成開(kāi)發(fā)標(biāo)準(zhǔn)，不會(huì)顯得凌亂，特別是如果兩個(gè)設(shè)計(jì)師從來(lái)沒(méi)有交流過(guò)，可能針對(duì)同樣功能的按鈕，一個(gè)設(shè)置用50px，一個(gè)用55px，如此就很糟糕。

　　2、擴(kuò)展會(huì)變得更方便，將所有共同內(nèi)容都集中在了一起，當(dāng)要對(duì)產(chǎn)品進(jìn)行改造或者擴(kuò)展時(shí)只要對(duì)框架進(jìn)行升級(jí)就可以實(shí)現(xiàn)這般效果。做個(gè)類(lèi)比吧，比如說(shuō)在Excel中我們可以就每個(gè)格子中的文字做加紅、加粗處理，也可以直接一鍵全選、設(shè)定所有框架中是該文字的都加粗加紅，這就是ui框架的意義和價(jià)值，兩者是同一個(gè)道理。

　　實(shí)際上，現(xiàn)在大多數(shù)新人在學(xué)UI設(shè)計(jì)時(shí)首先都會(huì)接觸ui框架，為什么呢?現(xiàn)在我國(guó)的UI設(shè)計(jì)行業(yè)仍處于起步階段，之所以很多UI設(shè)計(jì)作品都會(huì)有其他作品的影子，就是因?yàn)樵O(shè)計(jì)師使用了同樣的UI框架，事實(shí)上，這有利也有弊，主要弊端就體現(xiàn)在、讓UI設(shè)計(jì)自帶共通性，優(yōu)勢(shì)是方便了新人的學(xué)習(xí)，只要將ui框架用得好往往就能快速輸出作品。