我在寫CSS的時(shí)候經(jīng)常會(huì)碰到些麻煩事兒:
1)看上去蠻簡單的排版卻寫了很久
2)代碼寫的越來越散,總是這里補(bǔ)一句,那里補(bǔ)一句,沒有條理性
3)margin、padding、font-size等屬性在不停的重寫
效率提不上去,工期又趕,最后只能加班加點(diǎn)做。
后面仔細(xì)想想,其實(shí)自己可以做的更有計(jì)劃性,更有條不紊的推進(jìn)。
一、全局觀
我們這邊開發(fā)是按流程來進(jìn)行的,UI設(shè)計(jì)沒給出,是堅(jiān)決不開工的。
在UI設(shè)計(jì)給出后,最多只是做些無傷大雅的微調(diào),這樣的話,其實(shí)在給出所有UI設(shè)計(jì)稿后,可以做個(gè)大概的評估。
將通用的組件、樣式難點(diǎn)、各個(gè)動(dòng)畫、布局細(xì)節(jié),了然于心,這樣在開發(fā)的時(shí)候,胸有成竹。
先來看看這次設(shè)計(jì)稿的總覽: