關於切圖的一道題目

題目： 上圖中的頁面須要前端實現，那麼 切圖須要切幾張呢？ 最少幾張？ 如何實現？ 圖片banner中的黑點要不要切圖，爲何？

（新聞列表、banner中的圖片都不屬於開發素材，這是應該區分的）

看完圖片，你會發現，其實能夠切的地方有：頭部導航，左右的icon，以及 banner的黑點， banner背景（可切可不且） 新聞列表的底邊（無關緊要

答案並不是惟一，可是有有必定的基準。

3張圖或者4張圖，均可以實現。

所有集中在頭部。 左右2個 icon 以及 2個切換的選中狀態， 剩下的 頭部背景漸變（css3可實現） 頭部切換的背景（css3可實現） 。

這其中 icon 還能夠涉及到 iconfont 看這裏， 或者base64 等東西，能夠考慮進去。

有些人會糾結 新聞列表的圖片 算不算切圖，其實這就是對這個切圖工做的認識了，他們不算開發素材，而只能算填充內容，不能計入真正的切圖圖片數量。