所謂ui全稱叫做user interface,也就是用戶和界面,研究的方向有三,分別是用戶、用戶和界面關(guān)系、界面。想要走好ui設(shè)計(jì)道路,要了解ui設(shè)計(jì)崗的定義、ui框架等諸多模塊內(nèi)容才行。那么,ui框架是什么?下面就由我來具體介紹一下。
想了解ui框架首先得弄清楚html和css部分,也就是頁面切圖部分,我們知道,在做切圖時(shí)常見的一種方法就是直接把設(shè)計(jì)圖用html和css還原出來,還是一個(gè)個(gè)的還原,在整個(gè)執(zhí)行過程中大家不難發(fā)現(xiàn)會(huì)有一些多余的代碼出現(xiàn),比如說button,每個(gè)頁面用到的地方都會(huì)寫上一堆button樣式,這是大家為了加快開發(fā)、一直復(fù)制粘貼而造成的直接結(jié)果。因?yàn)樵陧撁嬷杏泻芏郻utton的組件,它在前期是必須用到的,但是后期又不需要了,所以很多人就會(huì)想著把這些共性東西抽離出來,直接變成通用組件,這樣做有什么好處呢?在寫頁面的時(shí)候只要引入這些通用組件,無需一直ctrl+c&ctrl+v、不用重復(fù)相同動(dòng)作執(zhí)行,而這個(gè)演變過程其實(shí)是就是ui框架的形成路徑。說白了,這些通用的組件經(jīng)過不停提煉就形成了ui庫或者說ui框架。
ui框架的存在有什么好處?顯而易見的一大好處就體現(xiàn)在、它能讓整個(gè)開發(fā)過程因此而加快,這是因?yàn)檎w開發(fā)效率大大提升了,畢竟所有通用組件的開發(fā)量直接被節(jié)約了下來。除了速度快了之外,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)單的例子,比如說制作出了一套前端框架,那么就可以直接將設(shè)計(jì)標(biāo)準(zhǔn)轉(zhuǎn)化成開發(fā)標(biāo)準(zhǔn),不會(huì)顯得凌亂,特別是如果兩個(gè)設(shè)計(jì)師從來沒有交流過,可能針對(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è)類比吧,比如說在Excel中我們可以就每個(gè)格子中的文字做加紅、加粗處理,也可以直接一鍵全選、設(shè)定所有框架中是該文字的都加粗加紅,這就是ui框架的意義和價(jià)值,兩者是同一個(gè)道理。
實(shí)際上,現(xiàn)在大多數(shù)新人在學(xué)UI設(shè)計(jì)時(shí)首先都會(huì)接觸ui框架,為什么呢?現(xiàn)在我國的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框架用得好往往就能快速輸出作品。
填寫下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!
?2007-2022/ lb577.com 北京漫動(dòng)者數(shù)字科技有限公司 備案號(hào): 京ICP備12034770號(hào) 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc