亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

分享近期在做的幾個項(xiàng)目的設(shè)計(jì)規(guī)范與組件庫搭建； 

通過一些項(xiàng)目接觸了游戲UI的設(shè)計(jì)過程； 對迭代了一兩年的項(xiàng)目做組件庫整合； 幾個連夜趕工的新項(xiàng)目的處理； 

同樣是做組件庫，不同的時間采取不同的方案，會有不一樣的效果。 整合了幾個特例分享給大家

（文章中的圖片均為二次加工的簡略圖，僅用于解釋說明，非實(shí)際效果圖）

搭建一個組件庫，前期要花費(fèi)的時間會比純完成界面要更多。但后期迭代能適用于非常多通用小需求，能明顯地提升設(shè)計(jì)效率，且有了規(guī)范的約束能更好的維持統(tǒng)一性。

例子一

一個需要在3天內(nèi)完成設(shè)計(jì)，需要快速開發(fā)完的demo； 對質(zhì)量要求不高，因而可采用現(xiàn)有組件庫篩選套用；

最主要定義的是色彩，結(jié)構(gòu)，文字，圖形等規(guī)范的統(tǒng)一；作為最基礎(chǔ)的原子，也是一套設(shè)計(jì)差異化的最直觀因素之一； 規(guī)范是一種限制，同時也是一種統(tǒng)一；

根據(jù)實(shí)際界面，選取適用組件。由于該項(xiàng)目題量不大，因而所涉及到的范圍較小，無需用到的組件并不需要處理或待到后續(xù)迭代根據(jù)需要添加。

（此處僅篩選部分設(shè)計(jì)規(guī)范與組件庫做說明用，非全部內(nèi)容）

小的分子確定后，再根據(jù)項(xiàng)目需要，組合成對應(yīng)的組織 這時可以用到figma的組件組功能；在組件中套用組件，后續(xù)調(diào)整均可以在設(shè)計(jì)稿上直接調(diào)用。

到這里，該項(xiàng)目的設(shè)計(jì)組件庫基本已經(jīng)完成了。 此時把內(nèi)容做出來但它還只是個工具，該如何讓其他人認(rèn)同這個產(chǎn)出，讓它發(fā)揮出最大的作用呢？ 要分享，要推薦身邊的人一起使用，讓大家親身體驗(yàn)到組件庫帶來的效率

一個已經(jīng)迭代了較長時間的游戲UI項(xiàng)目，由于前設(shè)計(jì)稿是用ps做的，切圖標(biāo)注的效率特慢，且多人協(xié)作不便；目前已知使用xd做界面設(shè)計(jì)稿，可直接導(dǎo)入到unity中，大量減少工作量。于是有了設(shè)計(jì)稿搬遷升級的規(guī)劃。

顏色，文字，圖形，風(fēng)格等已經(jīng)成型且整理成設(shè)計(jì)規(guī)范；因而本次會把重點(diǎn)都放在組件庫的方面。 設(shè)計(jì)規(guī)范照搬輸入進(jìn)軟件的組件庫里即可。

此處僅篩選部分設(shè)計(jì)規(guī)范與組件庫做說明用，非全部內(nèi)容

初次搭建完成后整理歸檔，放置于一個xd文件中，且通過adobe的賬號分享功能，在adobe云庫中共享該組件庫給其他成員； 制定每隔一段時間，更新一次組件庫

設(shè)計(jì)稿從ps轉(zhuǎn)到xd后，能有效減輕設(shè)計(jì)師重復(fù)的工作量，能騰出更多的時間處理其他事務(wù)。

adobe XD的一些操作，與游戲的平常習(xí)慣更貼切，軟件過度上會更方便

Powered by Froala Editor