掌握好整理文件和上傳的方法,有一份清晰的切圖文檔,能高效的開展開發和視覺之間的溝通。
1.正確精準的命名
開發同學在實現某個頁面的過程中,必須要一張張去找我們的切圖,把它們對應起來。所以一個精準的命名,能夠讓開發一目瞭然。
2.歸納切圖類別
我們完成的頁面有幾十個,每個頁面裏又有零零散散的圖標,把它們一個個拿出來,必定有很多重複標註。在iOS中要求的icon又大多是44px的,所以很多都是可以在不同頁面裏通用的,學會歸納也能提升效率。
通用文件歸納法
比如類目icon,你可以把這些常用的類目圖標,都整理在一個文件包中。
1.解決視覺設計中,設計師對不同頁面但相同功能icon的不統一
2.只要是用到類目的,哪怕是不同的頁面,開發也能在一個文件包中找,不同在每個頁面包中來來回回。
控件歸納法
像一些常用的控件,比如navi, toolbar, setting, tab-bar等,也可以整理成一個通用的切圖包。
3.一個頁面一個包
縱使我們歸納總結,但零零碎碎的切圖,不可能完全分類。於是剩下的一些,我們就需要按照一個頁面一個文件包的方式,來整理切圖,就這樣不管是開發要拿,或是你要更新,都在這個統一的地方交接就行了。
4.切圖示注意點擊區域
切圖時可以把點擊區域一起切,並在頁面標註上相應標明