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

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

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