前端在拿到UI設(shè)計(jì)圖之后需要做什么？獲取UI設(shè)計(jì)圖來(lái)分析頁(yè)面的布局和交互設(shè)計(jì)。頁(yè)面應(yīng)分為通用模塊和通用模塊的欄目。然后組織CSS，即一部分是cssapi來(lái)控制頁(yè)面中元素的樣式，另一部分是CSS框架（即

前端在拿到UI設(shè)計(jì)圖之后需要做什么？

獲取UI設(shè)計(jì)圖來(lái)分析頁(yè)面的布局和交互設(shè)計(jì)。頁(yè)面應(yīng)分為通用模塊和通用模塊的欄目。然后組織CSS，即一部分是cssapi來(lái)控制頁(yè)面中元素的樣式，另一部分是CSS框架（即CSS的通用部分）。這樣，頁(yè)面可以以最高的重復(fù)率書(shū)寫(xiě)，減少無(wú)用的工作，其次是交互效果如果你有設(shè)計(jì)圖，你只有鼠標(biāo)懸停的效果（這時(shí)你要注意的是，小公司里沒(méi)有交互設(shè)計(jì)師，而交互作用一般是由前端完成的。這時(shí)，你需要和設(shè)計(jì)師談?wù)劊忉屢幌率髽?biāo)在過(guò)去是如何變化的，過(guò)渡效果等等），最后是編碼