ui框架是什么

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

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

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

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

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

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