第一、使用工具:xd
對于UI設(shè)計強(qiáng)烈推薦的一款設(shè)計軟件,對于大多在小型公司上班的人比較實(shí)用,Windows、mac電腦都可以使用,配合藍(lán)湖使用,效率非常高
第二、設(shè)計尺寸:375*812pt目前常用手機(jī)設(shè)計尺寸,最新的尺寸在一些小地方還沒有普及,所以目前設(shè)計用的這個尺寸還是比較多,如果項(xiàng)目針對的是普通的用戶群體這個尺寸還是比較合適的
第三、模塊圓角:8pt經(jīng)驗(yàn)所得這個尺寸是目前看起最舒適的角度頁面上可展示的區(qū)域也比較多,如果弧度越大,存在的留白也多,雖然看起來比較活躍或潮流,但在一些常規(guī)的項(xiàng)目還是有局限性,弧度越小,看起來親和力就要少一些
第四、側(cè)邊距:12pt 行間距:10pt
第五、小程序設(shè)計模塊一般分為5個模塊:
1、頂部:狀態(tài)欄一般是固定樣式
2、導(dǎo)航欄:左邊區(qū)域可進(jìn)行設(shè)計,右邊內(nèi)容是固定
3、內(nèi)容區(qū):中間為可自由設(shè)計區(qū)域
4、底部:標(biāo)簽欄一般常放圖標(biāo),視覺效果可調(diào)整
5、最底部:一般是ios手機(jī)效果的小橫條,只要設(shè)計時把這個區(qū)域留出來就可以了